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.
How to use this function in blogger post?
You can add the display box anytime to your blog posts simple by adding
Thats all!
- 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>
preNow save the template and you are done.
{
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;
}
How to use this function in blogger post?
You can add the display box anytime to your blog posts simple by adding
<pre>Secondly the code with you would place between the tags above must be friendly. In order to do that, replace all "<" with < and all ">" with >.
"your HTML or JAVA script"
</pre>
Thats all!
0 Comments
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!