Scrollbar

DAH COPY JANGAN LUPA COMMENT PLAK
Salam . Saye wat tuto ni sebab ade orang request . Saye amik tuto ni dari kak amylia . ok jom buat

1.Design-Edit HTML-tick expand widget
2.Tekan CTRL+F dan cari code bwh ni
]]></b:skin>
3.Dah jumpe? ok . copy code bawah ni dan pastekan di atas code ]]></b:skin> tadi 


::-webkit-scrollbar {
height:12px;
width: 12px;
background: #848586;
 }
 ::-webkit-scrollbar-thumb {
 background-color: #b0c6e4;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
 [warna merah boleh tukar kat sini]
[warna biru boleh tukar dengan code bawah ini]
background-image:url(URL IMAGE);
[warna hijau boleh cari kat google]

Header Hover

DAH COPY TU COMMENT LA PLAK

Ok , tuto ni saje saje nak buat . dah borinkkan .. hee :D tuto ni saye amik dari kak lettha . okey , jgn buang mase ,jom buat sekarang PINPIN!!

1.Design-Edit HTML
2.tick expand widget template
3.Tekan CTRL + F cari code bawah ni
h1.title {
4.Dah jumpe ? now copy code bawah ni dan paste kan di atas code h1.title { tadi


#header:hover {
 background: url(URL HEADER HOVER);
}
[warna merah tu korang gantikan dengan URL header hover yg korang ske]

5.Dah siap . preview , kalau dah puas hati save

*saye ade bagi sikit untuk URL HEADER HOVER

http://dl2.glitter-graphics.net/pub/1455/1455682apvfgvhztr.gif

http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif
http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif

Welcome Note Bergerak

DAH COPY TU JANGAN LUPA COMMENT

Hello , hari ni saye nak wat tuto welcome note bergerak . tau kan ? tuto ni saye amik dari kak nana oke .. jom wat skrg

1.Design-Edit HTML
2.Tick expand widget
3.Tekan CTRL+F dan cari code ni
/* Header
4.Dah jumpe? oke copy plak code bwh ni dan paste kan di atas code /* Header tadi 


.input:hover {
padding-top: 60px;
 -webkit-transition: 1s;
 transition: 1s
 text-align: center;
 }
.input {
 text-align:center;
 margin-top: 150px;
 }

Tutorial Tukar home+newer+older post kepada icon yang comel

DAH COPY TU JANGAN LUPA COMMENT


Hello , hari ni mila nak try buat tutorial tuka home+newer+older post kepade icon comel lote . Tuto ni direquest oleh SUHAIDAH . dah saye amik tuto ni dari kak lysaa . okey jgn buang mase . jom buat . ponpon!

1.Design-Edit HTML
2.Tick expand widget template
3.Tekan CTRL+F dan cari code ni








<data:newerPageTitle/>

4.Padam code atas ni dan gantikan dengan code bawah yg telah saye bagi ni

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

 [warne merah tu boleh tuka kalau nak ]

5.Then , tekan CTRL+F lagi untk cri code bwh ni plak

<data:olderPageTitle/>
6.Padam code tu dan gantikan dengan code bwh yg telah saye bagi ni
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>
[wane merah tu bley tuka icon laen kalo nak]

7.Lastly , tekan CTRL+F cari code bawah ni

expr:href='data:blog.homepageUrl'><data:homeMsg/>
8.Padam code yg telah saye merahkan tu then gantikan dengan code bawah ni
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>
9.Kalau dah abes sume .bley preview , dan puas hati save terus ! 





Tutorial header hover berpusing

DAH COPY TU JANGAN LUPA COMMENT

Hello fren .. hari ini saye nk wat first tuto dalam hidup saye oke . Tutorial ni direquestkan oleh Na eima
Dan saye amek tuto ni dari  kak aimi . okey , jangan buang mase , jom buat sekarang


1.Design-Edit HTML
2.Tekan CTRL+F serentak dan cari code ini













h1.title {
 



3.dah jumpe ? copy plak code bawah ni dan paste kan di atas h1.title {  tadi


      








#header:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-webkit-transition-duration: 2s;
}

 4.Preview & Save