Friday, November 3, 2017

5 Best Blogger Post Headings Customize H1 H2 H3

Hello blogger, Blogger headings h1 h2 h3  customize karke ek better look de skat hai. Blogspot me Wordpress jaise headings customize kar skate hai. Wordpress me headings ke liye bahut sari plugins hai. Aur blogger me css codings se blogger  post headings customize karna padta hai. So aaj me apke blog ke liye 5 best Blogger headings h1 h2 h3 lekar aaya hu. Jinse aap apne blogger post headings customize kar skate hai. Like Wordpress ke trah.

blogger post headings customize.


Blogger ke headings me h2 h3 h3  3 trah ki hoti hai. Jaise ke wordpress me h1 h2 h3 h4 headings use hoti hai.  blogger post headings customize karne ke liye  ye 3 headings hoti hai. Aur blogger hadings ko in name se jante hai.

1. H2 ko Headings
2. H3 ko Subheading 
3. H4 ko minor headings
    In Tino tag me se aap kisi bhi heading per blogger post headings customize kar skate hai. So agar aap apne blogger post headings  coustomize karke wordpress headings ke trah banana chate hai. To post carefully read kare.




      Why use headings On Blog post.

      Blog post me heading ka Main role hota hai. Blogger post likte samaye sabse pahle post headings ko hi select karte hai. Aur headings se reader ko post ko samjne me bahut assani ho jati hai. Becouse headings Post ka sabse bada part hota hai.




      Aur Blogger post  headings  customize karke post ka design aur format jitna unique rakenge  Reader unke post me unta hi jayda  interst lete hai. So blogger post headings customize karke post design better karna important hai. So aap in 5 best blogger headings h1 h2 h3 headline ko apne blogger post headings customize kar sakte hai.


      Blogger Post headings Customize kaise kare.

      Friend sabse  jan lete hai. Blogger headings h1 h2 h3 ko customize kaise karte hai. To blogger post headings customize karne ke liye niche diye gaye step ko  follow kare.

      Step 1:-
      1. Sabse pahle apne blogger dashboard me theme per click kare.
      2. ab Edit HTML Per click kare.
      3. Ab templete per kai bhi click karke Ctrl+f  dabaye.
      4. Ab serach box me ]]></b:skin>  type karke enter kar de.
      5.  ab headings ke code ko copy karke ]]></b:skin> ke piche paste kar de.
      how to add css code in blogger website


      Step 2:-
      • Finally Save Template per click kar de. 

      Top 5 best Blogger Headings h1 h2 h3 Design.

      In 5  blogger headings h1 h2 h3  ko customize kar skate hai.  bilkul wordpress heaing pulgin ke tarh.


      Headings Style 1.




      blogger post heading customize design 1




      Css Code:-


      .entry-content h2:before{
      content:"\f0a4";
      font-family:"FontAwesome";
      font-style:normal ;
      padding:9px 10px 9px 14px;
      display:inline-block;
      font-size:28px;
      margin:0 14px 0 0;
      background-color:#0e0f11
      }
      .entry-content h2{
      color:#ffffff;
      font-weight:400;
      padding:0 20px 0 0;
      background:#6c9be9;
      width:100%;margin-top:0;
      font-size:20px;
      line-height:1;
      font-style:none
      }
      Customization:-

      1. Change font size 20px.
      2. Change Background color #6c9be9
      3. Change icon content:"\f0a4";

      Hading Style 2:-


      blogger post heading customize design 2



      .entry-content h2 {
      margin-bottom: 20px;
      background-color: #4494CD;
      color: #FFF;
      padding: 0 10px 0 0;
      }
      .entry-content h2:before {
      padding: 24px 27px;
      display: inline-block;
      margin: 0 15px -7px 0;
      }
      .entry-content h2:before {
      content: "";
      background: #4A4A4A url("http://askmehindi.com/wp-content/uploads/2016/04/logo.png") no-repeat scroll center center;
      }

      Customization:-

      1. h2 ke jagah per aap h3, h4 use kare skate hai.
      2. Background color  change karke ke liye #4494CD ke jagah per dusra code add kare.
      3. Font Color change karke ke liye #ff ke jagah dusra code add kare.


      Headings Style 3:-


      blogger oost headings customize design 3
      Css code:-

      .post h2 {font-size:120%; font-weight:bold;
      padding-bottom: 5px; margin: 10px 0;
      background: #E3F0F2 url(https://2.bp.blogspot.com/-rYrj9bjhWEU/VDGo7uyJlkI/AAAAAAAAACY/ZxjX8wlLhFI/s1600/note.png) center no-repeat;
      border: 1px solid #6CC;
      background-position: 7px 50%;
      padding: 10px 10px 10px 50px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      }
      Customization:-
      1. Change border color #6cc;
      2. Change Icon png ke Aghe (https://2bp.........)
      3. Font Size Change 120% 


      Headings Style 3:-


      blogger heading customize design 4





      Css code:-
      Heading Code:-
      .entry-content h2 {
        background: #cc0000 url(http://icons.iconarchive.com/icons/iconmoon/designer/32/Drawing-icon.png) left no-repeat;
        color: #fff;
        font-size: 16px;
        padding: 10px 10px 10px 35px;
      }
      Customization:-

      1. Headings change karne ke liye h2 h3 h4 add kar skate hai.
      2. Png Change karne ke liye (http://icons.iconarchive.....)  ke jagah per.
      3. Change Font Size 16px; 


      Headings Style 5:-

      blogger heading customize design 5


      Css code:-
      post h3{
      text-align: center;font-weight:bold;border:solid 4px #0fc7ff;font-size:17px;
      -moz-border-radius-topleft: 55px;
      -moz-border-radius-topright:55px;
      -moz-border-radius-bottomleft:55px;
      -moz-border-radius-bottomright:55px;
      -webkit-border-top-left-radius:55px;
      -webkit-border-top-right-radius:55px;
      -webkit-border-bottom-left-radius:55px;
      -webkit-border-bottom-right-radius:55px;
      border-top-left-radius:55px;
      border-top-right-radius:55px;
      border-bottom-left-radius:55px;
      border-bottom-right-radius:55px;}

      Customization:-
      1. change tag on h3
      2. Change border color #ofc7ff
      3. change font size 17px

      In Top 5 best blogger headings h1 h2 h3 design ko apne blog me customize karke blog ke design ko best bana skate hai. Becouse reader ko past ko padne aur samajne me jitni jayda assni hogi reader us site ko utna hi jayda like karta hai.


      I hope apko blogger post headings customize  karna ache se samaj aha gaya hogaTo is post ko social media aur other blogger ke sath jarur share kare. Aur apko 5 best blogger post headings customize karke blog website me use karne me problem ho. To hame comment karke jarur bataye.


      Popular Posts:- 

      About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

      Let's Get Connected:- Facebook | Twitter | Google Plus

      10 comments:

      1. bahut hi badhiya jankari share ki hai sir ji aapne.isko mere blog me add karke dekhta hu

        ReplyDelete
        Replies
        1. Ji jarur kar sakte hai..Thanks for commenting on my blog

          Delete
      2. Sir yeahi trick me dhoond dhoond ke thak gya. Maine bahut saare wordpress blog par aisa h1 design dekha tha par mujhe lagaa ki shyd ye blogger blog par possible nhi hai par aapne to kamaal he kar diya! Really Thank You Sir

        ReplyDelete
      3. Sir maine ye code add kar diya hai par sirf H1 me he show kr rha hai pr mujhe h2 me bhi show karna hai kya karna hoga sir?

        ReplyDelete
        Replies
        1. Brother aap ek hi heading customize kar sakte hai. Ek code se..h1 h2 h3...anymore, ya h2 ke liye rake ya h1 ke liye...

          Delete
        2. sir maine wahi code dobara se h2 ke liye use kiya to abhi problem solve ho gya.. Thank you very much

          Delete
        3. Sir mujhe aur ek help chahiye ki aapne iss post me "Ye Bhi Padhe" waha par aapke posts ke links daale hai wo aapne kaise design kiya plz bataye

          Delete
        4. Brother Ye Is theme ke sath phale se set hai. Agar aap is trah ke Ul ya bullet list customize karna chahte hai. To aap is post ko read karen...5 Best ul Bullet list design.

          Delete
        5. Ok sir Mujhe aapki site bahut pasand aayi .. keep going this work

          Delete
        6. thanks bro keep spporting ... And keep visting more updates

          Delete