How to add Green Code Posting style to blogger. 0

| | ,


Hi friends if you post HTML/javascript and other code you can add this below style in your code background .














Follow simple and easy step to adding this style effect in your code background.--->>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code </head> by BTRL+F key.

* Copy below code and paste before </head> 

<style id='page-skin-1' type='text/css'>code{background:url("http://2.bp.blogspot.com/_1fRuBdlSpLw/S_FamfM6D3I/AAAAAAAAAXo/ScSCtP51IWY/s1600/Blogger+Code+Background.jpg") repeat scroll left top #FFF;
border:1px solid #9C6;display:block;font:100%/17px 'Courier New',Fixed,monospace;
margin:1em 0;overflow:auto;padding:0 20px 0 30px;text-align:left;}
</style>

* Now save your blogger template now.

* Now go to posting Tab and click in new post.

* When open new post box  and write your content when you want to post any code click in edit HTML as below image.






* And here you add encoded code by HTML encoder  between <code> And </code> as below image.











* Now you publish your post and you are done ok.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to add Green Code Posting style to blogger. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories