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 +5comments

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
8/4/18 09:48

Terima Kasih ya Gan, Artikel yang sangat Bagus dan Bermanfaat.. Update terus dan sukses selalu ya Gan

Kumpulan Situs Poker

Situs Domino99

Berita Terkini

Cerita Dewasa

Situs Judi Online

Kumpulan Film Semi

Agen BandarQ Terbaik

ENJOYDOMINO.COM AGEN BANDARQ, DOMINO99, DOMINOQQ, POKER ONLINE, BANDARQ ONLINE TERPERCAYA

Terimakasih Paulina Rensia atas Komentarnya di Cara Membuat Spoiler pada Widget

Post a Comment