Complete Solution

How to Show/Add HTML/Java Codes in Blogger(Blogspot) Blog Posts? We fall in problem when we have to use HTML/Java code in Blogger post. No tension just follow me...



 Step:1 



 1. First log in to your Blogger account and back-up your template.



 2. Then click Template >> Edit HTML



 3. Chose Proceed to start editing the HTML code.



 4. Click on "Expand Widget Templates"



 5. Ctrl F and find the below code:   ]]></b:skin>



6. Now you have to add this code above that code,

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

7. Coding is finished. Save your template.




Step: 2



 Now each time you create a post and you need to add some HTML codes inside your post, you have to convert it into escapable characters. For this go to this tool called Quick escape and insert your code. Click, “Convert to escaped character” the converted code will be different than the original.
Now create a new blog post and add the converted code. You have to enclosed the code with a “pre” tag(marked as blue) For this I’ve added the same code twice. One normally and the other one with the hack.



 





Publish your post and see the magic! The normal code showed up with the effect but the hacked on remained intact inside the table.



 





 It's ok. Now you can easily HTML/Java codes.

Subscribe to Get Newest Articles By Email!

Follow us!