How to change the image and color of the blockquote

It was said that common are obsolete.The very reason why people travel to different places to look for new. In the blogger world, it seems to be parallel to this concept because readers consider new as something that is helpful, in terms of ideas and implementations. As we consider this, we also need to look at in a more vivid horizon which we always consider that our patience and hard work will very soon turn into money. Like applying an advertising company, specifically the adsense, considers new as one of their bases for your application's approval. This tutorial will show you how to change the color and background of your blockquote. So, let's do it.

Changing the Background Image and Color of a Blockquote

Step 1. Go to Blogger > Layout > Edit HTML

Step 2. Backup your template
Step 3. Search for .post blockquote and delete it along with all its occurrences. In most templates the codes look like this,

.post-body blockquote { line-height:1.3em; }
OR
.post blockquote{ etc etc etc }

If you cannot find that code then it's Okay.

Now look for ]]></b:skin> and just this ]]></b:skin> , paste the code of your favorite blockquote. Try this example below;

.post blockquote {
margin : 0 25px;
padding: 58px 28px 38px 18px;
background :#F2F2F2  url(place the url of your image here) no-repeat 580px 5px;
font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif;
color : #000000;
border: 8px dotted #A9A9A9;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}

Note: Just always remember that a background element is followed by a word url. The six digit value is the background color and image link is inserted in place of bold text in this part-> url(place your image Link here) .Click this link on "how to upload image and get its url".


Step 4.After customizing, it's time to save your preview your template to see the interesting new change.

Step 5. Save your new view template.

God Bless 
You Always!