Buku tamu/Chat box pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang, tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang buku tamu di blogspot yaitu selain mempermanis blog juga sebagai sarana komunikasi dan sapa-menyapa antara pengunjung dengan admin.
cara membuat buku tamu/Chat box di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .
cara membuat buku tamu/Chat box di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .
Silahkan sobat kunjungi dahulu situs tersebut, mendaftar kemudian ambil kode scriptnya yang nantinya akan dipasang kan ke dalam blog sobat.
Setelah sobat mengcopy kode script buku tamunya, maka sobat masuk ke blog sobat lalu log in > klik rancangan > elemen laman > tambah Gadget > html/javascript, dan masukan kode di bawah ini:
<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/AVvXsEgrO_llWHSYiUH0x0OTH1Ot9p-0AXhNgT9HftI7Xc9yzrp6VYcIbIncym3QFEVn0s9n-QXtPfLoy6ForupPZv-CtQyzCmsYeWdL_ScSfR5Nt-sRcNPMFOx2gO69GWbWQRHxxoptPNNAerg/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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini!
<div style="text-align:right">Setelah di pasang maka hasilnya akan seperti ini :
<a href="ALAMAT BLOG ANDA">[get this widget]</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></div></div>
Apabila sudah di paste jangan lupa di simpan “save” pekerjaan sobat. Dan lihat hasilnya.
Bagaimana mudah bukan “Cara membuat buku tamu di blogspot”? Selamat mencoba.. Jangan lupa komentarnya ya kalo sudah jadi....
Terima kasih telah membaca artikel tentang Membuat Widget Chat Box 1 Menit dan anda bisa bookmark artikel Membuat Widget Chat Box 1 Menit ini dengan url http://blogkangadi.blogspot.com/2014/02/membuat-widget-chat-box-1-menit.html. Terima kasih
Related Post:
Tutorial Blog
- Cara membuat tulisan berjalan di Blog
- Cara Membuat Blog 1 Menit
- Cara Rahasia Mempercantik Blog
- Cara Membuat Auto Read More di Blog
- Cara membuat breadcrumb di blog
- Cara membuat drop down menu di blog
- Cara Mengganti Background Blog
- Cara Memasang Fans Page Facebook di Blog
- Cara Memasang Widget Di Blog
- Cara Membua Catatan Kaki di Blog
- Cara Membuat Scroll di blog
- Cara Mudah Mengganti Template Blog
- CARA MUDAH MEMBUAT IKLAN DI SAMPING KANAN KIRI BLOG
- Mengganti "Older Posts" Dengan Angka
- Membuat Widget Daftar isi Berdasarkan Label
- Rahasia Optimasi Meta Tag di New Blogger
- Rahasia Pada Meta Title, Description dan Keyword di Blogger
- Menampilkan iklan ditengah posting berdasarkan Label
- Warna Latar Otomatis Berbeda Pada Setiap Postingan
- SERP SEO Tool Khusus Untuk Kontes SEO
- Tools Gratis Untuk Bloger Pemula
- Cara Mudah Membuat Populer Post Keren
- Cara Mudah Membuat Read More blog
- Cara Membuat Widget Burung Twitter Terbang di Blog
- Widget Label dengan Counter Box Keren
Belum ada komentar untuk "Membuat Widget Chat Box 1 Menit"
Posting Komentar