Postingan kali ini saya akan membahas tentang Cara Membuat Floating Buku Tamu.
Sebelumnya saya sudah posting Cara Membuat Floating Like Box Facebook.
Dengan memasang Widget ini, Buku Tamu Sobat akan membuka tanpa diklik.
Widget ini tidak berat, hanya jika Sobat sudah memasang banyak Widget di Blog Sobat, Widget ini akan lama keluar.
Begitulah sedikit perincian dari Floating Buku Tamu kali ini.
Oke, kalau mau memasangnya, ikuti langkah berikut !
1. Masuk Dasbor
2. Klik Rancangan
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Copy kode berikut
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
<style type="text/css">
#gb{
position:fixed;
bottom:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://t2.gstatic.com/images?q=tbn:ANd9GcQ_Pu39e0v8Ah-QM95zi0jyXl_97IsY6enE96kec055c1DK_o40D-wMs9s') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #0033CC;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #FFFFFF url(http://lkp.mekarutama.com/images/indonesia_flag%20gif.gif) no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>
“KODE BUKU TAMU”</center></div></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
6. Paste di Jendela HTML/JavaScript
7. Klik Simpan
Keterangan :
Tulisan ” KODE BUKU TAMU” Sobat ganti dengan Kode Buku Tamu Sobat.
Bisa juga Sobat ganti dengan Kode Fans Like Box Facebook.
Bisa juga Sobat ganti dengan Kode Fans Like Box Facebook.
Cukup untuk postingan kali ini.
Terima Kasih. Semoga Bermanfaat.
4 comments:
kode buku tamu blog kita yang mana sih? gimana cara mendapatkannya?
@kucingbulan kita harus cari dulu gan.. :)
untuk mendapatkannya silahkan juragan kunjungi situs Cbox . atau Shoutmix..
terima kasih gan uda mampir di blog ane.. :D
kode buku tamu itu bagian dasbor kita ya, balas ya gan ke blog saya
bukan mas BLO :)
kode buku tamu itu bisa di dapat dari situs seperti Cbox / Shoutmix :D
Komentar Anda Sangat Bermanfaat
Silahkan Berkomentar !