Membuat Spoiler ala Kaskus

MMenindaklanjuti request dari rekan WBC untuk menshare tips tentang membuat spoiler. Maka pada posting saya kali ini akan membahas tentang tips membuat spoiler ini. Apa itu spoiler? mungkin rekan WBC banyak yang sudah tahu. Spoiler di blog adalah sebuah tombol yang fungsinya menyembunyikan teks atau gambar di bawahnya. Contohnya adalah tombol Rekan WBC pada sidebar blog WBC. Saat diklik tombol tampilkan maka dibawahnya akan muncul kotak yang sebelumnya tersembunyi berisi textarea link-link dari rekan-rekan WBC.

Berminat ingin membuatnya? Berikut tipsnya.

Untuk Blogspot

Seperti biasa login acoount blogger Anda. kemudian masuk Tata Letak > Elemen Laman.

Pada sidebar pilih Tambah Gadget > HTML/Java Script.

Masukkan kode dibawah ini :

<div> <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"> <i><span style="font-weight: bold;">Judul</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> isi spoiler </div> </div> </div> </div>

Judul: Membuat Spoiler ala Kaskus ; Ditulis oleh Twitter ask; Rating Blog: 5 dari 5

Ditulis Oleh : Twitter ask Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Membuat Spoiler ala Kaskus . Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://twitterask.blogspot.com/2013/03/membuat-spoiler-ala-kaskus.html" target="_blank">Membuat Spoiler ala Kaskus </a>

:: Get this widget ! ::