Cara membuat Spoiler Pada Posting Blog
Spoiler adalah tombol yang berguna untuk menyingkat tempat atau menyembunyikan konten (teks html, gambar ataupun video) dengan buka tutup.
Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Disini saya akan membantu kalian bagaimana cara membuat spoiler di blog? Berikut cara yang biasanya saya gunakan :
- Langkah pertama Login Ke dashboard Blog anda
- Pilih Posting
- Buat posting baru seperti biasa Tetapi disini kita masuk pada Mode HTML
- lalu Gunakan Script Berikut untuk membuat Postingan dengan Spoiler
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
<br>
</div>
</div>
</div>
- Silahkan Ganti Judul Spoiler yang saya beri warna Biru pada code Script tersebut sesuai dengan keinginan anda
- Klik Publikasikan jika anda sudah selesai.
Terimakasih, Demikian tutorial Cara membuat Spoiler Pada Posting Blog saya kali ini. Semoga bermanfaat.
Ditulis Oleh : Anonymous TIPS DAN ARTIKEL BLOGGING TERLENGKAP
Sobat sedang membaca artikel tentang Cara membuat Spoiler Pada Posting Blog. Oleh Admin Lhk-Blogs, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya