spoiler adalah Button/Tombol yang dapat digunakan untuk mempersingkat postingan blog, karena spoiler akan menyembunyikan sebagian dari postingan dan bagian itu hanya dapat ditampilkan jika tombol spoiler diklik, dan dapat disembunyikan kembali jika tombol spoiler diklik lagi. Dengan begini, postingan kita tidak terlalu memakan tempat pada blog. seperti menyembunyikan teks, gambar, maupun video.
okey,....tanpa panjang lebar,.....adapun langkah-langkahnya :
2. Masuk Entri Baru atau New Post ( postingan biasa )
3. Pilihlah pada mode Edit HTML saat anda ingin Membuat Spoiler pada psotingan anda
4. Copy script berikut:
Click here:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Click here</b>: <input value="View" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks / gambar atau script anda disini
<br />
</div>
</div>
</div>
6. Lihat hasilnya.
_____________________________________________________________________________
Catatan:
1. Tulisan berwarna Merah adalah judul dari spoiler itu (yang terletak di sebelah kiri tombol View / Hidden). Anda dapat menggantinya sesuai keinginan anda.
2. Tulisan berwarna Biru adalah kata yang terdapat pada tombol spoiler. Anda dapat menggantinya sesuai keinginan.
3. Tulisan berwarna Ungu Gantilah dengan Tulisan / Script Gambar atau Video Anda Sesuai keinginan anda kawan.
4. Lakukan ini saat anda ingin melakukan menyembunyikan yang anda inginkan.
______________________
Selamat mencoba...
0 komentar:
Posting Komentar - Kembali ke Konten
Terimah kasih sudah berkunjung di blog sekedar-online,....semoga artikelnya bermanfaat.