Bagaimana Membuat buku tamu cantik melayang di Blog

Assalamu Alikum...!!! teman2 kali ini kita akan membahas tentang bagaimana membuat buku tamu  Cantik melayang...!! caranya agak mudah sihhh...!! tapi mudah2an ini bisa bermanfaat buat kamu...!! Tips dari anak gorontalo..!!

1. kamu harus mendaftar dulu di : http://www.cbox.ws
disitu kamu akan mengambil kode buku tamu..!!


nah ini adalah kode sript yang membuat buku tamu melayang..!!

Description: <span itemprop="description">Judul Artikel</span><br />
Rating: <span itemprop="rating">5</span><br />
Reviewer: <span itemprop="reviewer">1779 ulasan</span> <br />
Item Reviewed: <span itemprop="itemreviewed"><data:post .title=".title"></data:post></span>


<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/AVvXsEjqqJp7f_CRMzHiRcDqZQCO9tZCoh4D8i7oiQae_aT31V4uJmrKT4zUHsYyGLoaUMr0ThhRrvUxe0hPun5lU8yON4MkLmPXPTb3uOPMI_SySt0bqwkxgximgImUz0QLS1wOQ7I4VgcuMdn7/s1600/Tombol+Buku+tamu+keren.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">

(silahkan ganti tulisan ini dengan kode buku tamu yang diambil tadi)

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.mafiabloggergorontalo.co.cc/2012/05/bagaiaman-membuat-buku-tamu-cantik.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>




Nah Sekarang teman ayo Login ke blogger - tata letak-add widget
di kotak yang muncul silahkan teman2 masukann kode diatas dan jangan lupa mengganti kode warna merah...!!
 Save..!! silahkna dicoba...!!

Tweet