Header Ads

Breaking News
recent

Cara membuat spoiler di dalam posting blog


Blogger | Revian-4rt - Cara membuat spoiler di postingan blog. Spoiler bisa di selipkan di antara postingan blog. Lalu timbul pertanyaan gunanya untuk apa ?

Mungkin kalau kita terbiasa melihat forum-forum di internet semacam kaskus dan sebagainya, tidak asing melihat isi posting yang di spoiler yang fungsinya untuk menghemat space, terutama untuk posting yang panjang kebawah. Jika sobat masih belum paham, silahkan aja lihat script di bawah yang saya spoiler :

Script Spoiler
<div style="margin: 5px 20px 20px;"> 
<div class="smallfont" style="margin-bottom: 2px;"><b>Label 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 = 'View'; }" type="button"> 
</div> 
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> 
<div style="display: none;"> 
Copas Isi Spoiler Disini <br> 
</div> 
</div> 
</div>

Di atas adalah contoh bentuk isi posting yang di spoiler. Lalu bagaimana cara membuatnya ?
  • Copy paste script diatas di antara postingan
  • Teks "Copas Isi Spoiler Disini" >> Isi dengan text kalimat/ gambar yang di spoiler
  • Text "Label Spoiler" bisa di ganti sesuai judul spoiler dari kutipan isi posting yang di spoiler
  • Text "Buka" dan "Tutup" silahkan diganti dengan istilah lain

Demikian tip dan tutorial cara membuat spoiler di dalam postingan blog. Mudah bukan ? - Selamat mencoba :)

Tidak ada komentar:

Diberdayakan oleh Blogger.