Cara Memasang Widget Buku Tamu Tersembunyi Di Kanan Blog
Pertama-tama silahkan buat akun kamu dulu di cbox.ws : Klik Di Sini atau di situs penyedia script buku tamu gratis yang kamu suka.
Lengkapi pendaptaran kamu, kemudian copy kode yang sudah di sediakan dari web tersebut, selanjutkan masukkan kode buku tamu kamu ke blog.
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
<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/AVvXsEiyB9xKL-c_hUlP2IJQEJKmXZIrDffrZ1F7ovMpWflEkvLOkWJ989dAGOErZD3pbi9gjjGSS-sTAwaOMNS8H5Vcp6dwTb-d6VacihaXfFwLq9bfwJ45w41I4FsVrTctMZiaEFfl7Bpy3_p1/s1600/Bukutamu6.gif') 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">
Masukkan Kode Buku Tamu Kamu Di Sini
Terimakasih Atas Kunjungan
<br />
Dan Pesannya :)
<br />
<br />
<div style="text-align:right">
<a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-buku-tamu.html">[Mau Widget Ini?]</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>
#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/AVvXsEiyB9xKL-c_hUlP2IJQEJKmXZIrDffrZ1F7ovMpWflEkvLOkWJ989dAGOErZD3pbi9gjjGSS-sTAwaOMNS8H5Vcp6dwTb-d6VacihaXfFwLq9bfwJ45w41I4FsVrTctMZiaEFfl7Bpy3_p1/s1600/Bukutamu6.gif') 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">
Masukkan Kode Buku Tamu Kamu Di Sini
Terimakasih Atas Kunjungan
<br />
Dan Pesannya :)
<br />
<br />
<div style="text-align:right">
<a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-memasang-widget-buku-tamu.html">[Mau Widget Ini?]</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>
5. Simpan Pengaturan.
Keterangan :
- Warna biru adalah ukuran & posisi, silahkan kamu ganti dengan selera yang kamu mau.
- Warna hijau adalah warna background & warna border, silahkan kamu ganti dengan selera yang kamu mau.
- Warna ungu adalah URL gambar, silahkan kamu ganti dengan selera yang kamu mau (pilihan Gambar Buku Tamu yang lainnya, saya sertakan di bawah).
- Ikuti perintah Kode yang saya beri warna merah. (warna merah di ganti code setelah kita registri di Cat box)
Di Bawah Ini, Ada Beberapa Pilihan Yang Bisa Kamu Pilih :
Ingat :
Kamu cukup pilih salah satu kode di bawah ini.
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkJ6axop2C1IHGHVahpP4HsSb5TCA4CW-rJNh2WOnTROIQmYyb_Y7qYAqRFUpTb27XPWF2U6orrztqQvBTFcZp_n-7HVeSIZI3_AUzFCyBLR8BNRehw3bj-q0CHQxUSpn09AtI11-R6cY/s1600/Chatbox.png |
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBCzic9CDcqPTsS9U0LsJuq1cuth9oplnoZxga5ihSmJlbSQl6MqgkftBLfiyIV4rNsgfJZCMFwAy2kRvIHc3luxg61QptV3NgTX7jmrTQCWrRLqLoWCZXv_KrEOBnqYA5xJhm4EIUSwQ/s1600/Bukutamu3.png |
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPjMEGaBQfIylkJuuMcRdKbm_DLteRiiBbT5TtOfwve3oPAyxOgfUivvVw77hpM4XFZL5x5vd75a01m0u9G5kDpqDgTav7ZWlHmccMaY_Ig_qVU8JNBH4HpzyQLPzJQhkf2X6WbL28ZPc/s1600/bukutamu2.gif |
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj7dJZCKLpXDazKPu0Jj8_BzzwfuAM02GQCICCyC-s7QjYobL7RDJoM7Cpoo2wDqbqSNnr_ZbAXEhfGJxaCKryttwIlgstKzfVgIDIi4eLN_MogRsOytQw_Wdo6_RievfSWroBNSIGCWU/s1600/bukutamu5.png |
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgrQpl-iBhTUappP45tSsF51UDBnbSjmTyBlp59iFSHuF6Q7tCEp0XCHNTF_1bVwXIIfNWMGoAUj949q0bLe4cbtZN8ZkETSdPA2eEezzVj1ucI_WRfHn2kaP-B9fwRs7y9Be7RSS7BkE/s1600/2131wkl.png |
 | https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJx2MStam8YCnyjDY6ERh9YOgtfF_EbhNPLHybDKTSBE-dSdgKgSAixfPHXDW23ewgI9eNxRYGfeahdUb_Il-WIA4dg3q3pPCSyLsbqmfDVTDvRu-M3Ku-oBokuqeZCSG-pNx9W38lIog/s1600/bukutamu4.png |
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
