How to make border Around Blogger Post: Use Border Around Blogger Content

Make a border around blogger post: Using edge around your blogger content or position is an excellent idea. When a post is designed with a colorful and designed border, then visitors will be interested in viewing your site, and they spend more time on your job. When they spend more time, your bounce rate automatically will be reduced <How to reduced bounce rate for your blog>

Here I mention how to make a border around blogger post. For making a border around blogger content or post, you need to follow some steps which I have mentioned below. You can make a different color border with a different design. Moreover, you can change your width and distance of your content from the post border.

<Read how to add Google Custom search for Blog post>

How to make border Around Blogger Post

How to Make Border

Step 1:
To make a border to your blog post at first, you have to sign in to your account.

Step 2:
Then click the blog post which you want to make a border or click the “Create New Post” button.

Step 3:
Here you will find the HTML button on the top of the left side corner. Click on this button for edit.

Step 4:
You have to enter the following code as an opening tag for the post which you want to make a border around the post.

[contact-form][contact-field label=”Name” type=”name” required=”true” /][contact-field label=”Email” type=”email” required=”true” /][contact-field label=”Website” type=”url” /][contact-field label=”Message” type=”textarea” /][/contact-form]

Step 5:
You can put a different number after the border to change your border width. If you want to put 5px, then your code would be such as follows.

Step 6:
If you want to change border design around your post then, you may change ‘solid’ value with dotted, dashed, ridge, double, groove, inset, or outset as you like for it.

Step 7:
If you change your border color, then you have to mention the specific color such as black, red, green, blue in place of yellow. Moreover, you can use color code instead of mention color, such as #C92020.

Step 8:
You can change the distance of post content from the borderline. For this purpose, you have to change the number after padding. If you want to distance 20px and the black color double border, then your code would be as follows:

Step 9:
If you’re going to border around any content, then paste the above mention code before content and finally close your system with

tag. Suppose you want to yellow color groove border with 5px width, padding 20px, and your content is then your code would be as follows:

Step 10:

Click your “Compose” button at the top of the page to see your post borders.

Step 11:
When your edit is complete, you can see it before publishing. To view, it clicks on the preview button. If you think something would be changed again, then go to your HTML code.

Step 12:

When your order is complete with sweet design, you can publish your post.

Important Information: In case of separate two different border use tags between two posts.

How to Highlight your Text in Blogspot

Highlight any text in your post is a good idea. You can highlight your text in Blogspot besides Use Border Around Blogger Content. You can use the following code for highlighted any book for blogger posts.

How to Highlight your Text in Blogspot,


How to Highlight your Text in Blogspot,

WordPress Image border plugin In case of a WordPress image border, you can download the WordPress image border plugin. <Download WordPress image border plugin>

Updated: October 16, 2019 — 11:22 am

Leave a Reply

Your email address will not be published. Required fields are marked *