Shilack Blog: Cara Memasang Buku Tamu Tersembunyi di Blog ( Disamping )

Kalo berbicara mengenai Buku tamu, sebenarnya tidak harus ada di blog kita.
Tapi ini berfungsi sebagai alat komunikasi antara pengelola dan pengunjung blog.
Ok, langsung aja kali ya.....

1. Buat Akun di www.cbox.ws (cbox merupakan salah satu situs penyedia script Buku Tamu gratis), Kalo anda lebih suka situs lain juga tidak apa-apa. Dapatkan script nya disitu.
2. Setelah anda dapatkan script nya lalu masuk ke blog anda, pilih Add gadget kemudian pilih tambah HTML/Java script.
3. Copy paste kode dibawah ini.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFTC8NDKuMHFSlZ50TQKWwMW2se2o07RGGJH3aPxdpFx7t4Wkz8oRigf9n9hdb6JRkJdzQwk9Q1noIa_KyGKzbRSI_vYueuUpMqnbDGWIor8aatwHkrVXb69pB0dutD5Q63lfevilpIS0/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">

Taruh script Buku Tamu yang di dapat dari cbox di sini

<div style="text-align:right">
<a href="http://shilack.blogspot.com/">[Kunjungi]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Jangan lupa copy paste script yang didapat dari cbox, ke tulisan yang berwarna hijau.
5. Klik simpan dan selesai.......

Good Luck..................

Shilack Blog

Kamis, 05 Juli 2012

Cara Memasang Buku Tamu Tersembunyi di Blog ( Disamping )

Artikel Terkait:

1 komentar: