Thursday, January 12, 2012

How To Change Blockquote Design On Blogger

3 komentar
How To Change Blockquote Design On Blogger, Change Blockquote On Blogger, Change The Blockquote Design On Blogger.
Hai guys, now i will share a tutorial to you. Its about "How To Change Your Blockquote Design On Blogger" I hope this tutorial will be useful for you. I think its not a great web design tutorial. But it may useful for you, exactly for a newbie blogger like me, who like to spice up their blog. Ok lets we started "How To Change Your Blog Quote Design On Blogger"

How To Change Blockquote Design On Blogger
1. Login to blogger
2. Design - Edit HTML - Expand Widget Template
3. Find </b:skin> code, and paste this code below BEFORE </b:skin> code
.blockquote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3kcAdX5JUV9DfOIE1js4DU1-_uo_U6MJR9AK5eNMiIkR_O4HloL8LK13IS0EFahi53nVHwATDXEGPDvfcPHCGTebNaDDkjIPGH7eY9QScjV8paCZtNYVXt6zeU1Nu0K0gSUxKBVsP40/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 10 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}
And save your template. After that you can check is that work or not? Just create a new post and write any word on that post, and then click blockquote or just type a word between this code.
<blockquote>Type Your Word here</blockquote>
And you'll found a blockquote design like me, if you not like this blockquote design. You can edit the CSS code that i given to you. Just flow your creativty. OK thanks for follow up my blog
Latest post is "Dofollow Blog List 2012 With High Pagerank"

3 komentar:

  1. Replies
    1. Hmmm maksudnya gan? Ini hanya ganti design dari blockquotenya gan.

      Delete
  2. wah, bagus nih sepertinya sobat, izin pake ya sobat.. :D

    ReplyDelete