Minggu, 07 Desember 2014

Cara Membuat Spoiler Buka Tutup Pada Blog

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
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.

Tidak ada komentar:

Posting Komentar

Writing a comment..