contest header/blog comel

klik banner untuk join

Assalamualaikum... hari ni saya nak join satu contest iaitu contest header/blog comel... saya memang jarang join contest...hanya contest tertentu je saya join...saya dah follow blog mereka berdua dan like fanpage...

ok sekarang saya nak bagi sebab kenapa saya suka blog creamlovebunny...
saya memang susah nak puji orang lain..kalau puji diri sendiri tuw selalu lah...XD

Ok sebab-sebab saya suka blog creamlovebunny ialah kerana blognya kemas , tak semak , menarik ,comel , cepat loading + mesra pembaca...susunan blognya pown kemas,teratur dan mempunyai tema warna yang sesuai...header blognya pown simple but nice...^^, lastly, saya suka kalendar kat sidebarnya...

Ok mangsa tag saya ialah :

http://princessloveglamorous.blogspot.com/

http://anisfarhanalife.blogspot.com/

http://natasya-pink.blogspot.com/

Border on image

Assalamualaikum and hello everyone... : ) It been a long time since I post my last tutorial...
This tutorial is about the grey border like above...

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:5px solid #EEEEEE;margin-top:5px;

-webkit-box-shadow: 3px 3px 8px #b2b2b2;

-moz-box-shadow:    3px 3px 8px #b2b2b2;

box-shadow:         3px 3px 8px #b2b2b2;

}

If you want to add the border only for one image just add the code below...

Code for only one image :

<center><img src="URL IMAGE"style="border:5px solid #EEEEEE;margin-top:5px;width:500px;

-webkit-box-shadow: 3px 3px 8px #b2b2b2;

-moz-box-shadow:    3px 3px 8px #b2b2b2;

box-shadow:         3px 3px 8px #b2b2b2;" ><br>

The note:

Blue text : Change with your own image url...

Orange : The size of boorder...

Green : color code change it if you want find it HERE
Purple : Width of image

...Preview and save...

Blogskin : Meaningless

My blog skin are free to use...You don’t have to pay anything :-)

But because of this, they come with rules.Please follow the rules as I have put in a lot of effort into creating the best blog skin I can for you guys.

What you can do to this skin...

✔ edit the theme as much as you like
✔ move the credits onto another page within the blog ( make it visible)

What you can't do to this skin...

✘  Remove any credit in the skin
✘  Steal or claim my blog skin as your own
✘  Redistribute my blog skin
✘  Use my skin as a base code for your skin

Preview / Code / Download

Features :
✿  Music player
✿  Comment box
✿  Navigation
✿  Header

Do comments okay... ^^,

Background line

Hye and assalamualaikum...yeah... my blog change it appearance again.... hehex...cantik tak?
Memandangkan mood saya tengah rajin sekarang... jadi,saya nak bagi free stuff background line ala2 buku tulis nie... background nie memang sesuai sangatlah untuk dijadikan background untuk blockquote...
background ni saya buat sendiri...jadi, jangan  re-freebies yer...kalau amik silalah komen...

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

 

Ok itu sahaja assalamualaikum...

Header part ?

Assalamualaikum dan selamat malam...
kali ni saya nak bagi beberapa header yang saya buat...header ni jenis yang simple je ... saya buat random je...

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 : 850px , Height : 300px

Width : 800px , Height : 300px

CLICK HEADER IMAGE FIRST TO GET THE ACTUAL SIZE

Don't forget to comment and credit me if you are using this header...^^,

Hope you like it...

Four blockquote style

Assalamualaikum...ini post pertama saya dalam bulan disember... ^^, kali ni saya nak share empat style blockquote...tau tak blockquote tu apa?

Inilah dia blockquote...kotak pada tulisan nie...haa...nak buat jugak?? ikut tutorial nie...

Template designer.

search guna ctrl dan F tekan dalam satu masa...
1. search perkataan    blockquote    ada tak? kalau tak ada search perkataan
  / * posts   kalau tak ada jugak pilihlah yang lebih kurang macam kod tu...

Classic template.

1. search perkataan   blockquote {   atau yang lebih kurang macam tu...

2. kemudian padam semua kod blockquote dibawahnya...
kalau tak ada perkataan blockquote tadi paste code blockquote yang saya bagi nanti bawah

/ * posts_ _ _ _ _ _

Style pertama :
demo tekan sini

blockquote{

border-left: 20px solid #C2E0FF;

border-right: 2px solid #C2e0ff;

border-radius:10px;

border-top: 2px solid #C2E0FF;

border-bottom: 2px solid #C2E0FF;

background:#F0F5FF;

padding :4px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

blockquote:hover{

border-left: 2px solid #C2E0FF;

border-right: 20px solid #C2E0FF;

border-top: 2px solid #C2E0FF;

border-bottom: 2px solid #C2E0FF;

background:#ffffff;

background-position:bottom right;

background-repeat:no-repeat;

padding :4px;]

-webkit-box-shadow: 0px 0px 12px #99CCFF;

-moz-box-shadow:    0px 0px 12px #99CCFF;

box-shadow:         0px 0px 12px #99CCFF;

}

Style kedua :

blockquote{

border: 2px dashed #FFC2D6;

background:url(http://i.imgur.com/l5ROw.png);

padding :4px; 

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

blockquote:hover{

border: 2px dashed #FFC2D6;

border-radius:20px;

}

Style ketiga :

blockquote{

border: 3px solid #ccc;

background:#F0F0F0;

padding :4px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

blockquote:hover{

background-image:url(http://i11.photobucket.com/albums/a168/evelynregly/

minigifs/teddybear1.gif);

background-position:bottom right;

background-repeat:no-repeat;

border: 3px ridge #ccc;

-webkit-box-shadow: 0px 0px 12px #b2b2b2;

-moz-box-shadow: 0px 0px 12px #b2b2b2;

box-shadow: 0px 0px 12px #b2b2b2;

}

style keempat :

blockquote{

border: 6px solid #EBD6FF;

border-radius:10px;

background:#F5EBFF;

display:block;

padding :4px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

blockquote:hover{

border-left: 2px solid #EBD6FF;

border-right: 10px solid #EBD6FF;

border-top: 2px solid #EBD6FF;

border-bottom: 10px solid #EBD6FF;

-webkit-box-shadow: 0px 0px 12px #DBB8FF;

-moz-box-shadow:    0px 0px 12px #DBB8FF;

box-shadow:         0px 0px 12px #DBB8FF;

}

warna dan background tukarlah sesuka hati...kod warna disini

cara guna blockquote :

Dashboard --> new post

Yang pembuka kata tu blockquote...

Cara nak guna:

Highlight perkataan yang nak di blockquote-kan dan tekan pada simbol

blockquote atas tadi...