Monday, August 17, 2015

How to add border around post article in Blogger?

This will be embedded in some templates. But most templates don't come with this code embedded. When there aren't borders around post articles, it doesn't give professional look. There won't be distinction between sidebar and post body.



Therefore, to make your blog appear clean and professional, we can add borders around the post articles. To get this in your blog, follow given steps:

Login to your blog>Click on Template>Click on Edit Template>Find (Ctrl+F): ]]></b:skin> and just above it add the given HTML:

.post{border:1px solid #E5E5E2;border-style:solid;border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;background:#ffffff;margin:.1em 0 .5em;padding:0px 8px 0px 8px}

Once it's being added, you can preview your blog. If you want more customization, you can change those parameters in above where fonts are being high-lighted. Instance, if you want the border to be little thick, you can increase border from 1px to 1.5px or 2px. What can be easier than to get a border around your post. Cheers!

No comments:

Read our comment Policy to know your rights & responsibilities before actually leaving a comment for this article.

Related Posts Plugin for WordPress, Blogger...