Cara Memasang Buku Tamu Di Sisi Kanan Blog

Setelah Meng Share Cara Memasang Widget Like Box Melayang Di Blog, Kali ini 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/AVvXsEjOLoRaYx7NN93dT0dE3jmmpTVyQ0FseMapo3ygOUu6CnZTJS-YaFgHAYSl1_ptP_Fg642Nr0camZtpEazF3mSn6_YR4pIraOp3SOWaUnjv2ma6NoBJh8M886bBI7X77CPbNDpLuww_gAI/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 KALIAN

<div style="text-align:right">
<a href="http://www.bogori4t.net/2013/02/cara-memasang-buku-tamu-di-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

Sekian tutorialnya, Selamat Mencoba Tutorial Ini :D

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 2:34 PM and have 0 komentar