Cara Malas Membuat Buku Tamu Tersembunyi di Blog

7:02:00 PM by Hanan M 10 Comments A⁺ a^-

Membuat buku tamu di blog agar tersembunyi atau melayang sangatlah mudah, bahkan bisa Kamu lakukan hanya dengan bermalasan ataupun sembari berbaring di kasur.

Terdapat beberapa keuntungan dalam memasang buku tamu secara tersembunyi ataupun melayang, diantaranya Ruang di blog tidak terlihat penuh oleh widget sehingga tidak membingungkan pengunjung. Selain itu blog juga akan terlihat rapi dan lebih menarik.

Berikut adalah cara membuat buku tamu tersembunyi atau melayang di Blog :

1. Sebelumnya, Kamu harus membuat Buku Tamu di Cbox (Baca : Cara Membuat Buku Tamu Keren Cbox)

2. Buka Blogger.com, dan Masuk ke Akun Blog Kamu

3. Masuk ke Menu Tata Letak > Tambah Gadget > dan pilih HTML/Java Script

4. Masukkan Script Dibawah ini

#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/AVvXsEgZV7FTBPOEsA2meN5DLEohqTxWAXiX9wjXFqsEjywF2CAtDlF01dLvQkwemeHxnPWEUi2Wk-7FvxdhXgtbMhCobjnf2LhgiMvsbUDX-5w1y3YY-HUrd-8aLk-XiFFpQv29Ctxvkldn6MML/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

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>

|<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

5. Ganti Script Diatas yang Berwarna MERAH dengan Script Buku Tamu Milikmu. Simpan!

6. Finaly, Buku Tamu Tersembunyi / Melayang Sudah Terpasang di Blog mu

10 komentar

Write komentar

rahul syarif

AUTHOR

January 20, 2016 at 3:04 PM delete

Yah, nice info lah. Kapan-kapan di coba kalo lagi butuh~

lintas

January 21, 2016 at 3:14 PM delete

bisa dicoba nih kapan-kapan

ERPA

January 21, 2016 at 10:15 PM delete

Wah gue gak pake blogspot, udah insyaf karena dipusingkan dengan kode-kode html. Hahaha.

Tapi dulu pernah pakai blogspot dan buku tamu penting banget karena bisa punya kenalan baru. :D