[Red_ Day]: Cara membuat Buku Tamu Tersembunyi

Cara membuat Buku Tamu Tersembunyi

Bagi kebanyakan blogger membuat buku tamu memang penting. selain untuk mempercantik blog kita, buku tamu atau chat box juga sebagai sarana untuk saling berkunjung dan meninggalkan jejak link kita di blog yang kita kunjungi. Meskipun pada kenyataannya link yang kita tinggalkan di chat box tidak akan terindex oleh mesin pencari.

Pada sebagian blog, penempatan buku tamu ini ada yang di pasang di sidebar dan ada juga yang memasangnya secara tersembunyi sehingga tidak terlalu memakan banyak tempat. Pada postingan kali ini kita akan membahas cara pemasangan yang kedua, yaitu memasang buku tamu secara tersembunyi.

Bagi sobat blogger yang tertarik, silahkan copy sript di bawah ini kemudian pasang di widget sobat2.

1. Loggin ke akun blog sobat
2. Pilih rancangan, add gadget kemudian klik HTML/Java script
3. Pasang script di bawah

<style type="text/css">
#gb{
position:fixed;
top:97px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEaxTxV9voQUItSVU1VQ1AOSZha9MYZcN_o1UPmV8iMgO_zK7uyOhBmb27ubhRjOrAjQe4ECmpL_TpYXxyrAxLK15SjdhfAaISFrEdb2Am0lGsbr1GX_4TT0p9S_td1crchoFaNOaMv0/s1600/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">


<div style="text-align:center; font-size:10px">
<font color="#00CED1">Powered by:</font>
<a href="http://chumhienk-mhienk.blogspot.com/2011/03/cara-membuat-buku-tamu-tersembunyi.html" target='blank'>
<font color="#FF0000"><blink>Ijul's Blog</blink></font>
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

4.Kode didapat dari www.shoutmix.com
5. Save

[Red_ Day]

Cara membuat Buku Tamu Tersembunyi

0 komentar:

Posting Komentar

Entri Populer

PENGUNJUNG

Buku Tamu

Arsip Blog

About Me

Total Tayangan Halaman

Followers