nah sekarang langsung aje deh ..
- loggin blogger.com
- design
- page element
- add gadget
- add html/java script
- paste kan kode dibawah ini :
<style type="text/css"> #gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeaEcT-_BLz_gB8gQ7A00i7oJzUB3Q1GyRK3xmQj4nhXpVgCLchxCHzA2TcQVmEsNvkkoAsa15vxZjQm4RFNt67m_rJml5_-N2nDr52lLAscS0E5cIdmThdjnR_t7bmg9fJhra5zEtQCxI/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau seperti ini?<br />
Click disini--->
<a href="http://febytherainbow.blogspot.com/2010/11/cara-membuat-guestbook-tersembunyi.html">
Blog Tutorials
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
jangan lupa dengan tanda <!-- Ganti ini dengan kode buku tamu kamu --> isi dengan kode guestbook kalian masing-masing , kalian login dulu ke cbox/ shoutmix .. ada caranya di postingan saya sebelumnya atau disini tentang shoutmix dan cbox..
kita modif dikit ah.. :)
BalasHapusterimakasih teh mpeb info na .
BalasHapussaya katro abes ttg blog ;down
secangkir : okeh sip boss ;)
BalasHapusmucit : mari kita belajar bersama .. hohohoho
makasih infonya !
BalasHapusok sama" ;)
BalasHapusThanks bwat tutornya gan, iniyg spt ane cari2 :)
BalasHapuswayweywoy .
BalasHapuskapan kau bebas hah ?
ajarin wa plizz !!
waktu na bntar lagi ;hwa
gan kalo mo bwat Float Widget kyak gtu tpi ada 2 gtu apa akan ada permasalahan ?
BalasHapusbalas za gan ....
bisa dicoba nih... nice share ya sist :)
BalasHapusudah ane coba berhasil gan....tapi kok pas ane buka pke google chrome kok gk bisa (gk muncul)....tolong solusinya ya gan
BalasHapuskunjungi blog ane http://jlrgaza.blogspot.com/