1. masuk ke http://www.shoutmix.com/
2. click sign up
3. kalau sudah akan keluar gambar seperti ini
4. periksa alamat email anda (kunjungi yahoo , gmail atau yang lain untuk memeriksa inbox di emai anda)
5. lalu anda click link nya
6. akan muncul jendela baru
7. click create shoutbox
8. lalu click create
9. anda akan mendapatkan kode shoutbox
kita masuk ke blogger
1. login ke blog anda
2. click desain > tambah gadged > html/javascript
3. copy paste kode dibawah ini lalu letakkan di gadged tadi
<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:120px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu2.gif')
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">
<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="hafiezers" src="http://www.shoutmix.com/?hafiezers" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?hafiezers">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
yang berwarna biru ganti dengan kode shoutbox anda tadi
CLICK GAMBAR UNTUK MEMPERBESAR
0 comments
Post a Comment