Tuesday, August 12, 2025
HomeBlogger tipsHow to add code box or copy text area in blogger

How to add code box or copy text area in blogger

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; }

Click on apply changes and go back to the 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

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments

John Doe on Nexus 6 review