News Update :

Show HTML/Java Script on your blog post, How to show display box on your blogger?

Friday, August 3, 2012

While blogging you wanted to highlight something or provide any html or java codes to your readers. Here I am going to share the trick to display the html codes. Follow the below steps to add this amazing function in your blog or between your blog post.
  • Back up your template from edit html of your blogger blog.
  • In edit html search  ]]></b:skin>
  • After you find that paste the below code above ]]></b:skin>


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;
}
 Now save the template and you are done.

How to use this function in blogger post?

You can add the display box anytime to your blog posts simple by adding
<pre>

"your HTML or JAVA script"

</pre>
Secondly the code with you would place between the tags above must be friendly. In order to do that, replace all "<" with &lt; and all ">" with &gt;.
Thats all!
Share this Article on :

0 comments:

Post a Comment

If You liked this post or have any suggestions or query then you can leave your message below. We will reach you as soon as time allows because we love to hear what we have missed and what can be done just from you!

 
© Copyright Nepalic Blog 2015 | Nepalic Blog Network