Sabhi Post Ke Niche Proffessional Author Box Kaise Add Set Kare

Blogger Blog Me Professional Author Box Kaise Add kare

Welcome friends अगर आप ब्लॉग मे all पोस्ट के मे ऑथर बॉक्स यूज़ नहीं कर रहे है तो आप एक बहुत ही बड़ी opportunity miss कर रहे

है क्योंकि आप एक Blogger है और और लोगो को आपके ब्लॉग और कंटेंट पसंद आता है तो आपके बारे मे और आपके ब्लॉग के बारे मे वे जरूर जानना चाहेंगे

इसलिए अपने ब्लॉग मे ऑथर बॉक्स जरूर add करना चाहिए ऑथर बॉक्स हम कई तरह से add कर सकते है लेकिन यहाँ जो तरीका हमने बताया है इस तरीके से आपके ब्लॉग के सभी पोस्ट के नीचे ऑथर बॉक्स Show होगा वैसे तो कई theme मे ऑथर बॉक्स add होता है but Some theme मे नहीं होता और उस theme मे manully add करना पड़ता है

ब्लॉग मे कुछ इम्पोर्टेन्ट widget होना Seo के लिए भी जरुरी है इतना तो आप अवश्य जानते होंगे इस इम्पोर्टेन्ट widget मे Auther बॉक्स भी है जो आपके और आपके ब्लॉग के बारे मे विजिटर को जानकारी उपलब्ध कराता है किसी भी ब्लॉग को proffessional दिखाने के लिए हमें proffessional Widget भी add करना चाहिए ताकि विजिटर हमारे ब्लॉग से इम्प्रेस हो और हमेशा हमारे ब्लॉग पर विजिट करें.

All पोस्ट के निचे about author Box कैसे ऐड करें

अगर आपके ब्लॉग मे पहले से ऑथर बॉक्स विजेट है तो आप इस trick को यूज़ ना करें क्योंकि ज्यादा Html Code add करने से हमारे ब्लॉग की लोडिंग speed कम हो जाती है जिसके कारण हमारे ब्लॉग का ट्रैफिक Slow हो जाता है

चलिए अब जानते है की ब्लॉगर ब्लॉग के सभी पोस्ट के नीचे ऑथर बॉक्स कैसे add करें ये Trick 100% working है क्योकि मै खुद इस ट्रिक का इस्तेमाल करता हूँ

Step.1 First आप Niche दिए गए Css Code को Copy कर ले

/*Professional Author Box CSS Code*/.about-author{width:750px;overflow:hidden;margin:10px0px;border:0px;background:#f2f2ef;margin:0030px0;padding:10px;border:1pxsolid#EAEDEF;overflow:hidden;color:#333333;font-size:14px;font-family:Georgia,Tahoma,Verdana;line-height:24px;}.about-authorimg{display:block;width:90px;height:90px;margin:01.2em00;float:left;background-size:cover;background-repeat:no-repeat;background-position:centercenter;-webkit-border-radius:999em;-moz-border-radius:999em;border-radius:999em;border:2pxsolid#ddd;box-shadow:01px1pxrgba(0,0,0,0.3);}.about-authorh3{font-family:georgia!important;font-size:18px!important;margin:9px0px!important;color:#666 !important;border-bottom:2pxsolid#666!important;border-top:0px!important;}.about-authorp{margin:0px;text-align:justify;color:#666;}

step.2 Blogger Dashboard me जाये Theme पर Click करें उसके baad edit Html पर Click करें टेम्पलेट की full Coding open हो जाएगी

Step 3 Ab aap ctrl+f press करके Theme मे ]]></b:skin> Code find करें

Step 4 ]]></b:skin> Code मिल जाने के baad upar जो code aapne Copy किया tha उसे ]]></b:skin> Se पहले pest कर दे

Step. 5 अब ये Code Copy करें जो निचे दिया गया है

<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='imageUrl dale' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>
About Author<a href='https://Apne website ka link dale' rel='author' title='Admin'>अपना नाम डाले</a></h2>
</div>
Apne Blog or apne bare me लिखें 
</div>
</div>

Note; Code theme me pest करने से पहले Code me image url अपना नाम or apne blog ka डिस्क्रिप्शन जरूर add कर ले

step.6 theme me Ctrl+ f की मदद से <data:post.body/> code find करें Note

<data:post.body/> code theme me 3 – 4 jagah hote है आप सबसे last वाले

<data:post.body/> के निचे code pest करके theme को Save कर दे

न्यू window open होगा उसमे Show auther box Below के सामने ✔ करके Save कर दे

Congrats ; Aapne अपने Blog me सभी पोस्ट के निचे auther box Set कर लिया है

उम्मीद करता हु हमारा ये पोस्ट आपको पसंद आया होगा पसंद आए तो इस पोस्ट को Social Sites पर Share जरूर करें