Home » , » Cara Membuat Spoiler Buka Tutup Pada Blog

Cara Membuat Spoiler Buka Tutup Pada Blog

Written By Unknown on Jumat, 23 Agustus 2013 | 16.13

SAHABAT BLOGGER - Bagaimana kabar teman-teman semua..? Sehat kan..? Alhamdulillah kalo semuanya sehat. Pada kesempatan kali ini saya akan membagikan tutorial Cara Membuat Spoiler Buka Tutup Pada Blog.


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.
Sekian tutorial tentang Cara Membuat Spoiler Buka Tutup Pada Blog semoga tutorial ini dapat bermanfaat bagi yang membutuhkan.

Share to

Facebook Google+ Twitter Digg


Artikel Terkait:

Kode Smile Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

0 komentar:

Posting Komentar

WARNING
Komentar Anda Tidak Boleh Mengandung Unsur
1. penghinaan
2. spam komen
3. link aktif atau text anchor dan sejenisnya
4. berkomentar tanpa unsur sara, pornografi, atau kata-kata tidak baik lainnya ya :)

Jika kamu memiliki pertanyaan atau tanggapan mengenai artikel ini, silahkan tinggalkan komentar kamu disini !

Follow+Like

 
Support : facebook | twitter | google plus
Copyright © 2013. vhiZseo - All Rights Reserved
Template Created by Creating Website Published by Mas Template
modified by vhizseo Proudly powered by Blogger