Cara Memasang Buku Tamu Di Sisi Kanan Blog

Hallo Sobat Apik™ :D
Setelah Meng Share Cara Memasang Widget Like Box Melayang Di Blog, Kali ini Apik Mau Share Cara Memasang Buku Tamu Di Sisi Kanan Blog. Buku Tamu dalam sebuah blog bisa juga disebut penting, Kenapa disebut penting? Karena Buku Tamu dalam Sebuah Blog sangat baik untuk Sahabat Sahabat Blogger yang mau menaruh Link Atau Meng Request Atau bahkan Memperkenalkan Diri :D.
Oke Tanpa panjang Lebar langsung saja ke tutorialnya :D.
Ikuti Tutorial Berikut :
1. Login ke Blogger
2. Klik Tata Letak
3. Klik Add Gadget / Tambah Gadget
4. Pillih Javascript / HTML
5. Masukkan Script berikut :


<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/AVvXsEgtHcMLp5ttOCdjyX8ANTxd0JlY4F-vz0Avzr8OCmc16RY5SfdU3aUy80UhnF5dPp_NuDWn_6tpM-GQrTzOjT-TY-_pmduFqL8GcW3CPV-8nU0iAys7Wt25Im26VR49YFZ-968PrjN_u38/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">

ISI DENGAN SCRIPT BUKU TAMU SAHABAT APIK™

<div style="text-align:right">
<a href="http://apik-blog.blogspot.com/2013/02/cara-memasang-buku-tamu-si-sisi-kanan.html">[Gadget By]</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>

Cara mendapatkan Scriptnya :


1. Buka link ini http://cbox.ws/getone.php

2. Isi semua, ceklis yg dibawah dan klik Create

4. Klik Publish! yang ada di atas sebelah Home

5. Masukkan Script yang ada di cbox ke Script di atas dan klik simpan

Lihat hasilnya di Blog Sahabat Apik™

Sekian tutorialnya, Selamat Mencoba Tutorial Ini :D

Related Items Blogger Tutorial