Cara Modifikasi/Mempercantik Blockquote Dengan Kode CSS

Kita langsung aja ke inti Karena saya lagi males Basa basi

Berikut Cara mempercantik Blockquote :

1. Login Ke Blog
2. Lalu Ke Template >Edit HTML>Lanjutkan ,Centang Expand Template Widget
3. Lalu Sobat Cari Kode Dibawah (Gunakan CTRL + F)

.post blockquote
.........  dst 
}
.post blockquote:hover
.........  dst 
}
.post blockquote p
.........  dst 
}

Atau

.post blockquote.........  dst 

} 

 Dan

blockquote
.........  dst 
}

 Tergantung Template yang kamu gunakan
Lalu jika ketemu salah satunya hapus dan ganti dengan kode dibawah ini

.post blockquote {
background:#f5f8fa url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif) no-repeat scroll 0 0;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }
.post blockquote:hover {
background:#FFFFFF url(http://lh6.ggpht.com/_wC8_9aR_6uE/S-7eHs71vkI/AAAAAAAAC4M/SPzkp3SsYg4/bintang%20kelip.gif) no-repeat scroll 0 0
}
.post blockquote p {
margin:.75em 5;
background:url(http://lh5.ggpht.com/_wC8_9aR_6uE/S_OXycnYicI/AAAAAAAAC60/lAY-RahuhKw/exit.jpeg) no-repeat;
padding:20px;
background-position:bottom right;
}

Selesai ,Cukup Mudah kan ?

Selamat Mencoba dan Happy Blogging