Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Di postingan ini saya akan berbag
cara membuat buku tamu  melayang di kanan blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah 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/AVvXsEiQzts9hYp_FFSK6u-xF76q_IE_IrkkUpiqxes5uszgLl27CrqVSFausI6i_2rkkmy4ut4wId2bBKxpelYZid-yxUHQRkRt1LrgLXMh1D9sPUoscjGy-phl78EegJ6iUibDOjJP7E02rA/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">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[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>

Cara menaruh html di atas

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas
6. Selesai

dan ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi 


Bagi sobat yang ingin mengganti tombol Cbox bisa lihat kode nya Dibawah sini! :


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNOt12_NHPTy_TQHbP1SbUh9lal1IoB1Smnc1VO92ez9iStIFwCZ1q-ph-X80mqJNPCwlOC48SBcDTKFXXEfmCYz2S5cMQFvD5K5DWQJZ3XK_po57GcndwezyskHhIixo9TgHuQh02gw/s1600/Chatbox.png 


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhys5FF65-Dx1o3LVAmKYr6P-dwCg8WyIETZZ6qaCW7gt8pH453INYcg7p6S_XcBMATpwFSVtGYQbp3hvYMmwNkCQWSlBXnl_q3uNLVQHTQdNmK_G7NKtSF6yMqBKOVUgQa92xeMX6gnQ/s1600/Bukutamu3.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsdZu8FLhmtGa87pvk6ebKu7D5ao-aHhxUj97hhpSv3or7CfHG2xfT5XKtlppEQ7OMlBvCa5ecpHwYyZC0ljnNiZLrTFYctZc6zMBBsg6Wj-pHn-VRSP6CXbyERXl09lcEMcxrIlZj9Q/s1600/bukutamu2.gif 


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieRBlwRchcS7637Kc_NsGP7zTaQ996Y4Tvz4ima4Hlp38q1kt-npgthnzCnNndDBmGl0FXn_OjLCKqDQUjJ3m90SEjFDe5JgOEY1kHODJlhA7QxEoE6YLQXSwN0i7gy8GtzWunvgfzbg/s1600/bukutamu5.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo4ctxzEWw4XUVIZaxrUe08Y1nKFovqk8xWmd7T3vInZiDU06GhL93TVKEncKIsyUffeFS9AN1m6c0CU6hANOetJ7Y9OHCyiUxHaxbRYVZPLxog_sv7LFw6Z93skXI8R13RXw-mAF1rQ/s1600/2131wkl.png


 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqwQBWz9QPZUcDgk7Fue-BHqmomzlVMBz-6QF1QYwPN3B3p0F6GedP-CKNQgh0oEqBEEAAJYWiE27Mtg0ADDu1LX2PAttzXjTg4V3KONpkO67mk7TfF2n9Y-wge-v6ZBfSfQmz98pzbQ/s1600/bukutamu4.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX_UafSNd9PIeN8xqd7zmht-2ws0g64bsfY7M7ZHvuMmVzJi-ubHwuqZ9fRZRyC8KtIk_sr3ipEfi49VAqqYCokILf35zFfTQO7AyjxMnatqJ7O-b1pt3oTvrt5U1fAoHlOt6V_Evalg/s1600/BukuTamu1.png



 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAqTr8xr5zDLRFH68ANkWjJjVVnaje5aNqICe2RfGE0AIy5vxKLrznxd_U8fYpBHRfJwQXZv26lysowuw0kzheUz-e0obMAe5GzphPWcufIfEKBo6mGk5UTVqSqJpMuDz6cfTNGQiEQ/s1600/Bukutamu6.gif




Mudahkan !!!

Ditulis oleh Unknown, - Rating: 4.5

Judul : Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog
Deskripsi : Di postingan ini saya akan berbag cara membuat buku tamu    melayang di kanan blog Langkah Pertama  pergi ke  Cbox Lalu masuk akun  Cbo...

Bagikan ke

Facebook Google+ Twitter