Hi friends now add this special code posting style in blogger with hover effect and nice background easily.
Follow simple and easy step to adding this effect in blogger ---->>>>>
* 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 easily.
* Copy below code and paste before ]]</b:skin>
Follow simple and easy step to adding this effect in blogger ---->>>>>
* 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 easily.
* Copy below code and paste before ]]</b:skin>
.post img{padding:10px}
.post blockquote{background:#F2F1F1 url(http://santabanta.mywapblog.com/files/quote1-1.gif)top left repeat-y; -moz-border-radius:30px 30px 30px 30px; -webkit-border-radius:25px; 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(http://santabanta.mywapblog.com/files/quote23.gif)top left repeat-y}
* Now click to save Your blogger template.
* Now when you post new any code Use below syntax for posting any code ok .
<blockquote>YOUR HTML/Javascript Code here</blockquote>* Now click to post your code and you are done.
|
0 Responses So Far: