Blog Heading H2, H3, H4 Stylish Kaise Banaye

2
83 views

Kya ap jante hai Blogger post heading customize kaise kare. How to customize post h1 h2 h3 heading using css javascript. Is post me ham isi topic par baat karne wale hai.

Kya ap Blogger heading H2, H3, H4 ko customize karke stylish look dena chahte hai?
to Cs3 coding se aap blog website me kuch bhi customize kar sakte hain,

bus aapko CSS ka use kaise karte hai iski basic knowledge hona jaruri hai. lekin agar aapko css ke bare me pata nahi to is post ko follow kare.

 

blogger headings customize kare

 

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 larle Blogger headings ya headlines ka look attractive yah change karne me kar sakte hai. So jante hai blogger heading customize kaise kare.

Blogger Heading h1 h2 h3 stylish Kaise banaye.

Step 1 . Sabse pahle apne blogger Dashboard par jaye.

Step 2. Template » Customize par click kare.

Step 3. Are code paste Kar de

 

Blogger Headline Style 1.

.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

  1. Above code me h3 ki jagah aapko jo bhi heading ya head line customize karna hai wo add kare.
  2. Icon image ko change karne ke liye https://blogger/wp-content/uploads/2016/04/logo.png ki jagah kisi bhi image ki link ko add kare.
  3. Background change karne ke liye #4494CD ki jagah other color add kare.
  4. Font color change karne ke liye #fff ki jagah dusra color add kare.

 

Blogger Heading  style 2.

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

.entry-content h3 {
margin-bottom: 20px;
background-color: #4494CD;
color: #FFF;
padding: 0 10px 0 0;
}

.entry-content h3:before {
padding: 24px 27px;
display: inline-block;
margin: 0 15px -7px 0;
}

.entry-content h3:before {
content: “”;
background: #4A4A4A url(“https://blogger.com/wp-content/uploads/2016/04/logo.png”) no-repeat scroll center center;
}

Customization  :- 

  1. Above code me h3 ki jagah aapko jo bhi heading yeah headline customize karna hai wo add kare
  2. icon image ko change karne ke liye https://blogger/wp-content/uploads/2016/04/logo.png ki jagah kisi bhi image ki link ko add kare
  3. Background change karne ke liye #4494CD ki jagah other color add kare
  4. Font color change karne ke liye #fff ki jagah dusra color add kare

Enjoy it
Agar apko blogger heading  customize karne me kai problem aye to hamre comment box per apne sawal puch skate hai. Aur Hamare Article ko Social media per jarur share kare.

I hope aapko blogger heading h1 h2 h3 design customize kasie kare iske bare me aapko ye jankari achi lagi hogi.

Popular Posts:-

2 COMMENTS

  1. Wow very good information about heading CSS code really i m appreciate your help with me thank you so much dear sultan bhai keep up the good information

LEAVE A REPLY

Please enter your comment!
Please enter your name here