HOW TO ADD ABOUT AUTHOR BOX IN BLOG ( ABOUT AUTHOR BOX ब्लॉग मे कैसे लगाए )
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 == "item"'>
<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='photo link
</div>' 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>></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 कर सकते है !
हेलो दोस्तो
आपको अगर इस पोस्ट मे कही कुछ ना समझ मे आ रहा हो तो आप हमसे कॉमेंट करके पूछ सकते है !
धन्यवाद !
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 == "item"'>
<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='photo link
</div>' 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>></a></p>
</div>
</div>
<div style='clear:both'/>
</b:if>
कोड को 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 कर सकते है !
हेलो दोस्तो
आपको अगर इस पोस्ट मे कही कुछ ना समझ मे आ रहा हो तो आप हमसे कॉमेंट करके पूछ सकते है !
धन्यवाद !
टिप्पणियाँ
एक टिप्पणी भेजें
All Net Tip