Tutorial Hide Shoutbox/Chatbox baru

Saya akan ajar buat hide shoutbox macam saya punye box kat tepi tu eh..

1. Macam biasa, log in dulu

2. Design -> Add a gadget -> HTML/Javascript

3. Copy kod ni..ctrl+c untuk copy

<style type="text/css">

.gb_fixed{

position:fixed;

top:70px;

right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

border:2px solid #004831;

background:#000000;

padding:10px;

padding-top:0px;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">

<tr><td>

<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:pink">[Tutup]</b></a></div>

KOD SHOUTBOX/CHATBOX DI SINI

</td></tr></table>

</div>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" style="border:0px" src="URL GAMBAR" />

</a>

</div>

4. Jom tengok kod-kod yang boleh diubah..

top -> semakin besar nombor, semakin ke bawah

border -> semakin besar nombor, semakin tebal. boleh juga tukar warna dan boleh tukar nak solid, dotted atau dashed.

background -> boleh ditukar juga. klik laman web ni Color Charts dan Color Codes.

perkataan [Tutup] -> boleh ditukar

color:pink -> boleh ditukar juga..warna untuk perkataan Tutup tadi.

Url Gambar -> Boleh ambil gambar mana-mana je. Kat Glitter Graphic, Emoticons dan kalau nak letak gambar sendiri pon boleh. Tapi kena upload dulu di imageshack.us. Kemudian ambil direct link, letak di bahagian Url Gambar tu eh..

5. Kalau dah siap, save la..

Go0d Luck !!

http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/03.gif






http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/ccmloverack1ov4.gif






http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/etcetal28.gif






http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/thursinhapc.gif






http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/pixelurso378.gif






http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/gdg.gif



http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/rty.gif



http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/GHF.gif



http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/magiagifsinfantil39.gif




http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/lf.gif



http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/lklj.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/th26.gif




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/thpixelurso019.gif


http://i39.photobucket.com/albums/e167/miazinha26/mini%20cute/au9.gif




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/gg.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/hhhhhh.gif




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/ttt.gif




http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/th2345249_VOqm7.gif



http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/th2345246_LrJRf.gif




http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/th2345245_qsNgY.gif




http://i289.photobucket.com/albums/ll237/scrapsdoorkut/mini%20cute/th2345256_bc7gk.gif




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232886_G1D18.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232885_z7tvg.gif




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232881_796g3.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232879_dZCrF.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232857_mYL8k.gif


http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232856_wCTWw.gif



http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/2232852_qWOky.gif


http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/kinder_chinni21.png




http://i39.photobucket.com/albums/e167/miazinha_26/mini%20cute/JB_hugsandkisses1.png




http://i359.photobucket.com/albums/oo34/cutemummy08/Mini%20Pics/1403263xtmizu3wbo.gif



http://i359.photobucket.com/albums/oo34/cutemummy08/Mini%20Pics/1512066fhnsck0aoi.gif





Ambillh gmbr yg kat ats 2 nye....speacial ckit hehe......jngn malu-malu....