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.

  • H2 ko Headings
  •  H3 ko Subheading 
  • 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:-
  • Sabse pahle apne blogger dashboard me theme per click kare.
  • ab Edit HTML Per click kare.
  • Ab templete per kai bhi click karke Ctrl+f  dabaye.
  • Ab serach box me ]]></b:skin>  type karke enter kar de.
  •  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:-

  • Change font size 20px.
  • Change Background color #6c9be9
  • 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:-

  • h2 ke jagah per aap h3, h4 use kare skate hai.
  • Background color  change karke ke liye #4494CD ke jagah per dusra code add kare.
  • 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:-
  • Change border color #6cc;
  • Change Icon png ke Aghe (https://2bp.........)
  • 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:-

  • Headings change karne ke liye h2 h3 h4 add kar skate hai.
  • Png Change karne ke liye (http://icons.iconarchive.....)  ke jagah per.
  • 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:-
  • change tag on h3
  • Change border color #ofc7ff
  • 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.


Yeh Bhi pade:-

Share This Post On Soical Media:-
About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

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

Related Posts

0 comments: