how to add code box area in blogger post
This post will explain everything steps by steps with short note.how to add code box in blogger post
I don't wanna wast much time to explain this simple trick.
Did you tired of searching how to add code box area in blogger post
Don't worry this post will solve your problem.
Smiles.
Step 1 Login into blogger and scroll down to Click (theme)
Then Click Customize
In this place click (Advanced) or (Adjust Widths) and you will see empty box At the front And the box is asking you to put any type of CSS code then copy this code below and paste it their.
Copy this 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-repeat:no-repeat; }
Then paste the code and click apply blog at the up
Now go back to your blog post and paste this code:::
But before you paste the code you have to click HTML and then paste the code.
Now do like I do.
Copy
After you finish pasting the code and published it then go back to you main blog and check it. You will found it like this.
If you found this in your website you are successful done.
If this post is helpful please share it to friends
Copy
<div class="code">
Paste the code here
</div>
After you finish pasting the code and published it then go back to you main blog and check it. You will found it like this.
0 Response to "how to add code box area in blogger post"
Post a Comment