Cara Membuat Spoiler pada Widget


spoiler 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,

Berlangganan Artikel Referensi Kita

Masukkan alamat email Anda:

Related Post:

+ comments +4comments

wah yang ini keren dan saya udah pake tp yg versi jquery :)

Terimakasih RISALAHATI™ atas Komentarnya di Cara Membuat Spoiler pada Widget

makasih atas kunjungannya :D

Terimakasih Mohammad Irfan Basuki atas Komentarnya di Cara Membuat Spoiler pada Widget
23/5/12 07:53

keren and siip, nice posting

Terimakasih Rudy Hartono atas Komentarnya di Cara Membuat Spoiler pada Widget
6/7/12 19:53

Thanks gan. Sudah saya terapkan

Terimakasih Yustin Annisa atas Komentarnya di Cara Membuat Spoiler pada Widget

Post a Comment