How to insert html/Css or any code in blog posts

0



Are you using blogger service? and want to insert HTML, JavaScript and CSS or any code that you want to insert in your posts? i think you are struggling with this problem.


 If you try to insert Html code or JavaScript in Blogger posts you will either get an error message or by chance if your post is published then it will not give the desirable result’s which was expected .i too tried strongly and finally done with help of google.

How to insert html/Css or any code in Posts?

I think you have seen many blogs that have thier own custom style design to insert code.

If u want to insert html code into your blogger posts

Log in to your Blogger Account >> Click on Layout >> Click on Edit Html 


Now find (Press ctrl + F to find) ]]></b:skin> and paste the below code above ]]></b:skin>


pre background:#fff; border:1px solid #000; 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; }

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>

For inserting javascript and css code:

follow this method:

Log in to your Blogger Account >> Click on Layout >> Click on Edit Html 

Now find (Press ctrl + F to find) ]]></b:skin> and paste the below code above ]]></b:skin>

.post blockquote {
background:#C8EFFF url(http://1.bp.blogspot.com/-0YqCIwHbtIQ/UIrY1LXu_3I/AAAAAAAAGI8/131Qb-kj5Mg/s1600/tutskit.jpg);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

Now After pasting the above code save your template by pressing Save Template Button


Every time quote your code in blog editor.Thank you


Please follow and like us:
0

1 Comment
  1. Reply
    sam August 8, 2013 at 9:04 am

    This is an informative post review. I am so pleased to get this post article. I was looking forward to get such a post which is very helpful to us. A big thank for posting this article in this website. Keep it up.

Leave a reply