//

Friday, November 2, 2012

Bikin blockquote di blog






letakkan kode berikut diatas kode ]]/skin

Edit HTML > Edi Template > Ctrl+F > ketikan blockquote

Jka anda mendapatkan kode tersebut, maka hapus dan gantikan dengan kode berikut :

.post-body blockquote {
line-height: 1.3em;
}
.comment-link {
margin-left: .6em;
}
.post img {
padding: 10px;
}
.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEeeJbWC3MeXNVJIxLTpDrlaeO9yOsjqKBygsXAsgeZT5oOtZT6EvmA5_8hBrnSH4cHt_oPZLtGzxuwpvNkdHDHHj-0kRcutRD9Kfw0NiCeH_6BN5dFYMAw9sU82N7B5jVRfU61WZ7DVc/s400/quote1.gif)top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post blockquote:hover {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD3GXkFA3hOEHMIxhJ38hhRSDGQIIjAQywQG-Gcv8R6Nd_CcJuZxBZTz4L9W5665mGPGBSeS8YcI7e4WVpE-EjiOhLjVY3LybChVApryRPjtLEgmv1EqqCTGiEhTJx2Ecc0aqJs9aKdQk/s400/quote2.gif)top left repeat-y;
}



0 comments:

Post a Comment