10 Ammazing CSS Heading/Subheading Styles for Blogger Posts

My Last post Was 10 Awesome tips for Choosing a Domain Name for your blog, And Now i am posting a new post named 10 amazing Css Style code to customize blogger post Heading and Subheading with new style. You can add the below css codes to your blog Template then you can make SEO Friendly Post Title and heading. these css code make your blog seo friendly.

we recommend you change the old style or Default Style of Heading and subheading. So put the css code any one which is given bellow and make your template or blog dashing and seo Friendly For your traffic and search engine. Some template use <h2> tags for blog post title and some template use <h3> tags. So keep in mind Before any make changes, if you change post tile then confirm by See Preview your <h2> and <h3> tags for heading and subheading.You can find easily in your template .post h2, .post h3, .post h4 etc are called Heading, subheading, minor heading etc.

Because if you want google Adsense for your blog and earn huge money by Adsense then we can say please customize your blog heading and subheading any one or both for making your blog dashing and seo friendly.So don’t wait customize your heading and subheading also, lets start and read carefully Following steps.

Follow The Below Steps:

1. Login your blogger account > go to template >click on Edit Html.
2. Press Ctrl + F And search ]]></b:skin>
3. Post any one Bellow css code above ]]></b:skin>
4. Change .post h3 or h2 or h4 etc and See the Preview, If you Satisfied with this changes then save your template.

Below we have shown the images and their CSS codes are written below them, Use the CSS code of the picture which you like.

Style – 1 :

/**Subheadng by http://bloggingpashion.blogspot.in**/
.post h3 {
background-attachment: scroll;
background-color: white;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2qsTELat_m1rxW7IPA8AcVfd90J5Y1EfoTWeaIQpyHLUhXc8gWXZ2g1mkXywAT19zMlQO_bZTWGYQwjOASTb_ZC2zwQmpqum53sObT2pzWT1wSEDDKp6UriXdRJCBZJjiOz0dLoFhdopn/s1600/h2.png");
background-position: 4px 50%;
background-repeat: no-repeat no-repeat;
border: 3px solid;
border-radius: 60px 60px 60px 60px;
box-shadow: 0 1px 3px, 1px 1px 0 inset;
color: #620404;
font-family: inherit;
font-size: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 1;
list-style: none outside none;
margin: 15px 3px;
outline: medium none;
padding: 3px 10px 3px 30px;
text-shadow: 0 1px 0;
text-transform: uppercase;
vertical-align: baseline;
}

Style - 2 :

/**Subheadng by http://bloggingpashion.blogspot.in**/
.post h3 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi-d1iIv0NgxcpMt9F4kAbEKID36-bia7_wtIuQ9arnepp282tAONtLg7aBB7P7IAg7M3IdntWc83mESqfGcZSuue_Oyy8WVUnd06H7QfVSvRxbazBSFNl9Ucqv9wj5Ryw_BwsSwA77Pc/s400/BS%252BPostTitle%252B1.png") no-repeat scroll 4px center transparent;
font-size: 20px;
font-family: "Trebuchet MS",sans-serif;
text-align: left;
font-weight: bold;
width: 500px;
padding: 3px 10px 3px 30px;
color: rgb(65, 146, 75);
border: 3px solid RGB(254, 132, 2);
text-shadow: 0px 1px 0px rgb(254, 132, 2);
border-radius: 60px 60px 60px 60px;
box-shadow: 0px 1px 3px rgb(198, 198, 198), 1px 1px 0px rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1;
}

Style - 3 :

/**Subheadng by http://bloggingpashion.blogspot.in**/
.post h3 {
background-attachment: scroll;
background-color: white;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPe1Damv7yzalwvglNKr2-pybVcmqtfiJO78z3cTRBQmdKCLMph8p-lO0ekEvlQt-Ai-VD4cHftw4ciWY8LlASCdh0WlyQhER1ndJmMNOdVOfb10HqlEU5WKHnwNK2F3ycHaqg2i03YNtE/s1600/h2.png");
background-position: 0 50%;
background-repeat: no-repeat no-repeat;
border: 3px solid #129793;
border-radius: 14px 14px 14px 14px;
box-shadow: 3px 3px 3px #ABABAB;
color: #25991C;
font-family:cursive,Lobster;
font-size: 22px;
font-weight: normal;
margin: 0 0 1em;
padding: 0 1px 4px 34px;
position: relative;
text-shadow: 1px 1px 0 #000000;
text-transform: capitalize;
}

Style - 4 :

/**Subheadng by http://bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 1px dotted #330462;
border-top: 1px dotted #330462;
color: #046204;
padding: 3px;}

Style - 5 :

/**Subheadng by http://bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 1px dotted #471d71;
border-top: 1px dotted #471d71;
color: #471d71;
padding: 3px;}

Style - 6 :

/**Subheadng by bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 2px solid #471d71;
border-top: 2px solid #471d71;
color: #471d71;
padding: 3px;}

Style - 7 :

/**Subheadng by bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 2px solid #6d82ea;
border-top: 2px solid #6d82ea;
color: #6d82ea;
padding: 3px;}

Style - 8 :

/**Subheadng by bloggingpashion.blogspot.in**/
.post h3 {
background-attachment: scroll;
background-color: white;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2qsTELat_m1rxW7IPA8AcVfd90J5Y1EfoTWeaIQpyHLUhXc8gWXZ2g1mkXywAT19zMlQO_bZTWGYQwjOASTb_ZC2zwQmpqum53sObT2pzWT1wSEDDKp6UriXdRJCBZJjiOz0dLoFhdopn/s1600/h2.png");
background-position: 4px 50%;
background-repeat: no-repeat no-repeat;
border: 1px dotted;
border-radius: 60px 60px 60px 60px;
box-shadow: 0 1px 3px, 1px 1px 0 inset;
color: #333333;
font-family: inherit;
font-size: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: 1;
list-style: none outside none;
margin: 15px 3px;
outline: medium none;
padding: 3px 10px 3px 30px;
text-shadow: 0 1px 0;
text-transform: uppercase;
vertical-align: baseline;
}

Style - 9 :

/**Subheadng by bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 1px dotted #000306;
border-top: 1px dotted #000306;
color: #000306;
padding: 3px;
}

Style - 10 :

/**Subheadng by bloggingpashion.blogspot.in**/
.post h3 {
border-bottom: 1px dotted #c4be0f;
border-top: 1px dotted #c4be0f;
color: #c7c108;
padding: 3px;
}

If you Need any help, feel free to contact us through the comment section below. We will be happy to assist you.

Related Posts