Monday, June 26, 2017

Blog Post Headline Stylish Kaise Banaye (2 Design)

Kya aap apne 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 hain iski basic knowledge hona jaruri hai. lekin agar aapko css ke bare me pata nhi to is post ko follow kare.

Heading coustomize kaise 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 aap Blogger headings ya headlines ka look attractive yah change karne me kar sakte hain aur apni post ko attractive bana sakte hain.



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


add css code of headline


Headline Style 1.

design number 1

.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

  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 http://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.

Heading  style 2.

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

.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("http://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 http://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:-

About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

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

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

    ReplyDelete
    Replies
    1. thank You So much shahadat khan for valuable comment on my site..keep vist

      Delete