Membuat Tombol Show Hide atau Spoiler buat Gambar - Text di Blog

Tombol Show Hide pada Blog (spoiler) ini berfungsi untuk menyembunyikan gambar atau text yang terlalu panjang sehingga bisa menghemat tempat posting. bisa juga digunakan untuk menyembunyikan gambar unik atau gambar yang mengejutkan pembaca.contohnya lihat di posting disini.
Untuk cara-caranya silahkan ikuti tutorial berikut:

• Login kehalaman admin blog kamu..
• Kopas code yang ada dibawah ini kedalam posting atau sidebar anda.
• Selesai

<div style="text-align: center;"><div class="button-spoiler"><input value="Spoiler" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampil'; }" type="button"></div><div class="spoiler"><div style="display: none;"><br /><br /> <div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;"><br /><br /><br /><br />Silahkan isi bagian ini untuk penempatan yang akan di spoiler/ Isi spoiler <br /><br /><br /><br /><br /><br /> </div></div></div></div>

  Lihat contoh spoiler yang sudah jadi.. :

LoL

Silahkan isi bagian ini untuk penempatan yang akan di spoiler/ Isi spoiler

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Dika, Published at Kamis, Agustus 30, 2012 and have 0 komentar