d i a r i a n a k m a m i
Heyyo -ups- Looking for what?:)


Blockquote Styles
Saturday, January 26, 2013 1:18 AM 7 balloon[s]


Oh, Haiii....!!!
   Dear G-Florieses,
   Say Hello HERE!!!
   Hai : DDD Yumi mau kasih tutorial lagi, nih! Sekarang tutorialnya adalah cara buat ganti blockquote, atau lebih tepatnya lagi Blockquote Styles. Tutorial ini adalah request Farsya di Ask.fm-ku : DDD. Jadi, Buat Farsya, wajib comment, ya!
   Sama kayak tutors request Evania. Request kali ini juga 2 versi, Classic Template (Blogskins, etc.) dan All Blogger. Let’s reading this post!

   Cekidot to the Tutorials~
    Blockquote Style for All Bloggers

  •  Pergi ke Dashboard >> Design >> Edit HTML *tick Expand Widget
  •   Klik CTRL + F untuk cari kode berikut => .post blockquote{
  •  Udah ketemu? Good… Copy code Blockquote Styles di bawah.

   Blockquote Style for Classic Template

  •  Pergi ke Dashboard >> Template
  •  Klik Ctrl + f serentak untuk mencari code
  •  Bagi blog yang udah ada code blockquote, kamu cari kode : blockquote {
  •  Nanti paste code model blockquote di bawah ini, di atas kode atau di bawah kode blockquote {

-----Blockquote Styles (Freebies-----



Code Blockquote :

padding-left: 6px;
background:#FFFFFF;
padding-bottom : 7px;
font-family: "verdana";
font-size:10px;
border-left: 6px solid #000000;
text-shadow:1px 1px 0px #fff;
color:#000000; width:448px;
margin-left:10px;
padding-right:6px;
padding-top:4px;
}



Code Blockquote :

padding-left: 6px;
background:#FFFFFF;
text-align:center;
padding-bottom : 7px;
font-family: "verdana";
font-size:10px;
border-left: 6px solid #000;
border-right: 6px solid #FFF;
text-shadow:1px 1px 0px #fff;
color:#000000; width:448px;
margin-left:10px;
padding-right:6px;
padding-top:4px;
}


Code Blockquote :

padding-left: 18px;
background:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding-bottom : 7px;
font-family: "verdana"; font-size:10px;
border-left: 0px solid #000;
text-shadow:1px 1px 0px #fff;
color:#898888;
width:448px; margin-left:10px;
padding-right:6px; padding-top:7px;
border-bottom:1px dashed #f295aa;
border-right:1px dashed #f295aa;
border-top:1px dashed #68baaf;
border-left:1px dashed #68baaf;
}


Code Blockquote :

padding-left: 6px;
background:#F7F6F6;
padding-bottom : 7px;
font-family: "verdana";
font-size:10px;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
text-shadow:1px 1px 0px #fff;
color:#000000; width:448px;
margin-left:10px;
padding-right:6px;
padding-top:4px;
}



Code Blockquote :

padding-left: 16px;
background:#F2FFFF;
padding-bottom : 7px;
font-family: "Verdana";
font-size:10px;
border-left: 6px solid #F6DCFF;
text-shadow:1px 1px 0px #fff;
color:#9a9a9a; width:448px;
margin-left:10px; padding-right:6px; padding-top:4px;
}
blockquote:hover {
padding-left: 45px;
border-left: 10px #FFC8E4 solid;
background-color:#E1E1E1;
color:#000;
-webkit-transition-duration: 3s;
-moz-transition-duration: 4s;
transition-duration: 2s;
}

Ket Code :
- Kalau ingin ganti warna blockquote jadi background, bisa ganti kode berikut :
   background:#FFFFFF;
   Jadi kode ini :
   background:url(YOUR BACKGROUND URL);
- Oranye : warna background
- Hijau : ketebalan border & shadow
- Pink : solid / dotted / dashed
- Kuning : warna tulisan
- Biru : warna shadow
- Hijau muda : warna border

   Jangan lupa komentar, ya!!! Boleh complain juga, kok! : ) See you next entry, Bye… : *

Khansahamnida ^ ^

Labels: ,



7 Comments:

Blogger Farsya Izzati Widodo said...

aku harus comment -_-

but, makasih ya :)

January 26, 2013 at 8:06 AM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

:B
Kekekeke...
Hoho... makasih udah mau komentar :DDD

January 26, 2013 at 8:24 AM  
Blogger Vladi Perry said...

wuah! buanyak cekale! hahaha .. nice ^^

January 29, 2013 at 5:07 AM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

Sebenernya masih banyak, tapi nanti keburu lama. hehe B)

January 30, 2013 at 3:18 AM  
Blogger Zettira Geraldine said...

Maill makasi eap ^^

May 15, 2013 at 5:32 AM  
Blogger Ѧαιℓα Ғαιиαиιтα said...

@Zettira : Okesipp ;)

May 15, 2013 at 5:34 AM  
Blogger Hayu Minangkani Putri said...

YUHU! Thanks!!!!

July 2, 2013 at 11:59 PM  

Post a Comment

*Kalian udah baca post Yumi. (ɔ ˘⌣˘)~♡
*Kalo udah masuk sini, kewajibannya komentar (‾^‾)b
*Jangan jadi tukang baca entri gratisan, yo!
*Yok komen, Ape aje dahh! \(´▽`)/



LonelyGirl ?
Welcome to my blog!







SORRY I'M ON LONG HIATUS. BECAUSE I HAVE TO GO BACK TO THE DORM AND START SCHOOL AGAIN. FIXED CONTACT ME, BECAUSE ANYTIME I CAN REPLY ;))



Secret Navi
Click and hover me! :DD

About Stuff
F.A.Q Affies

Followers
Ask.fm
Credits
Best viewed in Google Chrome.
© All Right Reserved 2014.


Tagboard
Leave your sweet words



Memories ★
Like a Time Capsule