Cara Membuat Spoiler pada Widget

Assalamualaikum teman.. kali ini saya akan share mengenai Cara membuat spoiler pada widget. Menurut saya cara yang satu ini sangat berguna untuk menghemat tempat pada blog kita sehingga sangat sayang untuk tidak dimanfaatkan. Sebagai contoh teman bisa melihat pada widget top commentators dan recent comments saya di sidebar kanan.

caranya:

Pertama masuk ke dashboard
Klik Design
Pada page elements klik add a gadget
Pilih HTML/Javascript
Pada Content masukkan kode berikut ini

<div><div style="margin-bottom: 3px;"><i><b><small>Tambahkan Teks Sebelum Spoiler Disini</small></b></i><input value="Teks Pada Spoiler" style="margin: 0px; padding: 0px; width: 100px; 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 style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Letakkan apapun disini

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

Ganti teks yang berwarna merah dengan teks yang ingin teman tampilkan sebelum spoiler, bila tidak ingin ditampilkan bisa dihapus saja
Ganti teks yang berwarna biru dengan teks yang ingin teman tampilkan pada spoiler
Ganti teks yang berwarna hijau dengan ukuran lebar spoiler
Ganti Teks yang berwarna kuning dengan konten yang teman inginkan
Klik save

Selesai...

Bagaimana teman ? berhasil bukan?

Regards,

Irfan

Berlangganan Artikel Referensi Kita

blog