Cara Memasang Buku Tamu Animasi Keren Di Blogg

Salam Cliquers !!
Jumpa Lagi cliq,, kali ini ndha Cliquers mau share tentang trick blog lagi,, tepatnya cara memasang buku tamu animasi keren di blog. untuk contohnya sobat bisa lihat sendiri c-book di blog ndha ini.. oke dehh,, silahkan dicoba dehh.

Pertama Sobat masuk dulu ke akun blogger.
Terus masuk ke Tata Letak.
Lalu tambah gadget
Lajunt Lagi Pilih HTML/Java Script
Terus sobat copy kan dehh kode dibawah ini..

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

.gbtab{
height:150px;
width:50px;
float:right;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhpzQ7EQ7oyhAcdtniwpHjUkkhmNvsy1TrTrMXCASz7m4Bo0C0e0BrUUb5M6bCFSFC8kpT7EUraCGohYq57OPes3PxH2HdzpR6cGK3aMd-tM0p0GBdZpcvJDh-Rl4ZUnALB7v81ekH5w/s1600/bukutamu.gif') no-repeat;
}

.gbcontent {
float:right;
border:1px solid #000000;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomright:5px;
-o-border-radius-bottomright:5px;
-khtml-border-radius-bottomright:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

*Masukan Kode C-Book Sobat*

<br />
<div style="text-align:center">
<span style="float:left; color:#000000;">Widget by<a target="_blank" href="http://karaokebatak.blogspot.com/2012/04/cara-membuat-buku-tamu-guestbook.html"> KaraokeBatak </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left= (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Nah,, sekian ya cliq share nda kali ini tentang cara memasang buku tamu animasi keren di blog, semoga bermanfaat..
Salam cliquers !!

Penulis: Unknown Lokasi: Surade, Jampangkulon, Sukabumi

Artikel Cara Memasang Buku Tamu Animasi Keren Di Blogg, diterbitkan oleh Unknown pada hari Minggu, 02 Juni 2013. Semoga artikel ini bermanfaat untuk sobat cliquers. Unknown adalah seseorang yang baru belajar nge-blog dan cuma ingin share seputar software-software komputer.

Artikel Terkait