Thursday 6 October 2016

BlogSpot Blog Me Multiple Author Bio Box Kaise Add Kare

Posted by ajay
WordPress पर हम अपने blog में "author box " का feature  plugin का इस्तेमाल करके आसानी से add कर सकते हैं | परन्तु BlogSpot plateform पर WordPress की तरह plugin की सुविधा नही है | इसके लिए आपको css तथा html code को edit करने की जरूरत पड़ती है | यदि आप भी एक BlogSpot blogger हैं तथा अपने blog के इकलौते author या admin हैं तो आप अपने blog की प्रत्येक post के निचे single author bio box डाल सकते हैं | जिसके बारे में मै विस्तार से article लिख चूका हूँ  |

परन्तु यदि आप अपने blog पर Guest post accept करते हैं | या फिर ऐसे बहुत से author या writer हैं जो frequently आपके  blog के लिए  post लिखते हैं | और आप चाहते हैं की आपके writer का  bio "author-box" में उनके द्वारा लिखी गई पोस्ट के निचे दिखाई दे तो आप ये post पढकर अपने blog me multiple author bio box add कर सकते हैं | बस निचे दिए गए कुछ simple step को follow करें |





Blog Me Multiple Author Bio Box Kaise Add Kare

STEP 1. अपने blog के dashboard में जाइए फिर template>>edit template पर click करें |

STEP 2. अब आपको code editor दिखाई देगा जिसके ऊपर format template का option होगा उस पर click करें |

STEP 3. Format template पर click करने के बाद code editor के अंदर Ctr+f  दबाए |  जिससे एक search bar open होगा  उसमे  ]]></b:skin> को type करके enter दबाए  |

STEP 4.  जहाँ पर भी आपको  ]]></b:skin>  ये code लाइन दिखाई दे उसके just ऊपर,  निचे दिया गया css code copy करके paste करदें  |


                                 .tbs-author-box p {
                                             margin: 0;
                                          padding: 0;
                                               }
                                       .tbs-author-box img {
                                     background: #FFFFFF;
                                            float: left;
                                        margin: 0 10px 0 0;
                                         padding: 4px;
                                border: 1px solid #E6E6E6;
                                               }



STEP 5. CSS code को paste करने के बाद  अब  हम html code को paste करेंगे | इसके लिए search box में <data:post.body/> type करके enter दबाए |  आपको <data:post.body/> लगभग चार जगह पर मिलेगा | जिसमे से आपको 3 नंबर वाले <data:post.body/> के just निचे , निचे दिया गया html code paste करना है |


      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.author == &quot;ajay sharma&quot;'>
                <div class='tbs-author-box'>
                             <p>
      <img alt=' ' class='avatar avatar-60 photo' height='100' src='https://1.bp.blogspot.com  /-uYEIll6nmIc  /V_POPwMJE0I/AAAAAAAAAGQ/hk28XHS9lwUhIH5itIDlG7UDVPYHQPJzgCLcB/s1600/my%2Bprofile%2Bpic.jpg&quot;' width='110'/>
     <b>About Author</b><br/>
      यहाँ पर अपने बारे में लिखे <br/></p>
      </div></b:if>
           </b:if>


 STEP 6. यहाँ तक का तरीका बिल्कुल single author bio box ko add करने जैसा था | परन्तु यहाँ पर हमे multi author bio box डालना है इसके लिए हमे step नंबर 5 में दिए गए code को इसके निचे ही उतनी बार paste करना है जितने की हमारे blog में author हैं | 

उधाहरण के लिए मेरे blog में दो author हैं तो मै ये html code दो बार paste करूंगा | इसी तरह अगर तीन author होते तो 3 बार paste करता | परन्तु आपको प्रत्येक बार code में कुछ बदलाव करना पड़ेगा जिससे की पोस्ट के निचे केवल उसी author का bio दिखाई दे जिसने post लिखी हो |





STEP 7. Code  (step 5 का html code ) में जो बदलाव करने हैं उनको मैंने नीले रंग से highlight किया हुआ है | जिनको हम serial vise समझते हैं -

1. Code में जहा नीले अक्षरों में ajay sharma लिखा हुआ है वहाँ पर उसी author का नाम लिखे जिसका bio आप अपने blog में जोड़ना चाहते हो | और नाम वही लिखे जिस नाम से उसने पोस्ट डाली है |

2. दुसरे नीले रंग में जो url दिया गया है वो author की image का url होता है जो की bio box में दिखाई देगी | 

3. तीसरे नीले रंग में जो text लिखा हुआ है की "यहाँ पर अपने बारे में लिखे " की जगह पर अपने author का bio लिखे की वो कौन है ,क्या करता है ,या फिर आप अपने author से ही पुछ सकते हैं की वो अपने author box में क्या show करना चाहता है |


ये सब step पुरे करने के बाद finally अपने template को save कर दीजिए और blog को open करके अलग अलग author द्वारा लिखी गई पोस्ट पर click करके देखिए की अलग अलग  author  box दिखाई दिए या नही |
अगर आप सभी step को follow करेंगे तो 100 % ये तरीका काम करेगा |

यदि आपको फिर भी multiple author bio box ko add करने में कोई दिक्कत आ रही है तो मुझसे comment section में पूछ सकते हैं ,मुझे आपकी सहायता करने में प्रशंसा होगी | 

हमारे facebook और google plus पेज को like करें | धन्यवाद !