How to Add Border Around Headings in Blogger Blogs

I am continuing the blogger tricks and tips series and today I will share with you guys how we can add border around post titles. Every webmaster & blogger want to increase their blog page views and visitors and apply different kind of tricks for that.Post titles are the first few bunch of words which catches visitor eye and hence when the title looks ugly visitor won’t stay for long on a blog. It also increases the bounce rate. So for this purpose we customize the post titles with fonts and borders. Below explained trick is simple but it will surely reduce your bounce rate and visitors would enjoy reading headings.

You may like to read:

Replace Posting Time with Date in Blogger

Now, let me explain how to add border around your post titles. The steps are simple

· Click on template

· Then edit HTML

· And make sure to tick the Expand widget

after that find the below code in your template (use Ctrl+F to find the code)

]]></b:skin>

Just above it paste the following code:

h3
{
border:2px solid black;
padding: 6px;
border-radius:25px;
-moz-border-radius:25px;
}

Note: you can add border around your H2,H3 & H4 headings by the same method, all you have to do is to change h3 with h2 or h4.

You can change the border line color from Black to any color green, red or blue.

In post editor page the Heading has a value of H2, Subheading H3 and H4 is given to Minor Heading.so after this code implementation. Your subheadings will have border around it.

Hope this little trick adds colors to your blog.

Sharing is caring give this post a social media share !