Post Heading Title Ko Stylish Design Kaise Kare ? 20 awesome design

Posted on

414 total views, 21 views today

Post Header Title Ko Stylish Design Kaise Kare ? Jab blog ko design karne ki baat aati hai to sabse pehle hum apne blog ke liye aisa theme select karte hai jisay customise karna bahut aasan hota hai, agar aap apne theme ko apne hisab se design kar sakte ho to aap jaisa chahte ho waise hi aapka blog najar aata hai. Blog ko design karne ke liye hum kya kuch nahi karte but kuch aise point par aakar hum atak jate hai jab hum samajh nahi pate ki kaise kya kiya jaye. Or jab apne blog post ke title ko design karne ki baat aati hai to hum confuse ho jate hai ki kaise heading title ko design kare.

Post Heading Title Ko Stylish Design Kaise Kare ?

Header title aapke blog post me important role play karte hai or or aap sabhi jante hi honge ki header title SEO ke liye kitna jaruri hota hai. Header title ko agar hum html code ke jariye samjhe to ye 6 type ke hote hai – h1, h2, h3, h4 , h5 or h6.

Aap blogging karte ho to aapko pata hi hoga ki jab hum koi blog post likhte hai to apne blog paragraph ke upar jo title use karte hai wo header title hi kehlata hai. Blog header title ko acche se janne ke liye aapko header title ko identify karna hoga. Chaliye sabse pehle aapko header title ke bare me batate hai..

HEADER title kya hota hai ?

blog me header ko stylish look kaise de design

Blogger – Blogger blog me jab aap koi new post likhte ho to aapko heading add karne ke 3 option milte hai.

  1. Header – h2
  2. Subheading – h3
  3. Minor heading – h4

WordPress – WordPress blog me aap jab koi post likhte ho to aapko apne blog post me 6 type ke heading add karne ke option milte hai.

  1. Heading 1 – h1
  2. Heading 2 – h2
  3. Heading 3 – h3
  4. Heading 4 – h4
  5. Heading 5 – h5
  6. Heading 6 – h6

blog me header ko stylish look kaise de design 2

Kisi bhi text ko heading title me convert karne ke liye hum us text ko select karte hai or jo heading hume dalna hai us heading ko select karte hai. Aap upar diye gaye image ko dekh kar easily samajh sakte ho ki aap apne blog post ke kisi bhi line ko heading me convert kar sakte ho. Blogger or WordPress dono me hi ye tarika same hi hai, but blogger me jaha aapko heading use karne ke 3 option milte hai wahi WordPress me aapko 6 option milte hai.

Lekin in sabhi me se sabse jyada use kiya jane wala Heading hai h2 , h3 or h4 kyonki in sabhi heading ke font size alag alag hote hai or agar aap apne blog post me h5 heading use karoge to aapka heading title bahut chota najar aayega jisay read karne me problem hogi.

To friends ab aapko puri tarah samajh gaye hoge ki blog post me heading use kaise kiya jata hai. Ab chaliye aapko batate hai ki aap apne blog post me stylish design wale heading kaise laga sakte ho.

Post Heading Title Ko Stylish Design Kaise Kare ?

Aapne hamare blog post me dekha hoga ki hum apne post me stylish heading design use karte hai jissay hamara article impressive ho jata hai. Chaliye sabse pehle hum aapko batate hai ki hum jo stylish heading use karte hai usay kaise kiya jata hai.

blog me header ko stylish look kaise de design my blog smart2blogging

Aap upar diye gaye image me dekh sakte ho jo ki ek header title design hai jisay hum apne blog me use karte hai. Aap bhi isi tarah ka heading design apne blog post me use kar sakte ho bas aapko iska design code apne blog me lagana hoga. Hum jo heading design apne blog par use karte hai uska style code hai-

h4::before { content: “👉”;background-color: #ffa500;color: white;padding: 6px;border-radius: 6px;border: 2px;solid #55acee;box-shadow: inset 1px 1px 8px 3px;margin-left: -2px;margin-right: 5px;text-shadow: 0px 0px;}
h4 {font-size: 24px;line-height: 1.11111;BACKGROUND-COLOR: #55acee;COLOR: white;padding: 2px;box-shadow: inset 1px 1px 15px 0px;text-shadow: 3px 3px 6px black;}

Aap upar diye gaye code me dekh sakte ho ki ye code h4 header ko design karne ke liye hai. Agar aap apne blog me ye code ko use karte ho to aapne apne blog me jitne bhi h4 heading title use kiya hai uska design upar diye gaye image ki tarah change ho jayega.

font-size: 24px agar aap h4 ke font size yani ki text size ko chota ya bada karna chahte to bas aapko 24 ko kam ya jyada karna hoga. Agar aap apne title text size ko bada karna chahte ho to bas aako 24 ki jagar 26 ya fir 28 likhna hoga.

To friends ab aap samajh gaye hoge ki hum apne blog par h4 heading ko stylish karne ke liye upar diye gaye code ko use karte hai. Chaliye aapko batate hai ki ye code ko apne blog par kaha lagana hota hai.

blog me header ko stylish look kaise de design my blog smart2blogging blogger blog

Blogger Blog – Agar aapne apne blog blogger me banaye hua hai to aapko Theme >> Customise >> Advance >> Add CSS me jana hoga or diye gaye code ko paste karne ke bad Apply to Blog par click karna hoga.

WordPress blog – Agar aapne apna blog WordPress me banaya hua hai to aapko Appearance >> Customise >> Additional CSS me jana hoga or diye gaye code ko paste karne ke bad Publish par click karna hoga.

Bas itna karne ke bad aapne jitne bhi blog post me h4 heading title use kiya hoga uska design change ho jayega or agar aap apne new post me h4 title use karte ho to uska bhi design change ho jayega. Aaiye jante hai ki blog post likhe ke doran apne post heading title ko kaise stylish look de.

Post Heading Title Ko Stylish Design Kaise Kare ?

Header code lagane ke bad aapko apne blog post me jana hai or us text ko select karnan hai jisay aap stylish look dena chahte ho, text select karne ke bad h4 heading select kare, kyonki jo aapne code apne blog par lagaya hua hai wo sirf h4 heading ko design karne ke liye hai, bas itna karte hi aapka h4 header title design ho jayega.

NOTE – Post likhne ke doran aapko aapke heading title ka design nahi najar aata lekin jab aap apne post ko publish karte ho ya preview karte ho to aapko aapke heading ka design najar aayega.

To friends ab aapko samajh hi gaye hoge ki apne blog post heading title ko kaise stylish look diya jata hai, aap jis heading title ko stylish look dena chahte usay apne code me likhye, humne code me h4 diya hai aap apne hisab se isay change kar sakte ho agar aap code me h4 ki jagah h3 likhoge to aapke blog post jitne bhi h3 header title honge uska design change ho jayega.

To friends chaliye aapko bhaut se stylish heading title ke design code ke bare me batate hai jisay aap apne blog me use karke apne heding title ko impressive or good looking bana sakte ho.

Heading Title STYLE – 1

smart2blogging blog post header title style 1

Style Code

h4 {font-size: 24px;line-height: 1.11111;BACKGROUND-COLOR: #3b85f2a1;COLOR: white;padding: 2px;padding-left: 5px;box-shadow: inset 3px -1px 20px 2px black;text-shadow: 3px 3px 6px black;border-left: 5px solid black;border-right: 5px solid black;}

Heading Title STYLE – 2

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-color: #aaf5f5;padding: 5px;border: 1px solid;box-shadow: -6px -4px;text-shadow: -2px -1px #ffffff;}

Heading Title STYLE – 3

Style Code

h4 {font-size: 24px;line-height: 1.11111;color: #126f0c;background-color: #aaf5f5;padding: 5px;border: 5px double #ec73448a;box-shadow: inset -10px 0px 17px 2px black;border-style: double;text-shadow: 2px 2px #ebef156b;border-top-left-radius: 20px;border-bottom-left-radius: 20px;padding-left: 10px;}

Heading Title STYLE – 4

smart2blogging blog post header title style 4

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg4.jpg);box-shadow: 1px 1px 15px 0px;text-shadow: 3px 3px 6px #1d1c1c;padding: 5px;color: #dde8e8;border: 2px black;border-style: outset;}
h4::before {content: “👉”;background-color: #8a857cc7;color: white;padding: 6px;border: 2px solid #101010;box-shadow: inset 1px 1px 8px 3px;margin-left: -2px;margin-right: 5px;text-shadow: 0px 0px;}

Heading Title STYLE – 5

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg4.jpg);box-shadow: 2px 3px 0px #a59898;text-shadow: 3px 2px 0px #312e2e;padding: 5px;color: #eeefe2;border: 3px black;border-style: double;border-radius: 20px;padding-left: 10px;}

Heading Title STYLE – 6

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg1.png);box-shadow: inset -1px 0px 6px 3px #a59898;text-shadow: 3px 2px 0px #bbb1ad96;padding: 5px;color: #4d4e3f;border: 3px black;border-style: double;border-radius: 20px;padding-left: 10px;}

Heading Title STYLE – 7

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg1.png);box-shadow: inset -1px 0px 7px 5px #cc80a394;text-shadow: 3px 2px 0px #e24a0d4a;padding: 5px;color: #6456d6;padding-left: 10px;border-left: 10px solid #d51b4c;border-right: 10px solid #d51b4c;border-radius: 9px;border-top: 1px solid #d51b4c;border-bottom: 1px solid #d51b4c;}

Heading Title STYLE – 8

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg2.png);box-shadow: -3px 3px 3px 1px #6f716b;text-shadow: -3px 1px 0px #b0bf9d;padding: 5px;color: #3f403c;padding-left: 10px;border-left: 10px solid #b5bcac;border-right: 10px solid #b5bcac;border-radius: 9px;border-top: 1px solid #b5bcac;border-bottom: 1px solid #b5bcac;}

Heading Title STYLE – 9

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg2.png);box-shadow: -3px 3px 3px 1px #6f716b;text-shadow: 2px 0px 0px #040404;padding: 5px;color: #53c5b0;padding-left: 10px;border-left: 10px solid #d24754;border-right: 10px solid #d24754;border-top: 3px double #747570;border-bottom: 2px solid #b5bcac;}

Heading Title STYLE – 10

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg3.png);box-shadow: 0px 0px 1px 1px #0a0a0a;text-shadow: -2px 2px 0px #0c0c0c;padding: 5px;color: #ffffff;padding-left: 10px;border-left: 10px solid #ffffff;border-right: 10px solid #ffffff;border-top: 3px double #ffffff;border-bottom: 3px double #ffffff;}

Heading Title STYLE – 11

smart2blogging blog post header title style 11

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg3.png);text-shadow: -2px 2px 0px #0c0c0c;padding: 3px;color: #ffffff;padding-left: 10px;border-left: 3px solid #ffffff;border-right: 3px solid #ffffff;border-top: 6px double #ffffff;border-bottom: 6px double #ffffff;border-radius: 20px;}

Heading Title STYLE – 12

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg8.jpg);text-shadow: -2px -1px 0px #ffffff;padding: 3px;color: #2c2c31;padding-left: 10px;border-left: 6px double #ffffff;border-right: 6px double #ffffff;border-top: 6px double #ffffff;border-bottom: 6px double #ffffff;}

Heading Title STYLE – 13

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg8.jpg);text-shadow: 2px -1px 0px #ffffff;padding: 3px;box-shadow: inset 0px 1px 16px 1px #5f6869;color: #2c2c31;padding-left: 10px;border-left: 6px double #79715e;border-right: 6px double #79715e;border-top: 6px double #79715e;border-bottom: 6px double #79715e;}

Heading Title STYLE – 14

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg7.jpg);text-shadow: 2px -1px 0px #091e0b;padding: 5px;color: #ffffff;padding-left: 10px;box-shadow: 5px 5px 3px 0px #001a00c4;}

Heading Title STYLE – 15

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg6.jpg);text-shadow: 2px -1px 0px #151414;padding: 5px;color: #d5ef47;padding-left: 10px;box-shadow: inset 1px -3px 0px 0px #fbb6b6;border-radius: 20px;}

Heading Title STYLE – 16

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg6.jpg);text-shadow: 2px -1px 0px #151414;padding: 5px;color: #ffffff;padding-left: 10px;border-left: 4px double white;border-bottom: 3px double white;border-right: 4px double white;border-radius: 20px;border-top: 2px solid white;}

Heading Title STYLE – 17

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg10.jpg);text-shadow: 2px -1px 0px #151414;padding: 5px;color: #ffffff;padding-left: 10px;border-left: 4px double white;border-bottom: 3px double white;border-right: 4px double white;border-radius: 20px;border-top: 4px double white;}

Heading Title STYLE – 18

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg10.jpg);text-shadow: 2px -1px 0px #151414;padding: 5px;color: #ffffff;padding-left: 10px;border-left: 4px double white;border-bottom: 3px double white;border-right: 4px double white;border-top: 4px double white;box-shadow: -2px -2px black;}

Heading Title STYLE – 19

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg12.jpg);COLOR: #e6e016;padding: 4px;text-shadow: 3px 3px 6px black;border: 2px solid #4d6080;border-left: 10px solid white;border-right: 10px solid white;}

Heading Title STYLE – 20

Style Code

h4 {font-size: 24px;line-height: 1.11111;background-image: url(https://www.smart2blogging.com/wp-content/uploads/2018/07/bg12.jpg);COLOR: #ffffff;padding: 4px;text-shadow: 3px 3px 6px black;border: 3px solid #4d6080;border-left: 15px solid #eae2e2;box-shadow: -12px 1px 10px 0px #778ab5;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

NOTE – Hume jo heading title design code apne blog par use karte hai or Style – 4 code blogger blog me thik se kaam nahi karti.. Aap ek bar apne blogger blog me in dono code ko check karke dekh sakte ho. Baki sabhi code WordPress or blogger blog me acche se kaam karte hai.

Code ko apne blog me use karne ke doran agar aapko koi porblem face karni pad rahai hai to aap hume comment ke jariye bate taki hum aapki problem solve kar sakte. TO friends aaj ka hamara article aapko kaisa hume jarur bataye. HAPPY BLOGGING

🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

2 thoughts on “Post Heading Title Ko Stylish Design Kaise Kare ? 20 awesome design

  1. Me bahut dino se apne blog header ko design karna chahte tha but mujhe koi tarika nahi pata tha, aapne mere sabhi tension dur kar diye.. Thanks brother

Leave a Reply

Your email address will not be published. Required fields are marked *