Thursday, March 15, 2012

How to highlight code to any script and text in the post...


1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F 


4. Paste below code before ]]></b:skin> tag
.alert { background: #DDE4FF;

text-align: left;

padding: 5px 5px 5px 5px;

border-top: 1px dotted #223344;border-bottom: 1px dotted
#223344;border-left: 1px dotted #223344;border-right: 1px dotted
#223344;}
/* www.bloggertrix.com */

5. Click on "Posting" >> "New Post" and  go to edit HTML and paste this tag
   <div class="alert">  beginning of the text you want to highlight 

6. After you can type code or script or text.  after it you have to
     paste </div>  for closing div tag (don't forget to do it. it won,t work)

7. After you can save and check it. good luck, its easy.
    Note: you can change #DDE4FF with any color code.

1 comment: