Blogger ke har post me about author box enable kaise karu

क्या भी आप blogging करते है. और आपके blog पर रोज vewer आते है. और आप ऐसा चाहते है. की, मेंरे बारे लोगो को पता होना चाहिये. इसके लिए आपको About author box add करना होगा. देखिये दोस्तों, internet की value दिन प्रति दिन बढती जा रही है. अगर आप काफी अच्छे article share करते है. तो लोग आपके बारे में में जानने में दिलचप्स रहते है. और इससे हमारी भी popularity बढ़ता है. इसीलिए इस post में, आपको बताऊंगा. blogger blog की हर post में about author box कैसे add करे.
blog ke har post me author box kaise add kare hai how to enable author box in blogger


Author box को blog के post के अंत में लगाना बहुत अच्छा होता है | यह हमारे blog को एक अच्छा-सा look देता है | यह author box fully responsive design है | इसमें बहुत ही simple CSS code का प्रयोग किया गया है | यह आपके blog के loading speed पर कोई भी effect नहीं पड़ेगी|

Blog या Website पर Author Box लगाने से आपको बहुत फायदे हो सकता है जैसे की –
  • आपका नाम Famous होगा.
  • Visitors आपके नाम से आपके ब्लॉग को पहचान सकते है.
  • Blog ( Website ) को याद रखने में आसानी होगी.
  • Author Box लगाने से Blog का Traffic भी improve होता है.
  • लोग आपके बारे में जान सकेंगे की आप कहाँ रहते हो, क्या करते हो और अपने ब्लॉग पर क्या – क्या शेयर करते हो-

Blog के सभी Post के नीचे Author Box कैसे Add करे ?

Step 1:-

सबसे पहले blogger account में login हो जाये और blog के dashboard पर जाए |
blogger layout setting about author on
  1. layout पे click करे.
  2. उसके बाद Blog posts section में Edit पर click kar de.

Step 2:- 

Edit पर Click करने के बाद एक New Page Open होगी |
blogger setting show author profile below post

  1. Show Author Profile Below Post के सामने Box में Tick कर दीजिए.| 
  2. Save पर Click करने के बाद Save Template पर Click करे.

Step 3:-

अब वापस Dashboard >> Template >> Edit HTML पर जाकर click  करिये.

Note:- Code को template में add करने से पहले आप अपने blogger template का backup जरूर ले.

अब अपने Blog के Dashbord में चले जाये.
blogger theme edit html



  1. Theme पर Click करे और Edit Html पर Click करे.

Step 4:-


  1. अब आपके सामने HTML Coding आएगी वहां पर आप किसी भी जगह पर Click करके CTRL + F key press कर Search Box में ये code ]]></b:skin> Search करे.
  2. फिर ]]></b:skin> code की जगह पर नीचे दिए गए Code को Paste करें और Save Theme पर click कर दें.
/* 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.skbtutorials.com */

edit html ]]></b:skin>
Note:–  Code में  www.skbtutorials.com की जगह पर अपनी वेबसाइट का Url डाले।

background : #f1f1f1 ki jagha ap apna mann pasand ka color laga sakte hai.

Step 5:-

  1. अब आप वहीँ पर <data:post.body/> कोड search करें.
  2. अब निचे दिए गए कोड को copy कर के ये <data:post.body/> कोड के नीच 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://2.bp.blogspot.com/-PHIqSqT5GPc/XEGNXKjICxI/AAAAAAAAFv8/KnItg1Kx_1I0APgD0bkCUlgBzQTV-V9GgCLcBGAs/s1600/sahil%2Bkumar.jpg' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>
About Author<a href='https://https://www.skbtutorials.com' rel='author' title='Admin'>your name</a></h2>
</div>
about you
</div>
</div>
  • Src के सामने Image Url की जगह आप अपने फोटो का URL डालें.
  • skbtutorials.com की जगह आप अपने Blog का Url डालें.
  • About Author की जगह पर अपनी Details डालें.
  • Code set करने के बाद Save Template पर Click कर दे.
जैसे ही आप Save Theme पर click करेंगे आपके blog की सभी post के नीचे Author Box लग जाएगा अब आप अपना blog open करके chek कर सकते हैं।

Note:- <data:post.body/> code template पर बहुत जगह पे रहते है. अगर ये ट्रिक काम न आये तोह <data:post.body/> के निचे पेस्ट कर के चेक करे.

Read Also >>

अगर आपको कोई प्रॉब्लम हो तोह कमेंट करें में आपकी हेल्प करने के लिए 24 hours available हूँ.

I hope आपको ये पोस्ट बहुत पसंद आयी होगी प्लीज इसको ज्यादा से ज्यादा social media par शेयर करें और नीचे कमेंट करके बताये की आपको ये पोस्ट कैसी लगी।

4 comments:

  1. Magnificent beat ! I would like to apprentice while you amend your site, how could i subscribe for a blog site?
    The account helped me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

    ReplyDelete
  2. Sir Author me hindi me likha te he to ?????? Aata hai

    Please Solution Batao

    ReplyDelete

Powered by Blogger.