Tuto : Background Shoutmix

-

Rasa bosan tak tengok Shoutmix korang tu kosong je tak lawa kan? HAHA. Meh kita buat background shoutmix. mesti kasi lawa. woo wooott^

Design > Page Elements > Add a Gadget > HTML/JavaScript

Paste kan aja code 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/AVvXsEiDZs8z28-pNz4xmo_ytiz5oud3syEijqP3qt0htyYVzPdNvCJFYMqhgvT2-4yyKehvqxN1k_uTBkE-ikj0bCtDPlgfz9VJYO4tfkJqZ09_ZqTq5AlwW_6zQuUt7oNAsfeRK5zWByt05Mly/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background: url(URL IMAGE ANDA);
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 65-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 -->
CODE SHOUTMIX ANDA DISINI
<br />
<!-- End ShoutMix -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]</a></div></span></span>

</div>
</div>

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

Yang kaler merah dalam code tu, korang letak lah URL gambar yang korang nk buat jadi Background Shoutmix itu yee. Dan yang berkaler Oren paramore tu. Haha. Pastekan CODE SHOUTMIX kauorang.

Selesai? Kbye :D



-

---

Click on LIKE button or leave your comment. TQ

---