Monday, 26 August 2013

Background ( Vertical stripe )

1 Comment so far

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/

Saturday, 24 August 2013

Background ( diagonal stripe )

4 Comments so far

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...

Friday, 23 August 2013

Youtube music player...

9 Comments so far

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...

Tuesday, 20 August 2013

New url Kawaiilady...

Be the first to comment!

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

From :

To :

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... :'* 

Wednesday, 14 August 2013

Freebies fonts...

4 Comments so far

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...

Friday, 9 August 2013

Images for header

2 Comments so far

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


   

    

    

    

http://s3.amazonaws.com/puricute.answers/2011/07/19/aaf6fb90b1c4e5128ed37d3b4d6fdc2dc.jpg     http://4.bp.blogspot.com/-MGNRAkQV78M/TnfdKc4YDLI/AAAAAAAAAX8/eNnPNSCac9E/s400/touhou+chibi+girls.jpg

http://4.bp.blogspot.com/-tV6yL3lFyQg/UHCy0Qwaw9I/AAAAAAAAAJ8/nZt5DmihbOk/s640/chibi+anime+boy+6.jpg    


CLICK IMAGE FIRST TO GET THE ACTUAL SIZE
Ok do comments dear...^^ see you soon...good bye...

Tuesday, 6 August 2013

Cute image hover...

Be the first to comment!


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


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..

Sunday, 4 August 2013

Header with background...

1 Comment so far

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...