tutorial divider bawah post

hey .
untuk post nie ta payah la kan aq na terng kan ?
kowunk mesti da nmpk love at  post aq yg bawah sekali tu .
ukey .
ta na panjang cerite .

step 1 : pegi at dashboard - design - edit html - tick expand widget template
step 2 : tekan CTRL+F secare serentak untuk cari code :

<div class='post-footer-line post-footer-line-3'/>

suda ? kowunk copy plak code at bwh nie dan paste at BAWAH code yang kowunk cari tadi .

<center><img height='20' src='urldivider'/></center>

*biru - tukar ketinggian divider kowunk
*merah - letak code divider kowunk at situ
kowunk boleyh cari code divider at ----> sini

contoh divider . kalau nak ambek jewh , aku ta kesah :



 http://sl.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif



  http://sl.glitter-graphics.net/pub/129/129211n1bn6wc3td.gif



  http://sl.glitter-graphics.net/pub/869/869679rvg8xnldxk.gif



  http://sl.glitter-graphics.net/pub/751/751496ixk88cctgr.gif



sudah siap ,
btw , before save preview dulu .
kalau kowunk sudah puas aty bawu kowunk save .

sekian ~



kalau dha bace , sila like or komen yaww , terima kasih .

tutorial remove or make an auto hide navigation bar

hey .
tuto kali ini tentang navigation bar .
tau ta yg mne satu navigation bar ? hah ! yg at bwh nie la ~


da tau kan ?

kalau kowunk na buat . kowunk follow step nie .
but kowunk mesti pilih la antare sembunyikan terus atau auto hide ~

pilihan 1 
remove navigation bar

untuk tuto nie :
kowunk akan remove / buang navigation bar ~

1 : dashboard - design - edit html - tick expand widget template
2 : tekan CTRL+F untuk cari code :

]]></b:skin>

sudah jumpe ? now copy pulak code nie dan paste at ATAS code ]]></b:skin> :

/* Remove the navigation bar--------------------------------------------------------- */  #navbar-iframe { height:0px;visibility:hidden; display:none }

suda siap ,
kowunk boleyh preview dulu baru save ~


pilihan 2
make an auto hide navigation bar

untuk tuto nie :
navigation bar  hanye akan muncul jika anak panah kite menyentuh atau pon anak panah diletakkan di navigation bar .
faham ta ?


1 : pegi ke dashboard - design - edit html - tick expand widget template
2 . tekan CTRL+F secare serentak dan cari code :

body {

sudah cari ke belom ?
kalau dah . kowunk kene copy code nie plak dan paste at ATAS code body { ~

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

sudah copy ? ukey , now kowunk boleh preview dulu baru save ~
sekian ~


kalau dha bace , sila like or komen yaww , terima kasih .

tutorial back to the top

hey ,
today aku nak ajar kowunk semue untuk buat button back to the top .
kowunk ta ta bende ape tuh ?
kalau na tau cube kowunk tekan gambr buda chumil atas awan at bwh uh .
nnty die akan pegi at atas kembali .
hah ! yg tu la .
senang sangat-2 nak buat .
kalau nak buat sile follow step nie .

firsdt : dashboard - design - add a gadget - html
then : copy and paste code at bawah nie dekat kotak html uh ~

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://sl.glitter-graphics.net/pub/1053/1053333jqgjkz21t7.gif" /></a>

*yang code warne MERAH tu kowunk tukar kan dgn ape aje yg kowunk na . kalau ta na tukar pon tape ~

ukey , dekat sini aku ada bagi beberape contoh . kowunk boleh ambek kalau kowunk nak . aku ta kesah .

  http://sl.glitter-graphics.net/pub/644/644517m6eyw5693n.gif


  http://sl.glitter-graphics.net/pub/573/573369qzelzl4ahs.gif



ukey . siap ! .
save terus tau . jangan lupe plak ye ~
=)



kalau dha bace , sila like or komen yaww , terima kasih .

tutorial bubble cursor effect

hey .
nie tutorial about bubble cursor effect .
na tau bende ape ni ?
cube kowunk gerakkan anak panah aku tu .
mesti ade bubble kan ?
hah ! yg tu la bubble cursor effect .
na buat ke tak ?
kalau nak buat kowunk kene ikot step nie .

first step : dashboard - design - add a gadget - html
the : copy code kat bawah nie dan paste at kotak html uh .

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
        // <![CDATA[


        var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles


        var bubbles=12; // maximum number of bubbles on screen




        /****************************


        * JavaScript Bubble Cursor *


        * (c) 2010 mf2fm web-design *


        * http://www.mf2fm.com/rv *


        * DON'T EDIT BELOW THIS BOX *


        ****************************/


        var x=ox=400;


        var y=oy=300;


        var swide=800;


        var shigh=600;


        var sleft=sdown=0;


        var bubb=new Array();


        var bubbx=new Array();


        var bubby=new Array();


        var bubbs=new Array();




        window.onload=function() { if (document.getElementById) {


        var rats, div;


        for (var i=0; i<bubbles; i++) {


        rats=createDiv("3px", "3px");


        rats.style.visibility="hidden";




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="1px";


        div.left="0px";


        div.bottom="1px";


        div.right="0px";


        div.borderLeft="1px solid "+colours[3];


        div.borderRight="1px solid "+colours[1];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="0px";


        div.left="1px";


        div.right="1px";


        div.bottom="0px"


        div.borderTop="1px solid "+colours[0];


        div.borderBottom="1px solid "+colours[2];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.left="1px";


        div.right="1px";


        div.bottom="1px";


        div.top="1px";


        div.backgroundColor=colours[4];


        div.opacity=0.5;


        if (document.all) div.filter="alpha(opacity=50)";




        document.body.appendChild(rats);


        bubb[i]=rats.style;


        }


        set_scroll();


        set_width();


        bubble();


        }}




        function bubble() {


        var c;


        if (x!=ox || y!=oy) {


        ox=x;


        oy=y;


        for (c=0; c<bubbles; c++) if (!bubby[c]) {


        bubb[c].left=(bubbx[c]=x)+"px";


        bubb[c].top=(bubby[c]=y)+"px";


        bubb[c].width="3px";


        bubb[c].height="3px"


        bubb[c].visibility="visible";


        bubbs[c]=3;


        break;


        }


        }


        for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


        setTimeout("bubble()", 40);


        }




        function update_bubb(i) {


        if (bubby[i]) {


        bubby[i]-=bubbs[i]/2+i%2;


        bubbx[i]+=(i%5-2)/5;


        if (bubby[i]>sdown && bubbx[i]>0) {


        if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


        bubb[i].width=bubbs[i]+"px";


        bubb[i].height=bubbs[i]+"px";


        }


        bubb[i].top=bubby[i]+"px";


        bubb[i].left=bubbx[i]+"px";


        }


        else {


        bubb[i].visibility="hidden";


        bubby[i]=0;


        return;


        }


        }


        }




        document.onmousemove=mouse;


        function mouse(e) {


        set_scroll();


        y=(e)?e.pageY:event.y+sleft;


        x=(e)?e.pageX:event.x+sdown; }




        window.onresize=set_width;


        function set_width() {


        if (document.documentElement && document.documentElement.clientWidth) {


        swide=document.documentElement.clientWidth;


        shigh=document.documentElement.clientHeight;


        }


        else if (typeof(self.innerHeight)=="number") {


        swide=self.innerWidth;


        shigh=self.innerHeight;


        }


        else if (document.body.clientWidth) {


        swide=document.body.clientWidth;


        shigh=document.body.clientHeight;


        }


        else {


        swide=800;


        shigh=600;


        }


        }




        window.onscroll=set_scroll;


        function set_scroll() {


        if (typeof(self.pageYOffset)=="number") {


        sdown=self.pageYOffset;


        sleft=self.pageXOffset;


        }


        else if (document.body.scrollTop || document.body.scrollLeft) {


        sdown=document.body.scrollTop;


        sleft=document.body.scrollLeft;


        }


        else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {


        sleft=document.documentElement.scrollLeft;


        sdown=document.documentElement.scrollTop;


        }


        else {


        sdown=0;


        sleft=0;


        }


        }




        function createDiv(height, width) {

        var div=document.createElement("div");

        div.style.position="absolute";

        div.style.height=height;

        div.style.width=width;

        div.style.overflow="hidden";

        return (div);

        }


        // ]]>

        </script>

*yang warna merah tu kowunk boleh tuka code warne yang kowunk nak . kowunk boleh cari at sini .
*yang warna biru : kowunk boleh masokkn seberape bnyk bilangan bubble yang kowunk nak .

selamat mencube ~


PERHATIAN !!!!!
KEPADE SESIAPA YANG TELAH MENGGUNAKAN SPARKLING CURSOR . SILA BUANG SPARKLING CURSOR TERSEBUT JIKALAI KAMU INGIN MENGGUNKAN TUTORIAL INI .
TERIME KASIH .


kalau dha bace , sila like or komen yaww , terima kasih .