Headline design CSS codes for Blogger

In our previous posts we are discuss about Blogger new update information. In the post editor section the measure SEO update is updated. Then we are thinking if i have adding some CSS codes in the headline tags then its giving better look. Mainly we are seen some PHP site or ASP sites are designed or template in unique way then i know that in future blogger is improving because Google is doing to giving blogger platform to number one position. Mainly in blogger we are seen some codes like Footer section if you adding code manually you will not getting an arranging footer Design page element page. Also the blogger default template one good and important reason for choosing is faster loading than other templates. In this topic you will finding some headline CSS codes to design from your blogger posts.

Headline design CSS codes for blogger

First go design>Edit HTML

The search below code using Ctrl + F

]]></b:skin>

Now paste the below code just above it.

H2 Headline

.post h2 {
color:#ff0000;
border-top:3px dotted #ff0000;
border-bottom:3px dotted #ff0000;
padding:3px;
}

H3 Headline

.post h3 {
color:#ff0000;
border-top:2px dotted #ff0000;
border-bottom:2px dotted #ff0000;
padding:3px;
}

H4 Headline

.post h4 {
color:#ff0000;
border-top:1px dotted #ff0000;
border-bottom:1px dotted #ff0000;
padding:3px;
}

If you are interested to changing the colors with your choice then you can change the read color code with your color code.

You can test it in our HTML editor page to getting an live DEMO.