Blogger की हर Post में Author Box Enable कैसे करें ?

How to Enable Blogger Author Box

नमस्कार दोस्तों आज की इस पोस्ट में हम आपको यह बताने जा रहे है की कैसे आप अपने blog के हर एक post में author box को enable कर सकते है. जिन लोगो को यह नहीं पता की author box होता क्या है तो हम उन्हें बता दे की – author box कुछ और नहीं बल्कि पोस्ट को लिखने वाले का short में introduction होता है.

यह author box आपके हर पोस्ट के निचे शो होगा. लेकिन इसे शो करवाने के लिए आपको कुछ steps फॉलो करने होंगे जो हम आपको इस पोस्ट में बताने जा रहे है. अगर आप blogging कर रहे है और काफी अच्छे पोस्ट आप लिख कर publish कर रहे है तो आपको अपना एक छोटा सा इंट्रो अपनी हर पोस्ट के निचे जरुर show होना चाहिए.

Author box की वजह से जो लोग आपके ब्लॉग को पढ़ते है उन्हें आपके बारे में जानने का मौका मिलता है. इसके साथ ही आपके ब्लॉग के readers आप पर पहले से ज्यादा भरोषा करते है. दोस्तों जो दीखता है इंसान उसी पर जल्दी से भरोषा कर पाटा है. तो आईये जानते है की – Blogger Ki Har Post Me Author Box Enable Kaise Kare?

अगर आप चाहते है की आपके visitors आपको पहचान सके और उन्हें पता रहे है की वो किस की website या blog पर activate है. इससे आपका name भी होगा और लोगो को आपकी website को याद रखने में भी आसानी होगी. Blog की traffic बढ़ाने में भी help मिलेगी और भी बहुत से फायदे है blog में author box enable करने के तो आइये जानते है की यह कैसे करना है.

How to add an author box to every post of blogger?

Step 1 :

1. सबसे पहले आपको अपने blog के dashboard >> Layout पर जाना होगा.
2. उसके बाद layout पर क्लिक कीजिये. फिर blog post widget पर edit पर क्लिक कीजिये.
3. क्लिक करने के बाद आपके सामने एक pop up window open होगा. उसमे आपको show author profile पर टिक करना है.
4. अब आपके सामने स्क्रीन पर एक new page open होगा उसमे आपको show author profile के सामने टिक करना है
5. टिक कर लेने के बाद आपको Save पर click करना है और फिर save template पर क्लिक करना है.

दोस्तों एक बार जब आप ऊपर बताये steps को फॉलो कर ले तो उसके बाद आपको दुसरे स्टेप पर आना है. इसके लिए आपको simply निचे दिए steps को फॉलो करते जाना है-

Step 2 :

1. सबसे पहले आपको अपने अपने blog के dashboard में जाना है. उसके बाद आपको template >>edit html पर क्लिक करना है.
2. फिर उसके बाद आपको code box में कही पर भी click कर के Ctrl+F button दबाकर ये कोड सर्च करना है ]]></b:skin>
3. अब अगर आपको कोड box में यह कोड ]]></b:skin> मिल गया हो तो इस कोड की जगह पर निचे दिए कोड को copy करके वहाँ paste कर दीजिये.

/* css Author Box start by http://www.yourpassion.in */
.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;}

.authorDetails h2{font-size:12px;color:#222;font-weight:400;text-transform:uppercase;}
.authorLeft .authorAvatar img{background:#f1f1f1;display:inline-block;}
.authorDetails{overflow:hidden;margin:14px 0 0 0;}

.authorDetails h2 a:hover{color:#71c5f6;background:#f1f1f1;}
.authorDetails h2 a{color:#4db2ec;background:#f1f1f1;padding:4px 8px;display:inline-block;font-size:15px;margin-left:5px;border:double #f1f1f1;}
.authorDetails span{display:block;padding-top:3px}

/* css Author Box start by http://www.yourpassion.in */

.articleAuthor .authorContent p{color:#222;line-height:20px;margin:0 10px;font-size:15px;}

Step 3 :

ऊपर बताये सभी steps को पूरा कर लेने के बाद आपको blog के code box में ही फिर से ये कोड <data:post.body/> search करना है. कोड मिल जाने के बाद आपको <data:post.body/> code के निचे आपको निचे दिए गए कोड को copy करके paste कर देना है.

<div class='articleAuthor'>
<div class='authorContent'>

<div class='authorAvatar'>
<div class='authorLeft'>

<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='#' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>

</div>
About Author<a href='https://https://www.yourpassion.in' rel='author' title='Admin'>your name</a></h2>
</div>
about you

</div>

src के सामने वाले # की जगह आपको अपने फोटो का लिंक पेस्ट करना है yourpassion.in की जगह आपको अपनी website का link देना है. उसके बाद आपको about us की जगह पर अपना डिटेल लिखना है जोकि short form में होना चाहिए. जैसे ही आप Code set कर ले उसके बाद आपको Save Template पर click करके settings को save कर लेना है.

Tip For You : फोटो का लिंक कैसे पता करें ?

सबसे पहले आपको अपने blog में new post पर क्लिक करे उसके बाद आपको पोस्ट में अपना वो फोटो अपलोड कीजिये जिसका लिंक आपको जानना है. फोटो अपलोड हो जाने के बाद आपको Compose/HTML option में से HTML पर click करना है. क्लिक करते ही आपके सामने दो तरह के coding में 2 तरह के link होंगे एक होगा href और दूसरा होगा src आपको src के सामने वाला link को copy कर लेना है.

Importent Note:- दोस्तों <data:post.body/>  code blog की template में कई जगह पर होते है इसी लिए अगर हमारा बताया हुआ trick काम ना करे तो आप <data:post.body/> के नीचें code paste को paste करके एक बाद चेक जरुर करें.

सभी steps को सही तरीके से फॉलो करके complete कर लेने के बाद अब आपको अपने ब्लॉग पर मौजूद किसी भी एक पोस्ट को open करके देखना है. की आपके द्वारा किये गए settings सही से काम कर रहे है की नहीं. अगर आपके ब्लॉग पर अब भी author box show नहीं हो रहा तो आप हमे निचे कमेंट करके बता सकते है.

उम्मीद है दोस्तों यह जानकारी आपके लिए काफी मददगार साबित होगी. आपके ब्लॉग पर आपका author box show हो रहा होगा. अगर आपको यह पोस्ट पसंद आया तो आप इस पोस्ट को अपने दोस्तों के साथ सोशल मीडिया पर जरुर शेयर करें. इसके साथ ही आप हमारे वेबसाइट को सब्सक्राइब कर सकते है सिर्फ अपने ईमेल आईडी के जरिये.