Now add css hover effect code posting style in blogger blog easily. 1

Hi friends if you post many code in your blog now add this css hover effect coding posting style background easily . and make special style of your code post background by this easy way.

PREVIEW:-

Follow simple and easy step to adding this code style in your blog ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Find this code ]]</b:skin> by CTRL+F key.


* Copy below code and paste before ]]</b:skin>

pre.source-code {
background : #e5caca url("http://santabanta.mywapblog.com/files/code2.gif") no-repeat scroll 0% 0%;
border-color : #9b0505;
border-style : solid;
border-width : 1px 1px 1px 20px;
color : #000000;
font : 13px/16px 'Courier New', Courier, monospace;
margin : 10px 0 10px 10px;
max-height : 500px;
min-height : 16px;
overflow : auto;
padding : 28px 10px 10px;
width : 90%;
z-index : 10000;
}
pre.source-code:hover {
background : #f8ecec url("http://santabanta.mywapblog.com/files/code1.gif") no-repeat scroll 0% 0%;
z-index : 10000;
}

* Now click to save your Blogger template.

* Now click in New post tab and go to for new posting.

* And post your code as below syntax ok

<pre class="source-code"><code>

YOUR HTML/JAVASCRIPT CODE HERE

</code></pre>

* Now post your code and you are done ok.

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: Now add css hover effect code posting style in blogger blog easily. ~