BLOG SOLUTION

Tips n Trick

How to show HTML/Javascript codes in blogger version 2




Follow this Step :

  1. Login to Blogger dashboard
  2. Go to Design Section
  3. Then select Edit HTML tab
  4. Ctrl + F search ]]> tag.
  5. Replace it with Bellow Code of section.
pre
{
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;
} 

Preview Image :


After you done it, click the "Preview" button to see if your blog shows or not. If everything’s okay, then click, "Save template".


While creating any Post, If you want to show the special Code in post that CSS code or JavaScript code, what ever may be , Go to Edit HTML tab in Post and create Div section and put your code in Div section like bellow and publish Your Post.
  • Mode Edit HTML:
  •  Mode Compose :

Note:- Before Putting code, Make it Friendly to post Using these tools
  1. Postable
  2. Centricle Encode / Decode HTML Entities

Facebook Twitter RSS