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
Vikas Sahu
b:skin esha search karo me post me update kar deta hu
Anonymous
Html me kya search krna hai jo uske nich paste kr skte sku
ANNo
bhai copy to karne do code ko click krne pr DMCA protected likha aa rha he
Vikas Sahu
Bhai Me Isko Set Karta Hu Aap IntzaAr Karo
Vikas Sahu
Bhai Me Isko Set Karta Hu Aap IntzaAr Karo
Virendar Singh
Thank you brother share karne ke liye, main isi ko hi khoj rha tha pichle kuch dino se aapne bahut acha kaam kiya hamare sath share karke, going to apply sub-headings on my blog 😉
Keep up the good work.
Arun gawande
Wow nice and useful article thanks for sharing
Sonjoy Lama
bahut hi badhiya jankari Share ki hai sir ji aapne.isko mere blog me add karke dekhta hu
Vikas Sahu
thanks bhai