Wednesday, October 25, 2017

Blogger Author Box ko Sabhi Post Me Kaise add Kare

Blogspot me blogger author box ko enable karke sabhi post me add kar skate hai. Lekin iska jaydatar Blogger ko pata nhi hota hai. kyoki blogspot me about Author box ko add karne ke liye thodi process hoti hai. Jo aaj me apko is post me batane wala hu. About Author ko add karne se vistor post writter ke bare me jan jata hai. Aur sath hi unhe ye pata rheta hai. Ki wo kis website pe active hai.

how to enable blogger author box post below

Lekin bahut sare blogger ke post me blogger author box add nhi hota hai. Her professional blogger ke post ke niche About Author box  add hota hai. taki vistor apke bare me aur apke website ke bare me jan sake. Isliye blogger author box ko enable karana chaiye. So agar aap bhi apne blog me About Author ko add karna cahte hai. To Niche diye gaye sabhi steps ko follow kariye.

Blogger author box Ko post ke niche kaise add kare.

Blog post me About Author box ko add karna bahut simple hai. blogger author box ko add karne ke liye niche diye gaye sabhi step ko follow kare.

Step 1.
  1. Sabse Phale Apne blogger account me login kare.
  2. Ab blogger ke dashboard ke layout per click kare.
  3. Ab Main blog posts widget per edit per click kare.
  4. Ab New window open hogi.
add author box blog post below

Step 2.
  1. Ab new Window me Show About Author Profile per tick kar de.
  2. Ab Save button per click kar de.
select show author profile below post

Step 3.
  1. Ab Dubara blog ke dashboard per chale jaye..
  2. Ab template >> Edit HTML per click kare.
  3. AB template per kai per bi click karke CTRL+F press kare.
  4. Aur serach box me ]]></b:skin> search kare.
  5. ]]></b:skin> ke uper diye gaye code ko paste kar de.

/* css about Author Box start by */
.authorContent{overflow:hidden;background:#f1f1f1;padding:0;margin:1px;margin-bottom:0;border-top:2px solid #e9e9e9;}
.authorLeft .authorAvatar{overflow:hidden;}
.authorLeft .authorAvatar img{background:#f1f1f1;display:inline-block;}
.authorDetails{overflow:hidden;margin:14px 0 0 0;}
.authorDetails h2{font-size:12px;color:#222;font-weight:400;text-transform:uppercase;}
.authorDetails h2 a{color:#4db2ec;background:#f1f1f1;padding:4px 8px;display:inline-block;font-size:15px;margin-left:5px;border:double #f1f1f1;}
.authorDetails h2 a:hover{color:#71c5f6;background:#f1f1f1;}
.authorDetails span{display:block;padding-top:3px}
.articleAuthor .authorContent p{color:#222;line-height:20px;margin:0 10px;font-size:15px;}
/* css Author Box start by */
Background change karne ke liye color #f1f1f1 ki jagah per color codee add kare.
Step 4.
  1. Ab Search Box Me <data:post.body/> ko search kare.
  2. <data:post.body/> ke niche ye code paste kare.

<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='' width='120'/>
<div class='authorDetails'>
About Author<a href='' rel='author' title='Admin'>your name</a></h2>
about you

  1. src ke just me apne image ka link add kare.
  2. ke jagah per apne blog ka link add kare.
  3. About us jagah per apne bio ya apne details likhe.
  4. Code Set karne ke bad Save Templete Per click kare.

Blogger author box setup tips:-

  1. Agar aap blog post aur about author box ke bich me thoda distance rakne chata hai. to code ke niche
    enter kare.
  2. Image link ka pata karne ke liye blogger per new post me photo upload karke campose html me Html per click karke link ko copy kare.
  3. Aur blogger me code 3 jagah per hota hai. Agar 1,2, me work na kare. To 3rd code ke niche code ko paste kare.

Finally Aapko apne blog me blogger author box add karna aha gaya hoga. Agar about author box ko add karne me khoi problem ho to hame comment karke puch skate hai.

Asha karta aapko blogger author box ko her post me kasie add karte hai. Post passand ayhi hai. to post ko apne friend aut other blogger ke sath share jarur kare.
Read Most.

Share This Post On Soical Media:-
About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

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

Related Posts