Cara Mempercantik Kotak Blockquote Anda di Blog

Oleh Rafid Aslam

28 Januari 2012

Nah pada kesempatan kali ini saya akan memposting tentang cara mempercantik kotak Blockquote seperti punya saya siapa yang mau?? Pasti yang melihat artikel ini mau, MAAF Pendek LAGI ngantuk nihh hoAAahh Langsung Saja ini dia SEDOOOTTT:

1. Klik Template
2. Klik Edit HTML
3. Checklist Expand Template Widget

Cari Kode  .post blockquote



Jika tidak ada, carilah kode yang mirip selanjutnya ganti dengan kode berikut:

.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) 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://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0
}

Simpan Templatenya, Jika Tidak berhasil pakailah cara yang berikut:

• Cari kode ]]></b:skin>
• paste kode berikut diatas ]]></b:skin>

.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) 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://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0
}

SIMPAN TEMPLATENYA DAN SEMOGA BERHASIL

 

Tag : Tips Blogger

Bagikan :

Tweet