Tips Membuat Tombol Spoiler di Blog | Tombol Show/Hide

Kemarin saya sudah posting tutorial blogger yaitu Cara Membuat Kotak Scroll Otomatis di Blog. Sesuai janji saya, sekarang saya akan memberi tahu cara membuat tombol spoiler di blog. Tombol ini biasanya digunakan agar menghemat tempat di blog kita, tombol ini juga biasa dipakai di kaskus.us. Nih contoh tombol spoiler :

Mau tau cara membuat nya?? Cekidot disini :


1. Klik tab rancangan pada dasbor blog.

2. Klik "tambah gadget" lalu klik tanda plus (+) pada HTML/JavaScript

3. Masukkan kode berikut





<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;">



LETAKKAN KODE HTML DISINI



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



Keterangan :


- Merah : agan bisa ubah ukuran lebar tombol spoiler

- Biru : agan bisa ubah kata-kata "Tampilkan dan Sembunyikan" misalnya dengan "intip", dll.



Sekian dulu tutorial blogger dari RazzorTeknik. Terima Kasih!