AYO PAKE SHOW AND HIDE

Maaf banget buat para senior bloger
kalau ternyata yang saya posting kali ini cuma script ga berguna buat para master
tapi sekali lagi ini cuma arsip buat saya...
kali ini saya akan kasih sedikit tips buat bloger pemula(termasuk saya ckikikik...)
tips kali ini untuk memyederhanakan halaman web/blog kita dengan widget show and hide.
ini dia contohnya...

lumayanlah buat mempersingkat halaman kita,jadi ga begitu berat loading awalnya.
mau tahu scriptnya...???

ini dia scriptnya...

<center><br /><div><div style="margin: 5px;"><br /><div style="margin-bottom: 1px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 130px; " value="<span style="font-weight: bold; color: rgb(255, 255, 255);">BUKU TAMU</span>" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;<span style="font-weight: bold; color: rgb(255, 255, 255);">UWISS AHH</span>&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;<span style="font-weight: bold; color: rgb(255, 255, 255);">BUKU TAMU</span>&#39;; }" type="button" /><br /></div><br /><div style="border: 0px inset ; margin: 0px; padding: 0px;" class="alt2"><br /><div style="display: none;"><br /><br /><span style="color: rgb(255, 204, 102);"><!-- BEGIN CBOX - www.cbox.ws - v001 --></span><br /><span style="color: rgb(255, 204, 102);"><div id="cboxdiv" style="text-align: center; line-height: 0"></span><br /><span style="color: rgb(255, 204, 102);"><div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=540099&amp;boxtag=4pvh5r&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#2F00F4 1px solid;" id="cboxmain"></iframe></div></span><br /><span style="color: rgb(255, 204, 102);"><div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=540099&amp;boxtag=4pvh5r&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#2F00F4 1px solid;border-top:0px" id="cboxform"></iframe></div></span><br /><span style="color: rgb(255, 204, 102);"></div></span><br /><span style="color: rgb(255, 204, 102);"><!-- END CBOX --></span><br /><br /></div></div></div></div><br /></center>

sedikit catatan anda bisa memodifikasi tulisan yang berwarna putih
dan kode yang berwarna orange anda ganti dengan code widget yang ingin anda modifikasi
dan seperti biasa untuk pemasanganya langkah - langkahnya sebagai berikut
1. login ke Blogger.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Pilih tambah HTML JavaScript.
5. Copy script diatas kemudian paste kedalam kotak HTML JavaScript.
6. Klik tombol Simpan

and silahkan lihat keajaiban kecil yang sudah anda buat...
selamat mencoba...

Baca Yang ini Juga Ya... :