ANDRIANA

Toturial : Cara nak guna Ctrl+F


Tutorial ini khas kepada New Bloggers

Hy kepada new blogers! hari ni Farah nak tunjukka kepada
anda semua cara macam mana nak guna Ctrl+F 

sebanarnya ini adalah untuk memudahkan anda copy apa =2 ayat
atau tuto!

1. Korang highlight perkataan yg korang nak copy macam niey 



2. lepas tu tekan Ctrl+F 

3. dah tu korang [g kat mana untuk korang letak yg korang copy tadi dan tekan belah kanan mouse korang dan tekan paste !

Senang je kan ? 
ByeBye

Toturial : Link Warna Pelangi


Hy =D tau tak macam mana nak buat link warna pelangi?
kalau tak tau nih Farah nak ajar macam mana nak 
buat link  warna pelangi!

senang je ! nak tau macam mana? Jom!

1. Sign In -> Dashboard -> Design -> Add gadget -> Html / JavaScript

2. Coy kod kat bawah ni :





<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">/*********************************************** * Script edited by Ynn at http://fwzynn.blogspot.com/* Please keep this notice intact***********************************************/ </script>




3. Save ! preview jadi ke tak? kalau jd bg tau la 

Toturial : Double Underline



Hy hari ni Farah nak buat tuto pasal 
Double underline!
Senang je 

1. Sign In -> Dashboard ->Design -> Edit Html -> Expand Tick Widget

2. Then tekan CtrL+F atau f3 dan cari kod kat bawah :

/* Header 

3. Copy kod yang kat bawah niey pulak :

u {
text-decoration:underline;
border-bottom: 2px dotted #FF0080;
padding: 0px; 
}
4. Paste kod yang tadi kat ATAS  kod /* Header  

5. Yang dotted  tu boleh tukar dengan  solid
Yang #FF0080 tu boleh tukar ikut citarasa masing2

6. Save kalau jadi bagi tau!
ByeBye

Toturial : Falling Object -Love


 Tak best betullah cuti kali niey! kene pergi tusyen!Apepun hari niey Farah nak buat Toturia yang diberi nama Falling Object!


Caranya senang je! just follow the step

1. Sign In -> Dashbard -> Add Gadget -> Html / JavaScript

2. Copy kod di bawah dalam ruang Html tu... : 
* Copy kod ni dah letak bawah header!!!!

<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=48 height=631 style='position:absolute; left:85%; top:5px; width:15; height:631px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=655 style='position:absolute; left:9%; top:171px; width:15; height:655px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=49 height=659 style='position:absolute; left:80%; top:61px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=629 style='position:absolute; left:34%; top:61px; width:15; height:629px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=13 height=584 style='position:absolute; left:12%; top:126px; width:15; height:584px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=689 style='position:absolute; left:48%; top:171px; width:15; height:689px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=666 style='position:absolute; left:23%; top:139px; width:15; height:666px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=619 style='position:absolute; left:40%; top:90px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=16 height=592 style='position:absolute; left:52%; top:180px; width:15; height:592px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=23 height=695 style='position:absolute; left:10%; top:1px; width:15; height:695px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:66%; top:1px; width:15; height:532px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=27 height=662 style='position:absolute; left:8%; top:7px; width:15; height:662px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=42 height=649 style='position:absolute; left:33%; top:173px; width:15; height:649px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=555 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=568 style='position:absolute; left:87%; top:185px; width:15; height:568px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=14 height=659 style='position:absolute; left:89%; top:46px; width:15; height:659px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=6 height=685 style='position:absolute; left:29%; top:0px; width:15; height:685px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:29%; top:108px; width:15; height:619px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=45 height=530 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=38 height=572 style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src=http://dl4.glitter-graphics.net/pub/111/111944aomhvemlia.gif border=0></marquee>
 3. Dan save Preview dulu jadi ke tak ? kalau jadi komen la ye...

(nak banyak lagi icon klik SINI

ByeBye

Toturial : Kotak Blockquote Ber-shadow Bila Cursor Sentuh


Hy hari ni Farah terlebih rajin nak buat tpturial yang perlu nak codin-coding niey1 pening kepala! tapi nak buat macam mana dah diri niey terlebih rajin (bangga diri)

sebenarnya [ada hari ni Farah nak buat kotak blockquote ber-shadow bila cursor sentuh macam ni


besarkan kalau nak tgk!

cara nak buatnya macam ni

1. Sign IN -> Dashboard -> Design -> Edit Html -> Expang Tick Widget

2. tekan Ctrl+F atah f3 dan cari kod di bawah

.post blockquote {


3. Dah jumpa? bagus! Kalau dah jumpa copy kod yang kat bawah niey pulak


blockquote:hover {border:2px dashed #000000;    -moz-border-radius-topleft: 10px;    -moz-border-radius-bottomright: 10px;-moz-box-shadow: 0 0 18px #FF3399 ;-webkit-box-shadow: 0 0 18px #FF3399 ;    }
 Macam niey

besarkan kalau nak tgk

 4. then save kalau tak error! Kalau  x jadi maybe tersilap koding kot!


ByeBye

Toturial : Cara Membuat kotak Blockquote


Hy mesti ramai yang tak tau lg ape itu kotak blockquote tukan?Sebenarnya masa mula2 berblog dulu pon tak tau ape itu blockquote tapi selepas
mencari tau ape itu blockquote? kini Farah sudah tau hahaha...
Kotak blocqute tu ni sebenarnya

haaa.. ni la dia sebenarnya kotak blockquote tu!


Info: cuma highlightkan saja tulisan yang nak diblockquote kan !
Kalau nak guna kotak blockquote cuma takan yang bertanda merah tu je...

Kalau nak ada kotak blockquote cuma follow step di bawah:  

1. Sign In -> Dashboard -> design -> Edit Html -> expand Tick Widget

2. Tekan Ctrl+F atau tekan f3 dan copy kod di bawah :

.post-body {

 3.Dah jumpa kod di atas ? sekarang copy kod kat bawah  pulak:

.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }
4. Yang warna warna Merah tu korang boleh tukar ikut cita rasa sendiri!

5.Yang URL background tu boleh cari dekat google 

6. Dan save kalau x error la... 
Byebye

Toturial : Link Hover (Turun Hujan Donut)




Hy ! Hari niey Farah akan Satu Toturial iaitu
Link Hover / bila cursor sentuh header , header turun hujan donut 
gitu la.... Cara2 nya begini 



1.Sign in blog -> Dashboard -> Design -> Edit Html

2.Tekan Ctrl+F dan cari kod di bawah
a:hover


3.Then , Copy kod yang kat bawah niey Pulak :


color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;
text-decoration:underline;
4. Paste kod yang dicopy ini di bawah kod a:hover

5.Yang Merah tu korang tukar dengan link yang kat bawah niey



http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif


   ________________________________________________________________





http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif


_____________________________________________________________________________________________










http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif

_____________________________________________________________________________________________










http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif

6.Save dulu then preview ! tgk kalau jadi kalau x jadi maybe error kot! 

Toturial : Bubbles Cursor Effects


Hy hary niey Farah nak buat toturial bubbles keluar dari cursor
Walaupun blog Farah x kelar bubbles tapi blog Frah 
tumbuh misai tau! jgn main2! =D
Senang je nak buat niey nak tau cam ne? follow step 
di bawah:
  1.  Dashboard > Design > Add Gadget > Html/Javascript
  2. Copy kod di bawah dan paste kan di dalam  Html/Javascript :

<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 bley tukar dengan warna kesukaan anda DI SINI