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 जरुर करना।

Comments ( 72 )

  1. ho gaya sir thank…you so much..for this wonder full artical

    Reply
  2. Bhai aapne apni post me whatsapp share button kaise lagaya hai? Please help

    Reply
  3. Hello Sir,
    Mai Apne Blog Ki Theme Ko Ek External Android Application Me Edit Karta Hu, Mere Paas Laptop Nahi Hai, Isliye Mai Use Directly Edit Nahi Kar Paya. Sabse pehle maine use external app me sdit kiya, phir us file ko xml me save kiya, but jab use Uploade kar raha hu to usme error shoe ho raha hai….!!!! Please help.

    Reply
    • Theme ko blog par upload kake bad me jo edit karna hai kar sakte ho.

      Reply
  4. Hi sir
    mujhe author box hide karna hai layout me jakar karta hu to ho jata hai lekin recent post widget hai usme post title ke niche show karta hai kya karna honga

    Reply
    • blog theme se author box ki coding remove kar do nahi hoga.

      Reply
  5. Sir me wordpress par hu par aur schema theme use kar rha hu jisme autor box bhi hai. Par me us author box me image add nhi kar pa raha hu sir kaise karu . Suggest kare.

    Aur aapne kaise author box me image add ki hai.

    Reply
    • Aap apni wp mail id se gravatar par profile banao aur profile picture upload karo image show hone lag jayegi.

      Reply
  6. A/W bhai mera v ek website hai par post search mai nahi a tee tho da help kardo meta ki kya karu mai.

    Reply
    • First aap blog me kuch post likho aur blog ko search console me submit karo uske bad apni posts ko share karo index ho jayegi.

      Reply
  7. A/s.. Mai apka baht bada fan hu, mujhe ap se kuch help chahiye tha,
    Mai Sora ka free template use kr rha hu, usme author details me mera google+ name aur pic to aata hai bt description me Sora ke bare me aarha h, use kaise edit karu?
    aur plz ek bar mera site dekhkar batayen k usme kya kya kami hai aur abhi kya mai adsense keliye apply kr sakta hu

    Reply
    • W/a thanks and welcome bro.
      Aap blogger dashboard theme edit html option par jao or description ka koi word search kar us description ki jagah apne bare me likho. Aap logo big size ka use kar rahe ho use small karo.

      Reply
  8. Thanks bro mera to ho gya but mera yaha se nhi maine sidebar me html widget add karke kiya h

    Reply
  9. hello sir,
    thanks a lot sir, maine lastly successfully auther box laga hi liya, bar bar error aa raha tha, par lastly ho hi gya.
    sir, mera ye sawal hai ki ap auther box me fb ka ya tweeter ka link bhi lagae ho, use kaise kiya ja sakta hai?
    again thank u sir.

    Reply
  10. thank you bhai apki post se maine apne blog par author profile add kar li
    apne bahut hi achhi tarah se samjhaya hai…

    Reply
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. Sir image ka link kaise banaye

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

      Reply
  18. 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
  19. 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
  20. 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
  21. Asslam o Alaykum, Jumedin Bhai,

    Miane aapke steps ke anusar blogs par ye codes add kiye. or author profile bhi s\how ho rha hai but Author detail Author picture ke right side me aane ki bjaay niche aa rahi hai. check >> hindihealthbox.blogspot.in/2016/08/top-10-constipation-home-remedies-in-hindi.html

    muje wo detail right side me rakhni ho to kya karna hoga ?

    Reply
    • W/A
      maine check kiya hai iske liye aapko author p ke css code me font-style: inline code add karna hoga.

      Reply
  22. hello mujhe ye janana hai ki ye URL kya hai apni website ko Google me jodne ke liye URL bol rha hai aur mai apni blog par kuchh bhi post karta hu to error 404 btata hai ise kaise thik kare

    Reply
    • Hum jab kisi site ko open karte hai to upar url box me jo link hota hai wo us site ka ul hota hai jaise mer isite ka ulr hai https://www.supportmeindia.com

      Reply
    • Blogger url me se hum date remove nahi kar sakte.

      Reply
  23. namskar sir,
    aapke bataye step ke anushar (abot us ki jagah apni dtails likhe.) yah opction bhi nahi mila sir kaha apni dtails likhe.
    next sabaal hai hamara sir mai ek esa blog banana chahata hu jispar (letest job, result, answer key, cutt off etc. ke bare me blog banana chahta hu . sir step by step jankari deve.
    thanking you.

    Reply
    • namskar sir,
      aapke bataye step ke anushar mane Blogger Ki Har Post Me Author Box Kaise Add Kare? kiya likin ye mesege dikhata hai.(Error parsing XML, line 1530, column 128: The value of attribute “src” associated with an element type “img” must not contain the ‘<' character. Hide notification) kya kiya jaye sir.
      thanking you.

      Reply
      • aap post me btaya hua jo code blog template me add kar rahe ho. use sahi se add karo. ‘>’ check karo kahi par duable ho raha hai.

        Reply
      • namskar sir,
        aapke bataye step ke anushar mane Blogger Ki Har Post Me Author Box Kaise Add Kare save karte hai tab ye messege aa raha hai (Error parsing XML, line 1417, column 2: The value of attribute “src” associated with an element type “img” must not contain the ‘<' character.)
        aur template box me ( ) jo sabad hai vo select dikha rkha hai aur esme / ke baad curser hai ye just scr ke samne apni foto ka link diya thaa. uske niche wali line hai.
        thanking you.

        Reply
        • Ramesh aap code ko template me sahi add nahi kar pa rahe ho. isliye error aa raha hai. iske liye aapko blogger ki coding ki jankari honi jaruri hai. error me bta raha hai ki “>” me problem hai to use solve karo.

          Reply
  24. sir mera blog Check kar Ke Dekhiye Author Profile Samne aa raha Hai pl Help sir

    Reply
    • blog dashboard>>settings>>Reading par jao or Front page displays me Your latest posts ke samne tick karke setting save kar do. post show hone lag jayegi.

      Reply
      • sir esa koi option hi nhi hai hamare blog me mera samsya blog open kar ke dekh lijiye ek baarpl sir

        Reply
        • Aap WordPress user ho, right. WordPress me yahi option hai ache se check karo.

          Reply
  25. vo bi nahi aara .. plz help kar do

    Reply
    • Mai jitni help post me kar chuka hu. usse jyada nahi kar sakta. aap hoda dimag lagao to kar sakte ho.

      Reply
  26. mere usme ]]< skin nahi h ni hora plz help

    Reply
    • ]]< skin nahi hai to sirf skin code search karo.

      Reply
  27. Tank You But me ke niche code paste kar raha hu par working nhi ho raha yaar

    Reply
  28. aap ka template link do me dowload kar lugga

    Reply
    • google me mythemeshop ribbon likh kar search karo.

      Reply
  29. muje aap ke site ka tempalet backup chaiy

    Reply
    • meri site ka template aap mythemeshop se download kar sakte ho.

      Reply
  30. Aap jo template use kar rahe ho wo template mujhe contact us page par send karo, mai aapko author box hata kar deta hu.

    Reply
  31. Sir pleas help me
    Muje athor profile ko rimov karana he
    Meri site me uski jarurat nahi he
    Or laylot me se post addit karaka hu or click mark nikal deta hu fir bhi dami tex vala oppston aata he sir muje pagal kar diya he athor profile ne se ak baar nikak jaye to aap ka bahut bahut sukariya

    Reply
  32. ke niche code paste karna hai.

    Reply
  33. second result k upar ya fir side me code ko add karna hai ??

    Reply
  34. aap se nahi hoga, mai aapko author box set karke dunga, so no tention

    Reply
  35. sab kuch ahi se set kar diya layout me v author box ko enable kar diya.phir v post ke niche author box nahi show ho rha hai.

    Reply
  36. agar ]]> code nahi hai to sirf skin likh kar search karo or second result ke upar code paste karo

    Reply
  37. code bilkul sahi hai, aap blogger ke dashboard>>layout me ja kar posts widget par ja kar author box enable kare.

    Reply
  38. aap ke code me kahi koi problem hai save nahi ho rha hai error show ho rha hai.

    Reply
  39. mere template me ]]> option hai he nahi.jankaaarinetki.blogspot.com
    aap dekhe isme author box add ho skta hai ya nahi.

    Reply

Leave a Comment

I need help with ...