Create A Code Box In Blog post

Hi friends! How are you? In my post I will share with a blogger tips which may help you. It is about “How to create a html or java code box in blogger?” let’s the discussion. We have to make post to blogger blog.  When we write a post to blogger blog sometimes we need to add any code and it looks at random. But when you apply this tip your code will become nice that makes your blog beautiful. It is not a hard task. Just follow me. So strat…………..

Step:1

1. First log in to blogger
2. Now you will get your “Dashboard”
3. From here select “Template”

 

4. Here select "Edit HTML"
5. Now find the code(Ctrl + F)

]]></b:skin>

Now paste the bellow code before the code

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background: #FAFAFA; background-repeat:no-repeat; }

Now save your template.

Step:2
Now make a post and from here click "HTML". Here type

<div class="code">
 ( Place your desired code )
</div>

Now save post and visit your site.

Note:

Do you like this tips? Is it help you? If you like this post please give your valuable comment and visit this site regularly to get more tips and tricks for blogger.

Posted in Blogger Tips