membuat show hide di blog membuat show hide di blog | Pejaten Park | Pejaten Park Residence | Apartemen Pejaten Park

membuat show hide di blog

Posted by Raka Satria Mencari Cpanel on Monday, October 15, 2012


1. Masuk ke akun blogger kita masing-masing.
2. Pada saat kita ingin membuat postingan blog,pilih edit HTML bukan compose.
3. Masukankode HTML berikut:
<br /><div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Masukkan Judul </span></i><br/><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Isi spoiler </div></div></div></div>


4. Ganti teks (masukkan judul) yang berwarna merah dengan judul yang di inginkan.
5. Ganti Isi spoiler dengan isi yang di inginkan. Misal ingin memasukkan gambar, ganti dengan URL gambarnya.

Hasilnya :




contoh
http://blog.marinecyber.com
sumber : http://kuc0pas.blogspot.com/2012/06/cara-membuat-dan-memasang-scroll-pada.html