Cara Membuat Spoiler pada Widget Blog Cara Membuat Spoiler pada Widget Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

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?

Anda sedang membaca artikel tentang Cara Membuat Spoiler pada Widget Blog dan anda bisa menemukan artikel Cara Membuat Spoiler pada Widget Blog ini dengan url http://it-kopl4k.blogspot.com/2012/11/cara-membuat-spoiler-pada-widget-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Spoiler pada Widget Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Spoiler pada Widget Blog sumbernya.