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.
How to Make Border
To make a border to your blog post at first you have to sign in to your account.
Then click the blog post which you want to make border or click the “Create New Post” button.
Here you will find HTML button on the top of the left side corner. Click on this button for edit.
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;">
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;">
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.
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.
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;">
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>
Click your “Compose” button at the top of the page to see your post borders.
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.
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>
WordPress Image border plugin In case for WordPress image border, you can download WordPress image border plugin. <Download WordPress image border plugin>