Untuk tampilannya mungkin bisa dilihat dan klik gambar disini :

  untuk dara membuatnya yaitu sebagai berikut :

1. Log in blogger
2. Masuk ke rancangan
3. Elemen laman
4. tambah gadget, html/java script
5. Kopi pastekan kode di bawah ini :

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px; right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzktOGCIPCcrJ7ogSGQfiV1P1XumFzh7pYopmUy6AagdVjJpU7VJ3bw9Ch5F-lw5PeVDZWA6LyQirKYnywCd6KK7ymDDYjb5t4StOYNmRTNbgu8aCBiLS3jr_CpJfgUvIj1XCyYkg8cnU-/s1600/papers.jpg
)repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;"> TUTUP BUKU TAMU </b></a></div>

Masukkan script atau kode buku tamu kawan disini

</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()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mflHXE-GlGU-AxyIlsrUuJd98bgIjNAhXytFOPClxtf530tjauUlFVKeGYfuJMODp2hCJfnhnB-B6FYIk2oCHkNLpW1lJjPXJQ6xPpQPhjIvx9rItIEjoNUIA3CuzaaRpBikY_ypPYY/s1600/TabGBcopy.png" />

</a>
</div>

Masukkan script atau kode buku tamu kawan disini silahkan masukkan kode buku tamu nya disitu,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1mflHXE-GlGU-AxyIlsrUuJd98bgIjNAhXytFOPClxtf530tjauUlFVKeGYfuJMODp2hCJfnhnB-B6FYIk2oCHkNLpW1lJjPXJQ6xPpQPhjIvx9rItIEjoNUIA3CuzaaRpBikY_ypPYY/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan

Jika sudah langsung Simpan..................

dan lihat hasilnya.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Official Blog Of ZAS-XP.com di inbox anda: