Cara Sembunyikan Goresan Pena Di Posting Blog Guna Spoiler
Spoiler ialah teknik untuk menyembunyikan seluruh atau sebagian isi dari Content posting, dengan tujuan untuk mengjimatkan space halaman posting dan mengurangi lamanya waktu loading web/blog, dimana contohnya posting tanpa spoiler loading memakan waktu 45 saat, maka kalau dengan Spoiler cukup dengan 30 ketika dan mungkin kurang dari itu (tergantung isi content).
Fungsi Spoiler ialah selain untuk menyembunyikan content berupa text dan instruksi juga boleh sembunyikan gambar dalam ukuran besar serta video. Cara Kerja Spoiler adalah, content yang ditaruh di dalam spoiler hanya boleh dilihat keseluruhnya oleh pembaca apabila buttonnya diklik.
Untuk membuktikannya silahkan Anda klik tombol spoiler di bawah ini:
1. Teks warna Biru ialah Judul Content dan boleh diganti sesuai dengan selera anda, Namun kalau tidak ingin menampilkan judul content pada spoiler, silahkan dihapus saja dan nilai margin aku kasih warna biru silahkan diganti menjadi 0 (nol);
2. Teks warna Merah ialah kata perintah tombol spoiler dan boleh diganti sesuai selera Anda.
3. Teks warna Pink ialah daerah menaruh isi content postingan Anda. Sumber http://johanrakyat.blogspot.com
Fungsi Spoiler ialah selain untuk menyembunyikan content berupa text dan instruksi juga boleh sembunyikan gambar dalam ukuran besar serta video. Cara Kerja Spoiler adalah, content yang ditaruh di dalam spoiler hanya boleh dilihat keseluruhnya oleh pembaca apabila buttonnya diklik.
Untuk membuktikannya silahkan Anda klik tombol spoiler di bawah ini:
Contoh Spoiler
<div><div style="margin: 10px;">
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;"> Contoh Spoiler</span><input value=" please buka!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Tutup Jer...'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' please buka!!!'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
disinilah daerah untuk meletak content dalam spoiler
</div></div></div></div>
<div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;"> Contoh Spoiler</span><input value=" please buka!!!" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = ' Tutup Jer...'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' please buka!!!'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
disinilah daerah untuk meletak content dalam spoiler
</div></div></div></div>
Keterangan:
Copy kod diatas,letak di new post anda....1. Teks warna Biru ialah Judul Content dan boleh diganti sesuai dengan selera anda, Namun kalau tidak ingin menampilkan judul content pada spoiler, silahkan dihapus saja dan nilai margin aku kasih warna biru silahkan diganti menjadi 0 (nol);
2. Teks warna Merah ialah kata perintah tombol spoiler dan boleh diganti sesuai selera Anda.
3. Teks warna Pink ialah daerah menaruh isi content postingan Anda. Sumber http://johanrakyat.blogspot.com
0 Response to "Cara Sembunyikan Goresan Pena Di Posting Blog Guna Spoiler"
Posting Komentar