Untuk tampilannya mungkin bisa dilihat dan klik gambar disini :
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/AVvXsEj5Msey_wJXnJdTztstpn7uCxwuTLM_VjQ1kPyUBZ5tG3dth-yK8tUfPyAmXMQaIKYWAbtOEeOQodCSAWZaGgk63Xqa5NQb8fxESd1tvRIYkrdfIf-9P5l02L1ayK8mv3sIcf6s6jkbXv8S/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/AVvXsEiFPnSslzorrKTNROQLeL3m_iIg-_4tLF0Z848Ns7hXC0oDZS8qhysmfIGOG-CWgtvE4IOA-WsbRO2OOHOGOjmLEY-7x7dmb6OfzhhpVjJl9q36oWIPGoKjkHmgI0SBWyh8fajqZEVmXQU/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/AVvXsEj5Msey_wJXnJdTztstpn7uCxwuTLM_VjQ1kPyUBZ5tG3dth-yK8tUfPyAmXMQaIKYWAbtOEeOQodCSAWZaGgk63Xqa5NQb8fxESd1tvRIYkrdfIf-9P5l02L1ayK8mv3sIcf6s6jkbXv8S/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/AVvXsEiFPnSslzorrKTNROQLeL3m_iIg-_4tLF0Z848Ns7hXC0oDZS8qhysmfIGOG-CWgtvE4IOA-WsbRO2OOHOGOjmLEY-7x7dmb6OfzhhpVjJl9q36oWIPGoKjkHmgI0SBWyh8fajqZEVmXQU/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/AVvXsEiFPnSslzorrKTNROQLeL3m_iIg-_4tLF0Z848Ns7hXC0oDZS8qhysmfIGOG-CWgtvE4IOA-WsbRO2OOHOGOjmLEY-7x7dmb6OfzhhpVjJl9q36oWIPGoKjkHmgI0SBWyh8fajqZEVmXQU/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan
Jika sudah langsung Simpan..................
dan lihat hasilnya.
selamat mencoba
Posting Komentar