how to add About Author box in Blog ( About Author box ब्लॉग मे कैसे लगाए )

हेलो दोस्तो
आपको मैने अपनी पिछली पोस्टों मे वेबसाईट बनाना वेबसाईट को बढिया डिजाइन करना बताया था ! और मुझे उम्मीद है ये सब आप करने के बाद अच्छॆ अच्छे पोस्ट भी लिखा होगा अपने ब्लॉग या वेबसाइट पर और काफी महनत भी कर रहे होंगे ! लेकिन आपकी पोस्ट को विजिटर द्वारा पढ़े जाने के बाद ये पता नही चलता है की इस पोस्ट को लिखने वाला कौन है लेकिन हम चाहते है की हमारे विजिटर हमारे ब्लॉग या वेबसाइट के साथ साथ हमे भी पहचाने ! इसलिए About author box लगाना जरूरी होता है ! और आज की पोस्ट मे आपको मैं authur बॉक्स बनाने का तरीका बता रहा हूँ !


About Author Box  क्या होता है
Author बॉक्स मे हमारे प्रोफाइल के बारे मे फोटो के साथ शॉर्ट जानकारी ( Description) होती है जिससे हमारे ब्लॉग या वेबसाइट के reader को हमारे द्वारा दिये हुए description को पढ़कर समझ जाते है  की ब्लॉग की author profile क्या है और ये किस फील्ड का है ! और क्या करता है !

About Author Box कैसे बनाते है  जानिये
ब्लॉगर ब्लॉग की सारी पोस्टों मे अपनी प्रोफाइल का About Author बॉक्स कैसे बनाते है स्टेप बाई स्टेप जानिये !

स्टेप 1 Go To Blogger Dashboard>>Templates>>Edit HTML और फ़िर ctrl+F बट्टन एक साथ press करके </article> कोड को सर्च कीजिए !


स्टेप 2 अब आप नीचे दिये  दिये हुए कोड को कॉपी करके </article> कोड के ऊपर paste कर दीजिये !

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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://1.bp.blogspot.com/-qgmWUiS3OJw/Vtg2s9jl5uI/AAAAAAAAA3g/bdGrpfdN0ag/s320/22.jpg' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>Posted By <a  title='Posts by Admin'>Your Name Here</a></h2>
</div>
<p>Your Profile Sort description Here <a href='http://www.kmgweb.in/p/about-admin_54.html?m=1'>Read More&gt;&gt;</a></p>
</div>
</div>
<div style='clear:both'/>
</b:if>


ऊपर दिये हुए कोड को paste करने के बाद आपके ब्लॉग का html कोड सेक्शन कुछ इस तरह दिखेगा !


कोड को paste करने से पहले आपको ऊपर दिये हुए कोड मे थोड़ा बदलाव करना पड़ेगा !
1. src कोड के बाद जो लिंक एड्रेस है वहाँ पर आपको अपनी फोटो की की लिंक एड्रेस को डालना है !
2. Your Name Here की जगह आपको अपना नाम लिखना है !
3. profile description की जगह आपको अपने बारे मे लिखना है थोड़ा सा
4. href= के बाद  जो लिंक एड्रेस है वहाँ पर आपको अपने ब्लॉग या वेबसाइट के about us page की लिंक डालनी है !


स्टेप 3 ऊपर के सारे काम पूरा करने के बाद save टेम्पलेट पर क्लिक कर देना है !

स्टेप 4 अब आपने सफलता पूर्वक about author बॉक्स बना लिया है ! अब सारी पोस्ट के नीचे आपका नाम और आपके बारे मे लिखा हुआ नज़र आएगा !

Tips - आपको अपनी फोटो की लिंक पता करने मे दिक्कत आ सकती है ! तो आप अपने फोटो का लिंक पाने के लिये सबसे पहले तो आप अपने ब्लॉग मे Image gallery के नाम से एक पेज बना लीजिये ! और फ़िर इस पेज मे अपनी फोटो upload कर दीजिये ! और ऐसा करने से आपके फोटो की लिंक अपने आप बन जाएगी ! इस तरह आप अपने फोटो की लिंक बना कर कॉपी करके paste कर सकते है !


हेलो दोस्तो
आपको अगर इस पोस्ट मे कही कुछ ना समझ मे आ रहा हो तो आप हमसे कॉमेंट करके पूछ सकते है !
धन्यवाद !
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

1 Comments:

  1. Anonymous21:50

    I am actually thankful to the holder of this wweb site who has shared this wonderful piece oof writing at at this time.

    mata kuliah teknik mesin

    ReplyDelete