Posted by Aak
Aak-share.com Updated at: 7:34:00 PM

Cara membuat buku tamu di blog

No comments:
Buku tamu di blog adalah widget book yang tersembunyi dikanan blog, dan widget tersebut dapat keluar masuk secara otomatis ketika anda click  icon chat boxnya. Sebelum anda membuat buku tamu yang utama ada harus memiliki kode html chat box. Html chat box didapat dengan mendaftar keakun cbox, untuk mendaftar keakun cbox anda bisa masuk kesitus cbox disini

Diperlukan langkah-langkah untuk pembuatan akun cbox, apabila anda bingung dalam setiap langkahnya, anda bisa membacanya disini
Apabila anda sudah memiliki akun dan mendapatkan widgetnya, selanjutnya adalah pemasangan kedalam Blog anda, cukup mudah kok dalam pemasangannya.

Pertama anda perlu memasukkan widget cbox kedalam script dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('http://4.bp.blogspot.com/-bj4eeCVV6hM/Tk9GSbUTreI/AAAAAAAAAKA/ZCtLxHeV5uY/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">

MASUKAN KODE CBOX DISINI

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://aak-share.blogspot.com/2014/09/cara-membuat-buku-tamu-di-blog.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div> 

apabila sudah dimasukkan html cbox kedalam script, selanjutnya :
1. anda masuk keakun Blogger
2. klik Tata letak
3. klik Tambahkan Gedget
4. Copy paste code diatas
5. Simpan dan lihat hasilnya

Penjelasan :
Warna Merah => untuk mengatur ukuran dan posisi
Warna abu-abu => URL gambar
Warna putih => untuk mengatur warna background dan warna border 
Warna ungu => kode html cbox
Warna Orange => URL anda

Cukup sekian dari saya cara membuat buku tamu diblog semoga bermanfaat.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments