Tukar warna tab shoutbox yang sedia ada

Aritu da buat Tutorial sembunyikan shoutbox blog.. So, entri kali ni kiranya sambungan daripada entri yang lepas..Kali ni nk terangkan cara tukar warna tab shoutbox yang sedia ada...Here we go..

1. Pergi ke Dashboard > Design > Page Element > Add a Gadget > HTML/Javascript

2. Copy & Paste kod berikut ke ruangan HTML/Javascript

<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://4.bp.blogspot.com/_CEj8AwvwSNM/S5PppULtvPI/AAAAAAAAEDs/NITPY9kKySs/s400/icon+untuk++shoutbox+tersembunyi.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

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">

Kod Shoutbox Anda di Sini

<div style="text-align:right"><a href="http://princessvirgo09.blogspot.com/2011/12/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>tutorial here</small></a>

<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>

3. Gantikan ayat yang berwarna biru http://4.bp.blogspot.com/_CEj8AwvwSNM/S5PppULtvPI/AAAAAAAAEDs/NITPY9kKySs/s400/icon+untuk++shoutbox+tersembunyi.png dengan URL warna tab shoutbox pilihan korang.. Cara nak copy URL warna tab yang korang nak...just right klik pada tab pilihan anda di bawah dan tekan Copy image URL.

CONTOH

                                        

4. Jangan lupa mengantikan perkataan Kod Shoutbox Anda di Sini dengan memasukkan kod shoutbox korang

5. Save dan lihat hasilnya ;)