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(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }" 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

Tweet

Masukkan alamat email Anda:

Related Post: