10 Stylish Sub-Headings Design For Website

Hey!! Kya Aap Aapne Blogger Blog Ko Customized Karke Stylish Or Professional Look Dena Chahte Hai Ager "Yes" To Aap Is Article Ko Pura Padhe Kyuki Yaha Par Me Aapko Blog Ko Cool Look Dena Batauga Or Mene Pichle Articles Me Bhi Blogger Tricks Share Kiye Hai Jisse Visitors Ne Bahut Pasand Kiya Hai Or Mujhe Umeed Hai Mera Yeh Article Bhi Acha Lagega To Dayan Se Padhe....

Stylish Subheadings For Blogger

Jab Koi Visitor Aapki Blog Par Aata Hai To Stylish Headings Se Attracted Hokar Wo Aapke Blog Par Jayada Time Spand Karega Jisse Aapki Bounce Rate Kam Ho Jayegi Or Aap Aapne Blogger Template Ke Css Ko Customized Karke Professional Look De Sakte Hai Or Aap H2, H3, H4 Ko Aapne Manpasand Design Se Change Kar Sakte Hai

Me Aapko Bata Du Ki Blogger Me 3 Type Ki Headings Hoti Jinhe Aap Aapne Style Se Edit Kar Sakte Hai

• H2 ko Headings
• H3 ko Subheading
• H4 ko minor headings 

How To Add Stylish Subheadings In Blogger Blog

Step-1 Sabse Pahle Aapne Blog Account Ko Login Kare Or Uske Bad Dashboard  Me Jaye

Step-2 Ab Template  Option Par Click Kare 

Step-3 Ab Edit HTML  Par Click Kare

Step-4 Ab Aapko Yaha Par 

 Ko Search Karna Hai Search Karne Ke Liye Uske Liye Aapne Keyboard Me Ctrl+F  Button Ko Dabao Jisse Ek Popup Open Hoga Usme Type Kar Aapko Mil Jayega Mil Jane Ke Bad Ki Line Me Aapko Stylish Subheadings Ka CSS Code Paste Karna Hai 

Top 10 Stylish Sub Headings Designs For Blogger

Mene Bahut Research Karne Ke Bad In CSS Stylish Headings Ko Aapke Liye Teyar Kiya Hai In Css Code Me Se Aap Aapni Pasnd Ki Heading Ko Aapne Blogger Template Me Customized Kar Sakte Hai Jo Maine Uper Bataya Hai

STYLE-1

.post h3{margin-top:10px;    max-width:95%;    padding:6px 2px;color: #000000;    padding-left:10px;    margin-bottom:10px;    font-size:20px;    font-family:'Oswald',sans-serif;    background-color:#F8FAFD;    text-decoration:none;    border-left:10px solid #05A8FC;    box-shadow:1px 1px 2px gainsboro;transition: border-left .777s;-webkit-transition: border-left .777s;-moz-transition: border-left .777s;-o-transition: border-left .777s;-ms-transition: border-left .777s;}.post h3:hover {  border-left:10px solid #FC2B2C;}

******* 

STYLE-2

.post h3 {color:#222222;border-left:10px solid #222222;border-right:10px solid #222222;padding:3px 5px 3px  20px;border-radius:15px;-moz-border-radius:15px;box-shadow:0px 0px 13px #222222;-webkit-box-shadow:0px 0px 13px #222222;-moz-box-shadow:0px 0px 13px #222222;}.post h3:hover {color:#219DFC;border-left:10px solid #219DFC;border-right:10px solid #219DFC;box-shadow:0px 0px 13px #219DFC;-webkit-box-shadow:0px 0px 13px #32A4FC;-moz-box-shadow:0px 0px 13px #32A4FC;}

STYLE-3

.post h3{background: #F9F9F9;font-family:'Oswald',sans-serif;font-size: 120%;padding: 6px 12px;color: #333;text-shadow: 1px 1px 1px #AAA;border-bottom: 4px solid #03DA03;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;-webkit-box-shadow: 1px 1px 2px #AAA;-moz-box-shadow: 1px 1px 2px #AAA;box-shadow: 1px 1px 2px #AAA;margin: 6px 3px;text-transform: capitalize;width: 95%;line-height:1.0em;}.post h3:hover {border-bottom: 4px solid #003F80;}

STYLE-4

.post h3 {border-bottom-right-radius: 15px;border-top-left-radius: 15px;border: 3px solid rgb(251, 10, 38);padding: 0px 1px 4px 14px;box-shadow: rgb(251, 10, 38) 3px 3px3px;color: rgb(251, 10, 38);font-family:'Oswald',sans-serif;font-size:120%;font-weight:400;margin: 0px 0px 1em;text-transform: uppercase;text-shadow: rgb(0, 0, 0) 1px 1px 0px;}

STYLE-5

.post h3 {border:3px dashed #000000;border-bottom:5px solid #000000;padding: 0px 1px 4px 14px;box-shadow: rgb(251, 10, 38) 3px 3px 3px;color: rgb(251, 10, 38);font-family:'Oswald',sans-serif;font-size:120%;font-weight:400;margin: 0px 0px 1em;text-transform: uppercase;text-shadow: rgb(0, 0, 0) 1px 1px 0px;}

STYLE-6

.post h3 {background:#333;margin:5px 4px 5px 0;padding:9px 0 9px 10px;border:0;color:white;font-size:120%;line-height:16px;font-family:'Oswald',sans-serif;text-decoration:none;text-transform:uppercase;box-shadow:4px 4px 0px rgba(33,33,33,0.45);}

 STYLE-7

.post h3 {padding:5px;border:5px outset #000000;color:#000000;font:140% 'Oswald',Sans-Serif;}

STYLE-8

.post h3 {padding:5px;border:5px dashed #000000;color:#000000;font:140% 'Oswald',Sans-Serif;}

STYLE-9

.post h3 {

padding:5px;

border:5px dotted rgb(251, 10, 38);

color:#000000;

font:140% 'Oswald',Sans-Serif;

}

  

STYLE-10

.post h3 {padding:5px;border: 1px solid #cccccc;-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);box-shadow: 0 0 20px rgba(0, 0, 0, .2);color:#333333;font:140% 'Oswald',Sans-Serif;text-transform: uppercase;}

Step-5 Ab "Save Template" Button Par Click Kare Or Aapna Template Save Kar De

Ab Aapka Subheading Customized Ho Chuka Hai

How To Use Stylish Subheadings In Blogger Post

Step-1 Jis Line Ko Aapne Heading Bnana Hai Ushe "Selected" Kare 

Stylish Subheadings For Blogger

Step-2 Ab Uper Toolbar Me "Normal" Likha Hoga Uspar Click Kare Or "SubHeading" Select Kare 

Step-3 Ab Aapke SubHeading Ka Stylish Changw Ho Jayega

To Dosto Kaisa Laga Aapko Yeh Article Ager Aapko Koi Bhi Problem Aaye Aap Comment Jarur Kare