अगर आप blogging करते है और अपने blog पर better article share करते है तो आपको अपने blog की हर post में अपना name photo और अपनी details add करनी चाहिए जिससे visitors आपको पहचाने और ये जान सके की इस blog का author कौन है। आज इस post में मैं आपको इसी के बार में बताने वाला हूँ की blog की हर post में author box कैसे add करते हैं।
अगर आप चाहते है की आपके 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. layout select कर लीजिए।- Blog posts widget पर Edit पर click कीजिए।
- अब एक new popup window open होगी उसमे आपको show author profile पर टिक करनी हैं।
Step 2:
अब एक new page open होगा उसमे show author profile के सामने टिक कर दीजिए।
- Save पर click कर save template पर click कर दीजिए।
Step 3:
- अब अपने blog के dashboard में चले जाइए।
- Template >> EDIT HTML पर click करें।
- अब code box में कही पर भी click कर और Ctrl+F button दबाकर ]]></b:skin> search कीजिए।
- ]]></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
-
- अब ये code <data:post.body/> search करें।
- <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>
- src के सामने वाले link की जगह अपनी photo के link paste करो।
- supportmeindia.com की जगह अपनी website का URL डाल दीजिए।
- about us की जगह पर अपनी details लिख दीजिए ।
- Code set करने के बाद Save Template पर click करें।
अपने Photo का Link पता कैसे करें?
- New post लिखने के option पर जाओ और post में अपना photo upload करो।
- अब Compose/HTML option में से HTML पर click करें।
- अब 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 जरुर करना।
ho gaya sir thank…you so much..for this wonder full artical
Bhai aapne apni post me whatsapp share button kaise lagaya hai? Please help
इसकी जानकारी यहां है, सबसे बेस्ट सोशल मीडिया शेयर बटन
Dhanyvad sir
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.
Theme ko blog par upload kake bad me jo edit karna hai kar sakte ho.
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
blog theme se author box ki coding remove kar do nahi hoga.
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.
Aap apni wp mail id se gravatar par profile banao aur profile picture upload karo image show hone lag jayegi.
A/W bhai mera v ek website hai par post search mai nahi a tee tho da help kardo meta ki kya karu mai.
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.
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
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.
Thanks bro mera to ho gya but mera yaha se nhi maine sidebar me html widget add karke kiya h
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.
thank you bhai apki post se maine apne blog par author profile add kar li
apne bahut hi achhi tarah se samjhaya hai…
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.
Aapki template crack hai koi or use karo.
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
Aapke blog ki template me featured image code add hai jisse post me image na hone par automatically featured image set ho jati hai.
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
Page refresh karo.
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……
Bahut simple hai blog ki template>> edit html section me jao or uska name search karke apna name likh kar tempalte save karo.
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.
Aap blog ki template >> edit html me jao or ye code search karke remove kar do.
Sir dusra code copy nahi ho raha hai. Sirf pahla code hi copy ho raha hai.
Ab karo dusra bhi copy ho jayega.
Sir image ka link kaise banaye
image upload karte time uske edit option me jao or link enable karo.
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
mstudiopress.com se
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.
ye sab features theme me hote hai. Aap bhi koi isi tarah ki template use karo.
Bhai Code Work hi nhi krra hai na hi error aarhi hai or na hi Box show ho ra hai
Code ko sahi se or sahi jagah par paste karo. Some templates me code work nahi karta.
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 ?
W/A
maine check kiya hai iske liye aapko author p ke css code me font-style: inline code add karna hoga.
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
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
Sir
Aapki website me jese post is tarha she aati hai…
https://www.supportmeindia.com/blogger-ki-har-post-me-author-box-enable-kaise-kare/
Likin meri website par…
xyz.blogspot.com/2016_11/android_ka…
Ise bina date ke kese set kre..
Blogger url me se hum date remove nahi kar sakte.
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.
about us yani apne bare me likhna hai. jiase maine post me btaya hai. ha bana sakte ho ye post pado Blogspot Par Free Blog Banane Ke Bad Kya Kare Full Guide
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.
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.
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.
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.
sir mera blog Check kar Ke Dekhiye Author Profile Samne aa raha Hai pl Help sir
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.
sir esa koi option hi nhi hai hamare blog me mera samsya blog open kar ke dekh lijiye ek baarpl sir
Aap WordPress user ho, right. WordPress me yahi option hai ache se check karo.
vo bi nahi aara .. plz help kar do
Mai jitni help post me kar chuka hu. usse jyada nahi kar sakta. aap hoda dimag lagao to kar sakte ho.
mere usme ]]< skin nahi h ni hora plz help
]]< skin nahi hai to sirf skin code search karo.
Tank You But me ke niche code paste kar raha hu par working nhi ho raha yaar
aap ka template link do me dowload kar lugga
google me mythemeshop ribbon likh kar search karo.
muje aap ke site ka tempalet backup chaiy
meri site ka template aap mythemeshop se download kar sakte ho.
Aap jo template use kar rahe ho wo template mujhe contact us page par send karo, mai aapko author box hata kar deta hu.
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
ke niche code paste karna hai.
second result k upar ya fir side me code ko add karna hai ??
aap se nahi hoga, mai aapko author box set karke dunga, so no tention
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.
agar ]]> code nahi hai to sirf skin likh kar search karo or second result ke upar code paste karo
code bilkul sahi hai, aap blogger ke dashboard>>layout me ja kar posts widget par ja kar author box enable kare.
aap ke code me kahi koi problem hai save nahi ho rha hai error show ho rha hai.
mere template me ]]> option hai he nahi.jankaaarinetki.blogspot.com
aap dekhe isme author box add ho skta hai ya nahi.