Tutorial:Hide shoutbox

Hai! korang..ape khabar..sehat??lame btol linee x update blog...ok ari ni linee nk tulis tutorial tentang hide shoutbox...ok kwn2 yg x reti tu..meh linee nk ajar kan..1)Pergi dekat dashboard->design->add gadget->javascript/html
2)Pastu korang copy code ni dulu...
<style type="text/css">

#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL PIC YANG KORUNK SUKA') no-repeat;}.gbcontent{float:left;border:2px solid #00000;background:#F5F5F5;padding:10px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 150-w) : moveGB(170-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">
MASUKKAN KOD SHOUTMIX KORUNK KAT SINI :)
<div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (140-gb.offsetWidth).toString() + "px";</script>

3. Lepas tuh , dh copy , paste kat Html tuh oke?
4. Yang Warna MERAH tuh , korunk g la cari pic mana2 yang ada tulis shoutbox k ?
5. Then , masukkan kat dlm kurungan tuh :) Nak cari kar Photobucket pon boleh jer ;)
6. Bg yang warna BIRU , korunk boleh tulis size tuh , mngikut kesesuaian ;)
7.Pastu save..ok

Kat Sini ! Linee ada bagi beberapa contoh image untuk Shoutbox ! Korang nak ? Ambik-Ambik ! jgn malu!


   http://i.imgur.com/OUTeg.png


   http://i.imgur.com/IDCVW.png


   http://i.imgur.com/jrMSv.png


   http://i.imgur.com/jVMmK.png


           http://i.imgur.com/fIquP.png

'PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :'
TEKAN = Ctrl+C (serentak)!

Tutorial:Floating Button

hye!lme x update blog...korang ape khabar?sehat?ok ari nie linee nk ajar korang macam mne nk buat floating button...oke yg pertama...kene la pegi kat...
1)pergi kat dashboard->design->Html/javascript
2)pastu copy n paste code ni
 <style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com/lineeteah' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/lineeteah' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http://linee-neenee.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>
3)Belum Siap lagi tuh! Then , kan yang tulisan warna PINK tu , korang tukarkan lah dgn link korang k?
4)* Yang warna MERAH = boleh tukarkan mengikut kesesuaian blog . Left boleh tukar menjadi Right !
*Bagi yang warna BIRU pula , if korang nak kekalkan pun tak pe , kalau nak , just tukar kan je link itu ;

                                                        ok...dh siap!

                                                        selamat mencuba...

tutorial:favicon yg comel

lama btol x update  blog...oke ari nie linee nk ajar favicon...oke yg x tau tu...meh linee nk ajr...
oke yg pertama...pergi dkt...
 dashboard > design > edit html *tick expand widget templates...
lepastu tekan CTRL ngan F serentak n search code nie...
</head> 
oke...mesti dh jumpe kan..copy code nie n paste dekat atas </head> tadi...
 <link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>
 <link href='URL GAMBAR' rel='icon' type='image/x-icon'/>
  URL GAMBAR tu korang boleh cari dekat glitter graphics . tapi kalau nak senang, copy je url gambar yang i dah sediakan dekat bawah ni...

http://dl4.glitter-graphics.net/pub/1147/1147424xzu9rogvl9.gif

http://dl5.glitter-graphics.net/pub/644/644195ea6e65f5i0.gif

http://dl9.glitter-graphics.net/pub/1867/1867949zpnuvtmy7y.gif

 http://dl8.glitter-graphics.net/pub/726/726108uu3fyth4c1.gif

http://dl.glitter-graphics.net/pub/1009/1009321kzip41l685.gif

#pastu kalau dh...preview dulu...kalau oke save...