buku tamu double stick

Wkwkwkwk.....
Nama yang aneh untuk buku tamu ini 
Tapi gag apa laa, udh gag dapat ide mau kasi nama buku tamu ini apa 
haha
Ok daah langsung saja kita lanjutkan 
Dan jangan lupa ikuti aturannya dibawah ini

1. Login ke blogger sobat
2. Dari dasbor kemudian klik rancangan 
3. Klik langsung klik tambah gadget lalu pilih HTML/JavaScript
4. Kemudian Copy Code dibawah ini dan pastekan di kolom HTML/JavaScript

<style>

ul#navigation1 {
position: fixed;
margin: 0px;
padding: 0px;
top: 120px;
right: -35px;
list-style: none;
z-index:9999;
shadowbox[iframe];
}

ul#navigation1 li {
width:150px;
border:0px;
display: block;
padding-top:1px;
padding-bottom:1px;
shadowbox[iframe];
}

ul#navigation1 li a {
display: block;
height: 36px;
width:150px;
background: url(http://japarus.xtgem.com/blogspot/r85dfm.gif);
background-repeat:no-repeat;
background-position:left center;
border:1px ridge orange;
-moz-border-radius:10px 0px 0px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
-khtml-border-top-left-radius: 10px;
/*-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
*/
opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=6);
shadowbox[iframe];
}
ul#navigation1 .rss a{
background-image: url(http://blog.flamingtext.com/blog/2011/07/04/flamingtext_com_1309789027_22724.png);
shadowbox[iframe];
}
ul#navigation1 .twitter a {
background-image: url(http://blog.flamingtext.com/blog/2011/07/04/flamingtext_com_1309792196_13481.png);
shadowbox[iframe];
}
</style>



<script type="text/javascript">
$(function() {
$('#navigation1 a').stop().animate({'marginLeft':'85px'},1000);

$('#navigation1 > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'85px'},200);
}
);
});
</script>

<ul id="navigation1">
<li class="rss"><a href="javascript:void(0)" onclick="gb_showHideGB()"></a></li>
<li class="twitter"><a href="javascript:void(0)" onclick="KF_showHideKF()" title=""></a></li>
</ul>
<style type="text/css">
.gb_fixed{
position:fixed;
top:10px;
right:470px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px ridge #7b3211;
-moz-border-radius:15px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9wMnMTrsQwAmZKv_WrzZdA8iE_6iDIe8-aHtt24pAS-Q6XNJe_yeSxo9f2_6Jcmm281FH5u9yjSLZlhOz-69_9mfd0UlGh9BrurEBlKn3uJzvE3TItzmvxtvRkLKQj2IGh2pzgSJ5ByA/s1600/caesar-chat.jpeg)center center no-repeat;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><div style="text-align:center;"><a href="javascript:void(0)" onclick="gb_showHideGB()" title="Close/Tutup"><img style="border:1px ridge darkorange; -moz-border-radius:5px; width:100px; font-size:25px; background:#000000;" alt="TUTUP BUKU TAMU" src="" /></a></div>
<!-- awal -->
ISI WIDGET PERTAMA ( ISI BUKU TAMU JJA )
<!-- akhir -->
</a></div></td></tr></table>
</div>
<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
</a></div>
<!-- 1 -->
<div style="z-index:+5" class="gb_fixed">
</div>

<!-- Mulai Hidden Widget -->
<style type="text/css">
.KF{
position:fixed;
top:10px; /*jarak dari atas*/
right:470px; /*jarak dari samping kanan*/
z-index:+1000;
}
* html .KF {position:relative;}
#hidden_KF {
display:none;
border:2px ridge #7b3211; /*ketebalan dan warna kotak*/
-moz-border-radius:15px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcNTfng-8hsF5-iFKX3W6TI_MVUx_vLcutmT1SkuCfMW98erDo6GgOuuoSEM8PxCWAt5ZTAL1AnNM-7RRdsZjA56xiiMBn2SiIjUmlv05vUlVrULQESpu-_wxLLQrR4JA7Xuk46vBVLfjr/s1600/papers.jpg)no-repeat; /*warna latar*/
padding:5px 10px 0px 10px;
}
</style>
<div class="KF">
<table id="hidden_KF" cellpadding="0" cellspacing="0">
<tr><td>
<!-- 1 -->
ISI WIDGET KEDUA
<!-- 1 -->
<!-- 2 -->
ISI WIDGET KETIGA
<!-- 2 -->
<div style="border:2px ridge darkorange;-moz-border-radius:10px;font-weight:bold;background:#000;">
<center>TUTUP TEKAN TOMBOL <blink>FBOOK</blink> LAGI AJA SOB</center>
</div>
</div>
<!-- eND FB -->
<br/>
<script type="text/javascript" src=" http://script-caesar.googlecode.com/files/caesar.js.txt"></script>
</!></td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="KF">
<a href="javascript:void(0)" onclick="KF_showHideKF()"></a></div>
<!-- Selesai Hidden Widget -->

5. Jika Sudah Langsung save aja dan lihat hasil nya

Jika ada kesalahan resiko tanggung sendiri ya wkwkwkk...