Sponsors

Jumat, 11 Maret 2011

cara membuat buku tamu pada blogger

Membuat Buku Tamu Seperti yang di Samping

Kirain dah Pada tau Ternyata Masih banyak yang Pengen Shoutbox nya Nempel di Samping ..
ckckcckck
Akhirnya saya Posting deh , Biarpun dah banyak yang tau , tapi semoga yang belum tau jadi tau
hehehe

Pertama² anda Harus Punya Chatbox/Shoutmix,
Klo Blum punya silahkan Regiter ke http://shoutmix.com
jika sudah Copy Code Shoutmix anda
dan Ganti pada Code Merah Berikut :


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

.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIOl6TQLZtC4TMFv4nM1OGqLNjbIbxjAQwy-KIXZcPLxmI5g48XtLQKtlAHElZWMHYofiiBJg46s2KqrWJIF0_2Tkp63FXs_52IDvWAEZ5rMpYvQgkIMpUk6Hdkw6fLq8OKym6WB66GMy3/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #81F781;
background:#81F781;
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">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="http://www5.shoutmix.com/?dekur" height="400" title="dekur">
<a href="http://www5.shoutmix.com/?dekur">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Copi Code yang Telah anda Edit
Pilih Rancangan >> Element Halaman
Tambah Gedget >> HTML/JavaScript
Masukin Code Yang telah di Edit di Atas tadi ...
Simpan
Lihat Hasilnya
:D

0 komentar:

Posting Komentar

 
Copyright © . Joker Informasi sekilas - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger