Lirik Lagu Band Atau Penyanyi Musisi Indonesia Berdasarkan Huruf Abjad
0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Home » » Cara Membuat Buku Tamu Melayang

Cara Membuat Buku Tamu Melayang

di 9:20 PM

ChatBox atau Buku tamu memang sangat penting sebagai media saling sapa sesama blogger untuk meninggalkan pesan tuk berkunjung balik.
sebuah hal yang positif jika suatu blog memasang buku tamu tuk pengujungnya . untuk share seputar dunia blogger, bertanya atau sekedar meninggalkan pesan .

tampilan buku tamu melayang saat di tutup


tampilan buku tamu saat di buka (di klik)



tidak ada salahnya jika anda memasang buku tamu di blog anda. jika anda tertarik memasang buku tamu berikut caranya.

Pertama buka http://www.cbox.ws untuk dapatkan kode buku tamu anda.

Klik sign up untuk mendaftar



Klik Publish


Copy kode buku tamu



Setelah itu Silahkan sign in di blogger
Pilih ke menu Rancangan ( Element laman ).
Pilih Tambah Gadget - Pilih HTML / Javascript.

Copy paste kode html dibawah ini :


<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1089.photobucket.com/albums/i348/mh120/sHOUTBOXwwwkolombloggratisblogspotcom.png') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #000000;
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">

<< Paste Kode Buku Tamu Disini >>

<div style="text-align:right">
<a href="http://dunia-remajakita.blogspot.com">
[Free www.cbox.ws]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Kemudian Klik simpan dan Selesei.

demikin cara membuat buku tamu melayang. terima kasih.

Bookmark and Share it:
Label:

0 komentar:

Post a Comment

Subscribe to: Post Comments (Atom)