1. buat shoutbox/shoutmix (ane saranin freeshoutbox.net )
2. copy HTML code nya
3. buka blogger lalu masukkan account blog anda
4. pilih blog (jika memiliki 2 atau lebih blog pada 1account)
5. ambil tata letak
6. klik tambah gadget
7. pilih HTML/javascipt
8. copy dan pastekan link di bawah 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/AVvXsEhVqbtnH7SLo54JOIYrseoDDVeP3HLl2pasUMz_c87-rQpnr0NCaU54ul9JNKvCsneS8Jd5IO81XsMouYJFt-udtlkoOiaciT0R5gl0xUwB7A52XeJqzWJFGCFfT6E0v1TMwwQbPp3btL60/') 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">
<tempatkan kode html shoutbox>
<div style="text-align:right">
<a href="Lyokowarriorz.blogspot.com">
[Lyokowarriorz]
</a>|<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
_______________________________________________________________
ket: tulisan merah diganti dengan kode html shoutbox mu
Tulisan kuning untuk mengatur tinggi buku tamu
Tulisan hijau untuk mengatur lebar buku tamu
9. klik simpan
nih hasilnya di blog saya
Tersembunyi :
pas muncul
