Blogger Ki Har Post Me Author Box Enable Kaise Kare?

अगर आप blogging करते है और अपने blog पर better article share करते है तो आपको अपने blog की हर post में अपना name photo और अपनी details add करनी चाहिए जिससे visitors आपको पहचाने और ये जान सके की इस blog का author कौन है। आज इस post में मैं आपको इसी के बार में बताने वाला हूँ की blog की हर post में author box कैसे add करते हैं।

How to enable author blox in blogger

अगर आप चाहते है की आपके visitors आपको पहचान सके और उन्हें पता रहे है की वो किस की website या blog पर activate है इससे आपका name भी होगा और लोगो को आपकी website को याद रखने में भी आसानी होगी। Blog की traffic बढ़ाने में भी help मिलेगी और भी बहुत से फायदे है blog में author box enable करने के so आइये जानते है।

Blogger की सभी Post में Author Box कैसे Add करें?

Step 1

सबसे पहले अपने blog के dashboard >> Layout पर जाइए।

  1. blogger layout post page1. layout select कर लीजिए।
  2. Blog posts widget पर Edit पर click कीजिए।
  3. अब एक new popup window open होगी उसमे आपको show author profile पर टिक करनी हैं।

Step 2:

अब एक new page open होगा उसमे show author profile के सामने टिक कर दीजिए।

  1. Save पर click कर save template पर click कर दीजिए।

select show athor box below post

Step 3:

  1. अब अपने blog के dashboard में चले जाइए।
  2. Template >> EDIT HTML पर click करें।
  3. अब code box में कही पर भी click कर और Ctrl+F button दबाकर ]]></b:skin> search कीजिए।
  4. ]]></b:skin>  की जगह ये code paste कर दीजिए।
/* css Author Box start by https://www.supportmeindia.com */
.articleAuthor{overflow:hidden;margin-bottom:10px}
.authorContent{overflow:hidden;background:#f1f1f1;padding:0;margin:1px;margin-bottom:0;border-top:2px solid #e9e9e9;}
.authorLeft{overflow:hidden;float:left;margin-right:10px;}
.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 https://www.supportmeindia.com */

Background:#f1f1f1 की जगह आप अपनी पसंद का color change कर सकते हों।

Step 4

    1. अब ये code <data:post.body/> search करें।
    2. <data:post.body/> के नीचें ये code paste करें।
<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='https://3.bp.blogspot.com/-N2mOOAsAbMI/Vdxr_5yH76I/AAAAAAAABbU/eMdnoOf6DrU/s1600/jume%2Bdeen%2Bkhan.png' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>
About Author<a href='https://https://www.supportmeindia.com' rel='author' title='Admin'>your name</a></h2>
</div>
about you
</div>
</div>
  1. src के सामने वाले link की जगह अपनी photo के link paste करो।
  2. supportmeindia.com की जगह अपनी website का URL डाल दीजिए।
  3.  about us की जगह पर अपनी details लिख दीजिए ।
  4. Code set करने के बाद Save Template पर click करें।

अपने Photo का Link पता कैसे करें?

  1. New post लिखने के option पर जाओ और post में अपना photo upload करो।
  2. अब Compose/HTML option में से HTML पर click करें।
  3. अब coding में 2 तरह के link होंगे href और src आपको src के सामने वाला link use करना हैं।

Note:-  <data:post.body/>  code blog की template में कई जगह पर होता है अगर trick काम ना करे तो <data:post.body/> के नीचें code paste कर के check करें।

अब एक बार अपने blog की किसी post को open कर के result check करें आपको कही पर कोई problem होती है तो comment में अपनी problem पूछ सकते हों।

I hope आपको ये post अच्छी लगी होगी अगर हाँ तो इस post को social media पर share जरुर करना।

Avatar for Jumedeen Khan

by: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

Comments ( 72 )

  1. hello sir maine apne blog me naya template add kiya hai tamplate-edithtml me code search nahi ho raha hai. maine tamplate ko notpas++ me copy karke bhi serch kiya but search nahi hua. plz muze bataye author ki jankari mai kaise post karu.

    Reply
    • Aapki template crack hai koi or use karo.

      Reply
  2. Sir G
    main jub koi blogger k aesi post fb par share karta hu jis me koi photo na ho to fb par automatic hi koi na koi aur pic show hojati hy
    kiya karu

    Reply
    • Aapke blog ki template me featured image code add hai jisse post me image na hone par automatically featured image set ho jati hai.

      Reply
  3. Sir maine uska name hatakar apna name add kar ke save kar diya lekin phir bhi uska name nahi hata hai aisa kyu ho raha hai

    Reply
    • Page refresh karo.

      Reply
  4. Sir Maine 1 template kisi se liya hai. usme author name ki jagah uska name add hai. usko hatakar apna name kaise add karte hai. Mujhe coding nahi aati hai,isliye aap mujhe step by step bataye plz……

    Reply
    • Bahut simple hai blog ki template>> edit html section me jao or uska name search karke apna name likh kar tempalte save karo.

      Reply
  5. hello sir, yah trics maine apne blogg me use ki hai aur succesfully done hui hai, apka bahut dhanyawad.sir muze abhi ek problem hai. mere blogg me post ke niche ek box ata hai jisme yah likha hai”This is a short description in the author block about the author. You edit it by entering text in the “Biographical Info” field in the user admin panel.” isko muze remove karna hai Please help.

    Reply
    • Aap blog ki template >> edit html me jao or ye code search karke remove kar do.

      Reply
  6. Sir dusra code copy nahi ho raha hai. Sirf pahla code hi copy ho raha hai.

    Reply
    • Ab karo dusra bhi copy ho jayega.

      Reply
  7. Sir image ka link kaise banaye

    Reply
    • image upload karte time uske edit option me jao or link enable karo.

      Reply
  8. hi sir kya aap bata sakte hai ye website ki theme kaha se download karo apni website ke liye joki WordPress me bani hui hai

    Reply
    • mstudiopress.com se

      Reply
  9. Sir,
    WordPress me post tile ke niche author name, category name, date kaise aati hai jaise aapki website me hai. Yah WordPress Setting kaha hoti hai.
    bestforall.org
    Please suggest

    Thanks.

    Reply
    • ye sab features theme me hote hai. Aap bhi koi isi tarah ki template use karo.

      Reply
  10. Bhai Code Work hi nhi krra hai na hi error aarhi hai or na hi Box show ho ra hai

    Reply
    • Code ko sahi se or sahi jagah par paste karo. Some templates me code work nahi karta.

      Reply

Leave a Comment