Rabu, 25 April 2012

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!

0 komentar :

Poskan Komentar

--=SILAHKAN BERKOMENTAR=--

Berikan Saran Dan Pendapat Sobat, Syukur - Syukur sobat mau menjadi FOLLOWERS blog ini, HEHEHEHEEE...
Saya Mohon Maaf Bila Dalam Penulisan Artikel Diatas Ada Kalimat atau Kata Yang Salah.. (<> , <>)

JANGAN BERKOMENTAR SPAM .!!!!

TERIMAH KASIH