untuk dara membuatnya yaitu sebagai berikut :
- Log in blogger
- Masuk ke rancangan
- Elemen laman
- tambah gadget, html/java script
- 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/AVvXsEgxf5J-qcnd4f9UKUaWebYXqGOfvtkLVqYWzBWPdoFt2RZDmnbw-7bz-YAWTtC89UI6QXyn5y-bVJP2We8-pNO1JH6Tl_xof41tYbDCrFLRrIpE-2aBsdQSPSpf47m30RCmetIXWOeAhwjP/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/AVvXsEiqQkqw5XdwJGODyUKWz3GBR5rF-ZdUwLCmIYDFGgq8XQFp29iNIFOzvt_1_9m2_oi4FGObgRu_HG-rq8u4JXo5Cf3_86BHGRcd9-_5-vRl8kJu7WOldRoNN-oSm0u3rxoKUYJWN9GPM2c/s1600/TabGBcopy.png" />
</a>
</div>
.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/AVvXsEgxf5J-qcnd4f9UKUaWebYXqGOfvtkLVqYWzBWPdoFt2RZDmnbw-7bz-YAWTtC89UI6QXyn5y-bVJP2We8-pNO1JH6Tl_xof41tYbDCrFLRrIpE-2aBsdQSPSpf47m30RCmetIXWOeAhwjP/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/AVvXsEiqQkqw5XdwJGODyUKWz3GBR5rF-ZdUwLCmIYDFGgq8XQFp29iNIFOzvt_1_9m2_oi4FGObgRu_HG-rq8u4JXo5Cf3_86BHGRcd9-_5-vRl8kJu7WOldRoNN-oSm0u3rxoKUYJWN9GPM2c/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/AVvXsEiqQkqw5XdwJGODyUKWz3GBR5rF-ZdUwLCmIYDFGgq8XQFp29iNIFOzvt_1_9m2_oi4FGObgRu_HG-rq8u4JXo5Cf3_86BHGRcd9-_5-vRl8kJu7WOldRoNN-oSm0u3rxoKUYJWN9GPM2c/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan
Jika sudah langsung Simpan..................
dan lihat hasilnya.
selamat mencoba
Posting Komentar
blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar..