Cara membuat klik buka tutup atau spoiler di blog

Cara membuat spoiler pada blog




Spoiler apa itu??Lebih jelasnya klik di bawah ini !!!

Klik Spoiler Berikut:

Ini dia yang dinamakan spoiler!!!!

nah sudah tahu kan apa itu spoiler !!!!

Para Juragan sudah banyak yang "ngeh" kan apa yang di maksud spoiler ? apalagi para kaskuser pasti sudah tak asing lagi. yuupzz bener banget spoiler adalah suatu teknik atau cara untuk memperingkas seluruh isi postingan,tulisan ataupun gambar yang terlalu banyak dengan cara menyembunyikanya. spoiler ini bertujuan untuk mengurangi space halaman posting supaya tidak terlalu pnjang ke bawah. untuk kamu sekalian yang ingin membuat spoiler ini diblog kalian (pengguna blogspot) dapat mengikuti beberapa langkah berikut ini :


Cara Membuat Spoiler Pada Postingan Blog :

1. Login ke blogger

2. Kemudian tulis postingan baru

3. Ganti tab Compose dengan tab HTML

4. Masukan kode di bawah ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Klik Spoiler Berikut</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>

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.

Demikian tips cara pembuatan spoiler dari saya. Selamat mencoba. Salam Blogger.