Cara Membuat Buku Tamu Melayang Di Blog

Postingan perdana di blog q yg baru, hhe.. saya awali dg bismilah semoga berkah, amiiin..  Ok sob g perlu lama2 saya akan langsung ngasih tau Cara Membuat Buku Tamu Di Blog. Tentunya sobat semua tau dan pernah Chatting  kan?

Ok deh sekarang mari kita langsung bahas gimana cara membuatnya, dimana nanti bisa chattingan dengan pengunjung atau pengunjung bisa menuliskan pendapat dan saran di blog sobat.

•  Daftar dulu ke CBOX

•  Sign in ke blogger dan silahkan Login dengan Account Anda

•  Pilih Rancangan/Tata Letak

•  Pilih Page Elemen/Elemen Halaman

•  Klik Add a Gadget/Tambah Gadget

•  Lalu pilih "HTML/JavaScript"

•  Kemudian Copy Paste 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('http://i37.tinypic.com/345o85i.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">

LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI

<br/>

Anda ingin membuat buat Buku Tamu seperti ini?<br/>

Klik di

<a href="http://achsanarea23.blogspot.com/2012/08/membuat-buku-tamu-melayang-di-blog.html">

sini </a>

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

<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>

•  Selesai.. mudah kan sobat .

monggo dicoba,semoga berhasi:)

*NOTE: LETAKKAN KODE SHOUTMIX/CBOX ANDA DI SINI >> Code CBOX sobat

cukup sekian,

jangan lupa Follow & Coment ya :)

Share this post