cara membuat buku tamu melayang di kanan blog


Di postingan kali ini saya akan berbagi caranya membuat buku tamu yang 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 adalah Copy-Paste HTML dibawah ini :




<!-- right hidden chatbox by http://www.sobatfauza.blogspot.com/ START -->

<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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/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 sobat yang sudah di copy tadi Di Sini



<div style="text-align:right">

<a
href="http://www.sobatfauza.co.vu/2013/03/cara-membuat-buku-tamumelayang-di-kanan.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>


<!-- right hidden chatbox by http://www.sobatfauza.blogspot.com/ END -->







 Cara menaruh html di atas:




  1. Masuk akun blogger

  2. Ke tata letak

  3. Add gadget atau Tambah gadget

  4. Edit html/javascript

  5. Masukan html di atas

  6. Selesai


 Note :
ganti tulisan warna Hijau di atas dengan html/javascript Cbox/buku tamu yang tadi....



Mudahkan Sobat...!!!

Semoga dapat bermanfaat....^^