Our Sponsors

Saya Tegaskan Bahwa Sebagian Besar Artikel di Blog Ini Berasal Dari Pulsk.

Artikel Yang Tidak Tercantum Sumbernya Adalah Berasal Dari Puslk

Sunday, August 4, 2013

Cara Membuat Spoiler Buka Tutup Pada Blog



Kali ini saya akan memberitahu bagaimana membuat Spoiler Buka Tutup pada Blog. cekidot !

Contohnya seperti dibawah ini:

Judul Spoiler:
Letakkan teks atau kode script (gambar atau video), link di sini

Jika teman-teman tertarik silahkan ikuti tutorial dibawah ini :

1. Login ke akun Blogger anda
2. Buat entri baru
3. Pindah ke mode tulis HTML (bukan compose)
4. Lalu copy pastekan kode dibawah ini pada postingan yang akan di pasang Spoilir Buka Tutup


<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan teks atau kode script (gambar atau video), link di sini  <br></div></div></div>

 NB:
Judul Spoiler : Ganti sesuia keinginan
Tutup Buka : Bisa juga di ganti Hide dan Show
Letakkan teks atau kode script (gambar atau video), link di sini: Diganti dengan url gambar, link, atau kode script.

nah mudahkan agan-agan sekalian ? semoga bermanfaat buat kalian semua :)

0 Comments:

Post a Comment

Budayakan Meninggalkan Komentar Setelah Membaca Sebuah Artikel :)

Copyright by Muhammad Farhan Ammar. Powered by Blogger.
Related Posts Plugin for WordPress, Blogger...