नमस्कार दोस्तों ! आज मैं आपको बताने वाला हूँ कि blog के सभी post के नीचे Author Box को कैसे लगाते है | इस author box को blog में लगाने के लिए आपको HTML और CSS code को blogger template में add करना पड़ेगा |
मैंने पिछले post में author profile widget को blog में add करने के लिए बतलाया था | इस widget में सिर्फ HTML code का इस्तेमाल किया गया था | Author box में author के बारे में कुछ जानकारियां होती है |
Author box को blog के post के अंत में लगाना बहुत अच्छा होता है | यह हमारे blog को एक अच्छा-सा look देता है | यह author box fully responsive design है | इसमें बहुत ही simple CSS code का प्रयोग किया गया है | यह आपके blog के loading speed पर कोई भी प्रभाव नहीं डालेगी |
Read Also :
- Contact Form Widget को Blogger में कैसे Add करे ?
- Blog के हर Post में Meta Search Description को Enable कैसे करे ?
Blog के सभी Post के नीचे Author Box कैसे Add करे ?
Step 1
सबसे पहले blogger account में login करके blog के dashboard पर जाए |
- Layout पर click करें |
- Blog posts section में Edit पर click करें |
Step 2
Edit पर click करने के बाद एक popup window open होगी |
- Show Author Profile Below Post के सामने check box में tick करें |
- Save पर click करें |
Step 3
Note :- Code को template में add करने से पहले अपने blogger template का backup जरूर ले लें |
अब आप अपने blog के dashboard पर जाए |
- Theme पर click करें |
- Edit HTML पर click करे |
Step 4
अब code box में कहीं पर भी click करें और Ctrl + F key press कर search box में ]]></b:skin> लिखकर search करें |
]]></b:skin> के पहले या ऊपर निम्नलिखित CSS code को copy करके paste कर दें |
Step 5
- अब <data:post.body/> search करें |
- <data:post.body/> के बाद या नीचे निम्नलिखित HTML code को paste कर दे |
Note :- इस HTML code में आपको कुछ customization करना है |
- Paste Your Image URL Here के place अपने image का URL अथवा link डाले |
- http://plus.google.com/110821185771963822382 के place पर अपने Google Plus Page का URL डाले |
- About Author : के place पर अपना नाम लिखें |
- Write Something About Yourself के place पर अपने बारे में कुछ लिखें |
- http://twitter.com/newfeatureblog के place पर अपने twitter page का URL लिखें |
- http://www.facebook.com/newfeatureblog के place पर अपने facebook page का URL लिखें |
Step 6
Save Tempate पर click करें |
Note :- <data:post.body/> code blog के template में कई स्थान पर होते है | अगर Author box show न करे तो दूसरे वाले <data:post.body/> के नीचे HTML code को paste कर try करे |
अपने Photo अथवा Image का link (URL) कैसे पता करें ?
- Post >> New Post पर click करके post editor को open करें और photo को upolad करें |
- अब compose और HTML option में से HTML पर click करें |
- Coding में src के सामने वाला link आपके photo का link होगा |
Read Also :
उम्मीद है कि आपको यह post पसंद आया होगा | Author box को blog में add करने में कोई problem आती है तो मुझे comment करके बताये | मैं आपकी मदद करने का पूरी कोशिश करूँगा | इसी तरह का post पढ़ते रहने के लिए मुझे subscribe करें |
अगर यह post आपको पसंद आया हो तो इसे facebook, twitter, google plus इत्यादि जैसे social sites पर share करें | इस post को like करें|
Bahut Hi Achi Janakri Hai Or Aapka Blog Bhi Badiya Hai
Thank u @dilip ji
Blogger Post Me About Author Box Kaise Add kare is post Very nice and good helpful information, thanks for sharing.