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.
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.
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.
Blogger Post headings Customize kaise kare.
- 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.
- 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.
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:-
.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(“https://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:-
.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;
}
- Change border color #6cc;
- Change Icon png ke Aghe (https://2bp………)
- Font Size Change 120%
Headings Style 3:-
Heading Code:-
.entry-content h2 {
background: #cc0000 url(https://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 (https://icons.iconarchive…..) ke jagah per.
- Change Font Size 16px;
Headings Style 5:-
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;}
- 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.
This comment has been removed by the author.
*– Body Content CSS –*/ Is code ke niche font family ko change kar do
Bahut achhi post
Nahi ho Raha he Vai Mera blog me
khon sa heading design install kar rahe hai.
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
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?
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…
sir maine wahi code dobara se h2 ke liye use kiya to abhi problem solve ho gya.. Thank you very much
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
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.
Ok sir Mujhe aapki site bahut pasand aayi .. keep going this work
thanks bro keep spporting … And keep visting more updates
bahut hi badhiya jankari share ki hai sir ji aapne.isko mere blog me add karke dekhta hu
Ji jarur kar sakte hai..Thanks for commenting on my blog