BLOGFIN

Tips, That Makes Blog Perfect !

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

Make border around blogger post: Using border around your blogger content or post is a very good idea. When post will be designed with colorful and designed border then visitors will be interested to view your site and they stay more time for your post.When they will spent more time, your bounce rate automatically will be reduced <How to reduced bounce rate for your blog>

Here I mention how to make border around blogger post.For making border around blogger content or post you need to follow some steps which I have mentioned below. You can make different color border with different design. Moreover you can change your width and distance of your content from 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 border or click the “Create New Post” button.

Step 3:
Here you will find 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 opening tag for post which you want to make border around the post.

<div style="border: 1px solid yellow; padding: 10px;">

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

<div style="border: 5px solid yellow; padding: 10px;">

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 your 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 border line. For this purpose you have to change the number after padding.If you want to distance 20px and black color double border then your code would be as follows:

<div style="border: 5px double black; padding: 20px;">
Use Border Around Blogger Content

Step 9:
If you want to border around any content then paste the above mention code before content and finally close your code with </div> tag. Suppose you want to yellow color groove border with 5px width, padding 20px and your content is blogfin.com then your code would be as follows:

<div style="border: 5px groove yellow; padding: 20px;"> </div>

Use Border Around Blogger Content

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

Step 11:
When your edit will be complete you can see it before publish.To see it click on preview button.If you think something would be changed again then go to your html code.

Step 12:

When your border will be complete with sweetable design, you can publish your post.

Important Information: In case for separate two different border use tag between two post.

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 following code for highlited any text for blogger post.

<div style="background-color: #cccd94; border: 1px solid black; font-family: sans-serif; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">

<i>How to Highlight your Text in Blogspot,

<span style="color: black; font-weight: bolder;">www.blogfin.com </span></i></div>

</div>
How to Highlight your Text in Blogsopt, www.blogfin.com


WordPress Image border plugin In case for WordPress image border, you can download WordPress image border plugin. <Download WordPress image border plugin>

BLOGFIN © 2017