Cara Membuat Spoiler Buka Tutup Pada Blog

 Cara Membuat Spoiler Buka Tutup Pada Blog

 Hallo apa kabar sob....ketemu lagi yaaa,oyaa kali ini saya akan membahas tentang Cara Membuat Spoiler Buka Tutup Pada Blog,Spoiler ini bisa di gunakan jika artikel sobat cukup panjang dan juga bermanfaat untuk menyembunyikan gambar,script,tulisan atau lain-lain sehingga membuat halaman blog sobat menjadi sedikit lebih ringan loadingnya,kenapa lebih ringan?karena postingan sobat yang panjang lebar bisa di sembunyikan dan tidak terbuka semua secara langsung,sebagai contoh silahkan sobat klik tulisan ''BUKA'' pada spoiler di bawah ini.

Selamat datang di blog POST-GRIYOKU, jangan sungkan sungkan yaa kunjungi blog aquuu yaaa .....

Atau yang dibawah ini

=======================================================

Bisnis Gratis disini

=====================

 

Dapatkan lelang produk sampai 90% yang Anda suka........

Dapatkan bonus Dollar tiap hari di SFI

Digital Generation Perpustakaan link Idialsmarter Shobit EEboox Myperfectinternet Prizemania Wazzub Weplayyowin Mailaxy Megadealsweekend Cheeaap Dig4less Eeboox.Perfectinter

• Untuk penempatan spoiler ini,Sob ..bisa pasang baik di postingan atau di sidebar.
• Copy script di bawah ini,
• Kalau sobat ingin pasang di postingan,maka sobat taruh di bagian HTML bukan COMPOSE/tulisan paham kan Sob..
  
  
  
  <div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
  <div style="margin-top: 5px; text-align: left;"><input 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;TUTUP&#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;BUKA&#39;; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
  <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
  Letakkan link/script/gambar disini
   </div></div></div>

• Jika sudah lihat hasilnya,maka tombol buka tutup ini siap untuk di gunakan..

Bagaimana postinganya sudah paham kan sob..,jika sudah silahkan di coba dulu,semoga berhasil,dan..
SEMOGA BERMANFAAT Salam...sukses