Cara Membuat Shoutmix Melayang

Cara membuat shoutmix melayang mungkin bisa membuat blog kita lebih ramping dan tidak memakan tempat karena shoutmix ini bisa melayang mengikuti page yang berada di layar monitor... Kalau kamu mautahu caranya ikuti tutorial berikut ini :

1) log in ke account blogger anda
2) masuk ke tata letek > elemen halaman > tambah gadget > pilih hhtml/java script
3) masukan kode berikut ini ke dalam hml/java script anda
<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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 dengan kode kamu"

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


GANTI KODE YANG BERWARNA  DENGAN KODE SHOUTMIX ANDA......

Related Post: