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

8 COMMENTS

  1. 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.

LEAVE A REPLY

Please enter your comment!
Please enter your name here