HomeBlogger

Blogger Me Headings Customize Kaise Kare?

Like Tweet Pin it Share Share Email

blogger headings customize

Blogger Par Headings (H2, H3, H4) ko customize karke stylish look dena chahte hain?




CSS se aap kuch bhi customize kar sakte hain, bus aapko CSS ka use kaise karte hain iski knowledge hona jaruri hai.

Blogger platform par CSS style add karne ke liye Template » Customize » Advanced option me Add CSS ka option available hai.

Main yaha kuch CSS styles aapke sath share kar raha hu jinka use aap Blogger headings ka look change karne me kar sakte hain aur apni post ko attractive bana sakte hain.

Blogger Headings Ke Bare Me Little Info

Sabse pahle main aapko Blogger ki Headings ke bare me bata du, taki aapko koi confusion na ho.

WordPress aur Blogger dono me Headings ko alag-alag bataya gaya hai.




WordPress par H1, H2, H3 H4.. kuch is tarah se Headings aap dekh sakte hain.

Blogger me thoda alag name se H2, H3 and H4 ko show kiya gaya hai.

Blogger me kuch is tarah headings ko set kiya gaya hai.

headings blogger

  • H2 ko Headings
  • H3 ko Subheading
  • H4 ko minor headings 

To ab aapko khayal aa gaya hoga ki blogger par kis heading ko kya name diya gaya hai.

Ab Hume in headings ko CSS se customize karna hai. See How:-

Heading Style# 1

heading style




Sabse pahle apne blogger Dashboard par jaye aur Template » Customize par click kare.

Customize me Advanced option open kare aur ab Add CSS par click kare.

add css blogger

Add custom CSS me below css style add karke Apply to blog par click kar save kare.

Customization

  • CSS style code me aapko jo bhi headings customize karna hai wo h2, h3, h4 add ka sakte hain
  • icon chnage karne ke liye icons.iconarchive.com me se koi bhi icon 32 size ka add kare
  • Red background change karne ke liye #cc0000 ki jagah doosra css colour add kare.
  • Text color change karne ke liye #fff ki jagah doosra css color add kare
  • font size change karne ke liye 16px ki jagah other number add kare

Headings Style 2

heading style

Above jaise maine aapko CSS add karna bataya hai bus waise hi below style add karna hai.




Customization

  • Above code me h3 ki jagah aapko jo bhi heading customize karna hai wo add kare
  • icon image ko change karne ke liye http://askmehindi.com/wp-content/uploads/2016/04/logo.png ki jagah kisi bhi image ki link ko add kare
  • Background change karne ke liye #4494CD ki jagah other color add kare
  • Font color change karne ke liye #fff ki jagah dusra color add kare

Font Awesome Icon heading Style

Aap heading icon me font awesome icons bhi add kar sakte hain.

Iske liye sabse pahle aapko Font awesome icon apne Blogger me add karna hoga.

Read: Font Awesome icons blogger me kaise add kare?

Font Awesome icons add karne ke baad ab aap apne blogger me kahi bhi yah icons add kar sakte hain.

Headings me font awesome icons add karne ke liye sabse pahle below CSS style code blogger ke ADD CSS me add kare

CSS style add karne ke baad ab aap blogger post editor me HTML mode me below code add karke headings add kare.

<i class="fa fa-external-link" style="color:#fff;"></i>
  • Above code me aap external-link ki jagah doosra font awesome icon add kar sakte hain. Aapko bus icon ka name add karna hai.
  • icon ka colour change karne ke liye aap koi bhi css color add kar sakte hain

Read Also:




Comments (0)

Leave a Reply

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