Highlight the script /code in posts
Unknown10:11 PM 0 comments

Giving Highlights for the script or code on the post will clarify the reader. For example you can see this on my blog. Every time a script / code so there will always be highlighted (box) that will distinguish with the other posts. you want to know how to make it?

how:
1. Login to blogger then choose Layout -> Edit HTML
2. Then copy the code below and put it in your CSS script or plug before 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;}

Red code (# DDE4FF) is the background color of the highlight box, you can replace it with another color code that matches your blog background. For color codes can be viewed HERE

3. If so then Save.


How to Post
In order for the code / script will be there then to post the highlighted box should use its own ways. Namely by adding this code <p class="alert"> before the code / script that will be highlighted. then added the code </ p> at the end of the script / code.

of course it's very easy .. good luck.

I am sorry, my english is bad ^.^v
In Category :
About The Author Ali Bajwa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Facebook and Twitter

0 comments

Post a Comment