RSS

Navigation : Home / , , / Article : Display Scripts & Codes in Blogger Posts easily

Display Scripts & Codes in Blogger Posts easily

If you have some code related blog like CSS coding,Java Script coding and you wish to share your knowledge via blogger post, you might not be able to post any java script or CSS code in your blogger post.
You can not post the codes & scripts in blogger post, but by doing following hack, you will be able to post any code & any script in your blogger post.Do not forget to download/backup your blogger template first before changing any HTML code to get back your previews blogger template if you do not like changes you made.

Requirement :
1. You have blogger account having blog .
2.Little knowledge about coding.


What to do for Displaying Scripts & Codes in Blogger Posts easily ?
Ans : Follow the steps,
Step : 1
Login to your blogger account, Go to Design section and select Edit HTML sub tab ,Here select expand widget template.

Step :2
Back up your blogger template, so that you will not loose your old setting and if you wish to stop this trick, you can restore your old one blogger template.

Step : 3
Now press Ctrl + F , you will see a navigation bar at the bottom, and than here you have to search following code.
]]></b:skin>
Step : 4
Paste the following code just above that line.
{
background:#efefef;
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;
}

Step :5
Whenever you create new post , and you wish to display code , HTML or script in your blogger post, you just need to post your code
as shown in image below :

Loading

0 Responses to "Display Scripts & Codes in Blogger Posts easily"

Do not add any spam messages, as we will strictly delete the spam comments, all content posted on this blog are free for use and for knowledge, do not spoil it with spamming.