How To Add Colorful Text Box In Blogger Post [ Simple Copy Paste]

Colorful text box in blogger post

Want to add colorful text box in blogger post? Adding colorful box in your blogger post creates amazing looks and increases traffic engagement. This article will introduce you to a simple method of adding colorful responsive box in blogger post without any coding knowledge. These colorful boxes made with CSS HTML codes. You can just copy and paste the codes in your blogger post where you want to add the text box.

Premium

Colorful Text Box

Easy to create
Responsive and mobile friendly
Easy to use in your blogger post
No copyright
No need coding knowledge

Create Now

Why text box is important in your blogger post?

Using text box in your blogger website is important. Because of the following reasons

1. It creates amazing looks

2. It helps the visitors to understand your article

3. You can share important points in text box

4. Increases User experience

5. Helps in SEO

How To Add Colorful Text Box In Blogger Post

Adding colorful text box in your blogger website without any coding knowledge requires you to follow our step by step process. Don't hurry! Follow the below guidelines and enjoy:

Step-1. Go to your blogger dashboard and create a new post.

Step-2. Go to html view of the post.

Step-3. Paste the below code where you want to show the colorful responsive text box.

CSS

<div class="bt" style="background-color: #dcfafc; border-radius: 10px; border: 1px solid rgb(237, 110, 19); box-sizing: border-box; margin: 20px auto; outline: none; padding: 10px; position: relative; vertical-align: baseline; width: 90%;"> <div class="ribbon" style="box-sizing: border-box; height: 75px; left: -5px; overflow: hidden; position: absolute; text-align: left; top: -5px; width: 75px; z-index: 1;"><span style="background: linear-gradient(rgb(237, 110, 19) 0%, rgb(237, 110, 19) 100%); box-shadow: rgb(0, 0, 0) 0px 3px 10px -5px; box-sizing: border-box; color: white; display: block; font-size: 10px; font-weight: bold; left: -21px; line-height: 20px; position: absolute; text-align: center; text-transform: uppercase; top: 15px; transform: rotate(-45deg); width: 100px;">Free</span></div> <h2 style="text-align: center;">Download</h2><div style="text-align: center;">Get this template for FREE with giving proper credits to Devloper, no installation support included in free Version. About Free License</div><div style="text-align: center;"><a href="https://gridblogging.com/download/hypermag/" rel="nofollow" target="_blank" class="button btn is-c download">Download</a></div></div>

Step-4. Go to the compose view and put your information.

Step-5. Publish the post and enjoy

FAQ - Add Colorful Text Box In Blogger Post

How Can I use text box in Blogger post?

Step-1. Go to your blogger dashboard and create a new post. Step-2. Go to html view of the post. Step-3. Paste the below code where you want to show the colorful responsive text box.

Can I use Responsive Text Box in Blogger post?

It is a frequently asked question, Yes, you can add stylish and colorful text box in your blogger article.

Is text box in blogger post good for SEO?

Yes, text box is important to use in blogger post. it boosts user experience.

How to use text box in blogger without coding knowledge?

Yes, you can use responsive stylish text box in your blogger post without coding knowledge.Follow our instrations- Step-1. Go to your blogger dashboard and create a new post. Step-2. Go to html view of the post. Step-3. Paste the below code where you want to show the colorful responsive text box.

Conclusion

We tried to share How To Add Colorful Text Box In Blogger Post without any coding knowledge. You can add colorful text box in our blogger website just doing copy and paste. Thanks