Tutorial : Decorate Tab Open Untuk Hide Shoutbox

Assalamualaikum...hari ni caer nak berkongsi dengan sahabat2 semua tutorial menghias tab open untuk hide shoutbox....caer pasti ramai sahabat2 blogger suka menggunakan hide shoutbox kerana spesifikasinya dapat menjimatkan ruang dalam blog...caer jugak pasti setiap blogger pasti menginginkan identiti mereka terserlah dengan kemahiran tersendiri....tutorial ni atas permintaan saudara cilik HADI

1) Refer semula kod bagi hide shoutbox..
2) Cari kod seperti di bawah...highlight pada keyword >>> background:url( ' KOD IMAGE ' ) no-repeat;
}


.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url( ' KOD IMAGE ' ) no-repeat;
}

3) Pada ruangan kod gambar tukar dengan kod gambar korang sendiri

Cara mendapatkan kod gambar

4) Kalau tak tahu macam mana untuk mendapatkan kod gambar...caer sarankan sahabat2 upload gambar dalam akaun Photobucket

Photobucket

5) Sign up dan upload gambar yang dikehendaki...
6) Copy kod image
7) Potong kod image..delete pada keyword highligth tu

[IMG]http://i820.photobucket.com/albums/zz124/caersasuke/anigifHADI.gif[/IMG]


8) Login blog >> edit HTML kod hide shoutbox
9) Pastekan kod image seperti dalam langkah kedua..
10) Save dan preview


>>> http://i820.photobucket.com/albums/zz124/caersasuke/anigifHADI.gif <<<

Ok selesai...jadi kepada saudara HADI sila ambil tab sasuke tu dan aplikasikan pada shoutbox....kalau nak cuba buat tab yang lain cuba saiz ni ye >>> 120 - 140 tinggi 30 - 80 lebar


p/s : kepada sahabat2 kalau masih blur lagi dengan tutorial ni sila tinggalkan komen ye...insyaAllah caer tolong