Script To Create Highlight / HTML Code In Post

To make article that contains the script or code is easy. But how do we make a material difference between the post containing the review in the form of a sentence and post material in the script or the HTML code? By providing a different color? Yes, that's the easiest way you can do, of course, you will be much colaboration of "Color Code" in the post you are. But how significant are the differences? I think not many, and possibly one of us when you copy and paste the code or script is still wide open. So what if you want the other way, with Highlihgt for example? Of course it will be better again. Highlight ago whether it? Basically like this, according to my understanding is Highlight Script CSS layout that works to provide background on the differences in the post page (basic colors on the page post) between any posts with the usual script or code so that it can clarify the difference itself.
The visitor will automatically know and clearly distinguish the normal and any posts which are a form of script or code. How to create one?

Perform the following steps :
1. Login to blogger and select Layout, then select Edit HTML
2. Check the Expand Widget Templates
3. Search code ]] > </b:skin>

Tips and Tricks :
To make it easier to search the code you want, press F3 or Ctrl + F (FireFox browser) and then the search field will appear below the toolbar, and enter the code. Code that you will be looking for the "green block" . Or copy paste all the HTML code and insert into the notepad. Then click "Edit", then click "Find". Enter the code into the search field. To anticipate the things that you do not want, please do backup your template by clicking “Download Full Template” and save the template into your hard drive, flasdisk or other storage facilities in case of failure so that you easily restore the template on the previous condition.

4. Enter the following code above the code ]] > </b:skin>

.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;}

Note :
To adjust the background color Highlight the template, please change the color code is blue with the color code you want.
To see the online color code "Click Here"

5. Save your template
6. Done

How to use the post Highlight? Follow like example bellow.

<p class="alert"> Your script/HTML code here..!! </p>

How? Easy to install huh..? Congratulations Highligt you try.
“Ordinary Blog’s” greeting.. Happy blogging..

Related Posts by Categories