Background ( Vertical stripe )

Assalamualaikum dan selamat malam semua...now,I want to give background again...I make it by myself so, don't re-contribute or re-freebies...

If you want to copy image url...
Firstly click image --> Right click --> Copy image url / Copy image location...

If you want to save the image...
Click image --> Right click --> Save image as...

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834104.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834093.png

 

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834115.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831636.png

 

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831631.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831788.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3853/3853878.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428285.png

Ok,next time I'll try making more dark pattern because my pattern color are too pastel and bright...Please never re-post my freebies especially if it was made by my own...I spend a long time to make this freebies...please respect my own made...Comments and credit are really appreciated...

Akan ditambah apabila rajin...^^,

Want to make your own background? Go here...^^,  Make an account first...Don't forget to follow my account  here... ok Assalamualaikum people \o/

Background ( diagonal stripe )

Assalamualaikum and hai people...now let me give you some freebies...I make it by myself so, don't re-contribute or re-freebies...

If you want to copy image url...
Firstly click image --> Right click --> Copy image url / Copy image location...

If you want to save the image...
Click image --> Right click --> Save image as...

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827395.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827443.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827587.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827607.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827638.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827647.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428224.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/4667/4667192.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428261.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428271.png

Comments and credit are really appreciated...

Akan ditambah apabila rajin...^^, Anywhere, kalau awak semua nak request tutorial, header, cursor atau apa sahaja berkaitan blog sila contact di ask.fm atau add facebook saya...

Youtube music player...

Assalamualaikum dan hai semua...kali nie saya nak buat tutorial pasal music player lagi...kali nie youtube player pulak...
Disebabkan irondj.net selalu ada problem lebih baik guna youtube player nie jer...senang nak cari lagu sebab banyak pilihan lagu kat youtube kan?... :-)

preview

1. For template designer : Log in blogger --> Layout --> Add Gadget --> HTML/Javascript
2. For blogskin : Log in blogger --> Template
3. Copy below code and paste it in HTML/Javascript gadget or between sidebar code for blogskin...

<center><object width="60" height="25"><param name="movie" value="http://www.youtube.com/v/hhhucO8tMw4?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=81F7F3&amp;color2=81F7F3" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/hhhucO8tMw4?version=2&autoplay=1&hl=en_US&color1=81F7F3&color2=81F7F3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="60" height="25"></embed></object></center>

Customize :

Blue text : Color of the music player find here...but, don't put  #

Example : 81F7F3 instead of #81F7F3

Red text : Width of the youtube player you can change with 300 , 200 or 30

Orange highlight : Youtube video url ( follow instruction below to change it )

1. Go to youtube.com
2. Search and open the music that you want to put in your blog...

( Refer below picture)

Only copy the url after http://www.youtube.com/watch?v= 

example : http://www.youtube.com/watch?v=hhhucO8tMw4

Then, change the old url with the new one...

Ok,then preview and save....

Kalau tak faham commentlah..:-)  code from : Amalina...

New url Kawaiilady...

Assalamualaikum and hello everyone...Look at my new url... I have change my blog url...

From :

http://pinkkawaiigirl.blogspot.com

To :

http://kawaiilady.blogspot.com

Why I change my url?

I change my url because I think my old url are too long...actually its not too long...lol -,-

I think my new url are more simpler to remember...

Notice :

Please change my url in exchange link...and can you help me by re-follow my blog... :'(

Thanks you so much to everyone for supporting my blog...
Do unfollow me then follow back to get my latest update...love you... :'* 

Freebies fonts...

Assalamualaikum and hello people...^^ ok sempena cuti raya nie updatelah blog nie supaya tak bersawang sangat bila dah naik sekolah nanti...kalau nak font nie amiklah yer...click je preview gambar font tuw lepastu terus automatic download... :-)

1. Billo

2. Stereofidelic

3. Fanande

4. Shade of black

5. Things we said

6. Jokewood

7. Reed of love

Oklah dah cukuplah tuw yer...kalau nak lagi carilah sendiri disini atau disini atau cari jer kat google...

Kalau dah ambil tuw commentlah yer...susah taw nak cari font lawa-lawa...hehe...ok jumpa nanti...assalamualaikum...

Images for header

Assalamualaikum and hello everyone...ok straight to the point...now I want to give freebies image for header...do take it if you want...I found the image from google...

If you want to save it...
Click image --> Right click --> Save image as...

If you want to get the url...
Click image --> Right click --> Copy image url / Copy image location

   

    

    

    

    

    


CLICK IMAGE FIRST TO GET THE ACTUAL SIZE

Ok do comments dear...^^ see you soon...good bye...

Cute image hover...

Assalamualaikum dan hai semua...^^,
Dah lama rasanya tak buat tutorial...ok harinie saya nak buat tuto pasal image hover lagi..

Click here for the preview

Ok let's begin...

Firstly as usual : Dashboard --> Template --> Edit HTML

For template designer : Denim,simple,watermark...
Search the code    img{   or  img {  or   a img {  then, replace the code with the code I have given below...

For classic template and blogskin...
Search the code   img{  or  img {  then, replace the code with the code I have given below...

If there is no code like above add the code that I have given before  </style>   for blogskin and before
]]></b:skin>   for template designer.

Code for all image..

Img {
border:2px solid #FFFFFF;
-webkit-box-shadow: 0px 0px 8px 8px #FFEBEB;
-moz-box-shadow:    0px 0px 8px 8px #FFEBEB;
box-shadow:         0px 0px 8px 8px #FFEBEB;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out; }
Img:hover {
-moz-transform: scale(0.7) rotatey(360deg);
-o-transform: scale(0.7) rotatey(360deg);
-webkit-transform: scale(0.7) rotatey(360deg); }

 Code for only one image...

<style>
.cutes{
border:2px solid #FFFFFF;
-webkit-box-shadow: 0px 0px 8px 8px #FFEBEB;
-moz-box-shadow:    0px 0px 8px 8px #FFEBEB;
box-shadow:         0px 0px 8px 8px #FFEBEB;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-ms-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.cutes:hover{
-moz-transform: scale(0.7) rotatey(360deg);
-o-transform: scale(0.7) rotatey(360deg);
-webkit-transform: scale(0.7) rotatey(360deg);
}
</style>
<img class="cutes" src="http://data.whicdn.com/images/33714608/tumblr_ly5gnll0C91qisocmo1_500_large.jpg" width="450" /></div>

The notes ; Purple text : Colour code find it here Blue text : Your image URL Red text : Image width.. Then, preview and save... ;-) do comment if you use this tutos... Don't re-post this tutorial because I made this tutorial by myself... Ok see you soon...Assalamualaikum and happy eid ul fitri..

Header with background...

Assalamulaikum dan salam Ramadan kepada semua yang sedang menjenguk blog nie...^^,
Puasa tak harinie? lagi 4 hari jer lagi nak raya kan? cepatnya masa berlalu... :'(  ok lah sebenarnya saya nak bagi freebies sikit malam nie...freebies header yang tak seberapa pown...kali nie saya buat header yang ada background pulak...

If you want to copy header url...
Firstly click image --> Right click --> Copy image URL / Copy image location...

If you want to save the header...
Click image --> Right click --> Save image as...

Width : 900px , Height : 370px

CLICK HEADER IMAGE FIRST TO GET THE ACTUAL SIZE

Never re-freebies my freebies and do comments if you use this header... ;-)

Ok babai semua... :-)  jumpa lagi dalam post seterusnya...