How to add code box or copy text area in blogger

If you want to enclose a code region, in your blogger posts if your blog is about blogger instructional exercises, blogger gadgets, blogger formats or it manages any sort of blog customization
just like my. It will turn out to be simple for anyone to find the html code and effectively reorder the code for utilizing it. It will likewise give an efficient look to your blog entries. Simply read and take after every one of the means offered beneath to get this capacity in your blogger blog for each post.

Step1: Log in to your blogger account. Go to Dashboard >> Template.

Step2: Click on the Customize. 

Step3: GO to Advanced >> Add CSS.

Step4: Copy and Paste the accompanying code in the Add CSS area.

.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; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }

and click on apply changes and go back to blogger dashboard

<div class=”code”>
here is your all code
</div>

copy above code and click on new post HTML and past the code and return to Compose and clear "here is your all code and past or write your code and it Done just save and Publish your post

• Tweet
• Share
• Share
• Share
• Share