Cara Membuat Fungsi Hide And Show / Spoiler Pada Blog

Hari ini saya akan menuliskan cara bikin spoiler di blogger, spoiler bisa anda gunakan untuk menyembunyikan sebaigian artikel yang terlalu panjang, link download, dsb. Nah itulah yang saya maksud dengan spoiler, script spoiler ini berfungsi untuk menyembunyikan sebagian tulisan di postingan  blog kita, baik itu berupa link download, atau hanya sekedar ingin menyembunyikan tulisan saja.

 Cara Bikin Spoiler Di Blogger (Spoiler Script)

 Cara Membuat Spoiler Di Blogger
  1. Login ke blogger
  2. klik add new post (buat artikel baru) kemudian isi artikel teman.
Kopi semua kode berikut, kemudian masukkan ke posting atau tempat yang teman inginkan

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan isi SPOILER Di sini

</div></div></div></div>

Keterangan : Ganti tulisan Masukkan isi SPOILER Di sini yang anda inginkan.






Mari Kita Saling Menghargai Sesama Blogger
Apabila anda merasa artikel ini bermanfaat, silahkan share dimana saja.
Dan jika berkenan mohon mencantumkan link sumbernya. Terima Kasih.



Related Post


>