Blockquote for Blogger

 Blockquote for Blogger

Feature

• Easy to copy code.
• Eye catching
• Differentiate the code from normal text 

For Live Demo you can see below code area.

How to add this?

Find (clt+f) the given code

]]></b:skin>

Copy and past all the below code Before ]]></b:skin>

.post blockquote {

background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCl4NsI0y4uBoY-0Yxf4cE912DbxzvXrEmqJAlzCtdgufuE8hQQ-q7PAV6NCyY7AF8WOw0cKQadV8NWFHR6NuosLAfxoLGx_P2hldELvbid0ulfzpqTHxuZa7HBb3muGwUKOJ-HSI2Nqg/s1600/sites18+code+images.gif');

background-position: 0px 0px;
background-repeat: no-repeat repeat;
border-radius: 6px;
color: #000;
font-family: Consolas,'Courier New',Monaco,Courier,monospace;
line-height: 18px;
overflow: auto;
max-height: 1000px;
border-color: #DDD #666 #666 #DDD;
border-style: solid;
border-width: 1px;
margin: 0px 20px;
padding: 10px 20px 10px 45px;
}

Settings

You can use your own image in place of my site image change green color URL with your own image URL, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCl4NsI0y4uBoY-0Yxf4cE912DbxzvXrEmqJAlzCtdgufuE8hQQ-q7PAV6NCyY7AF8WOw0cKQadV8NWFHR6NuosLAfxoLGx_P2hldELvbid0ulfzpqTHxuZa7HBb3muGwUKOJ-HSI2Nqg/s1600/sites18+code+images.gif

Create an image like below image