readbud - get paid to read and rate articles

Jumat, 09 April 2010

Show and hide

Tips ini untuk memyederhanakan halaman web/blog kita dengan widget show and hide.
mempersingkat halaman kita,jadi ga begitu berat loading awalnya.
mau tahu 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);">
HIDE
</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>

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

Tidak ada komentar:

Posting Komentar