How To Add Code Box In Blogger Post

What Is Code Box

Code box is a rectangle box where we write the programming code or other any code. In This section we will see how to add programming code in blogger post.


Step 1: Go to https://www.blogger.com
 Open your blogger site.

Step 2: Go to Theme > Edit Theme

Step 3: Simply Click any where  in the code.

Step 4: Now, press CTRL+F and search ]]></b:skin>

Step 5: Paste the below code before ]]></b:skin>

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

disclaimer! This article for tech updates, not promoted by any company, means that's with proper credits in there if any copyright post is there. Helps us to grow more by allowing the notification and subscribing by email! #suspensecreator
Previous Post Next Post
Post ADS 1
Post ADS 1