How to Insert Code in Blogger Post

How+to+Insert+Code+in+Blogger+Post How to Insert Code in Blogger Post

To Insert Code in Blogger Post:

1. Log in to blogger

2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

3. Now find (Press ctrl + F to find) ]]> and paste the below code above ]]>

pre     {      background:#eeeeee;      border:1px solid #A6B0BF;      font-size:120%;      line-height:100%;      overflow:auto;      padding:10px;      color:#000000 }      pre:hover {      border:1px solid #efefef;      }      code {      font-size:120%;      text-align:left;      margin:0;padding:0;      color: #000000;}      .clear { clear:both;      overflow:hidden;      }

Just paste the above code and save template. Now whenever you want to insert

the code in your blog post either use <pre> tag or
<code>
tag before the code. The code only works in HTML mode.

Example :

<pre> Your Post Code Goes Here </pre>

Or

<code>Your Post Code Goes Here</code>

Tags: how to insert code in blogger

Speak Your Mind

*