• Breaking Post

    ब्लॉगर ब्लॉग में सुंदर Author Box कैसे लगाए – पूरी जानकारी हिंदी में


    यदि आप ब्लॉगर है अपने ब्लॉग में अच्छा कंटेंट शेयर करते हैं तो अपने ब्लॉग पर आ रहे रीडर्स को अपने बारे में बताना जरूरी है कि ब्लॉग का Author कौन है कहां से हैे आप किस कैटेगरी में आर्टिकल लिखते हैं इससे आपकी ब्रैंड वैल्यू भी बढ़ती है अपने रीडर्स को अपने बारे में बताने का सबसे अच्छा और आसान तरीका है Author Box अगर आप अपने ब्लॉग में एक Author Box Widget Add करते हैं तो रीडर्स  आसानी से आप की फोटो देख सकते हैं आपके के बारे में पढ़ सकते हैं आप कौन हैं और कहां से है साथ ही आप अपने About us पेज की लिंक भी Author Box में Add कर सकते हैं ताकि जब भी कोई  उस पर क्लिक करें तो वह आपकी About us पेज पर चला जाए जिससे लोग आपके बारे में ज्यादा से ज्यादा जान सकते हैं इसी वजह से ज्यादातर ब्लॉगर्स अपने ब्लॉग में Author Box जरुर लगाते हैं तो आज के इस आर्टिकल में मैं आपको बताऊंगा ब्लॉग में Author Box  कैसे लगाए
    blog me beautiful author box kaise lagaye

    ब्लॉगर ब्लॉग में Author Box कैसे लगाते हैं

    यहां मैं आपको दो तरह के Author Box के बारे में Step By Step बताऊंगा आपको जो पसंद आए वह आप अपने ब्लॉग में इस्तेमाल कर सकते हैं

    Simple Author Box


    blog me stylish author box kaise lagaye
    यह Simple Author Box है Simple होने के साथ ही यह Responsive है और इससे आपके ब्लॉग स्पीड पर भी कोई फर्क नहीं पड़ता है
    <div class="widget-wrap">
    <div class="textwidget">
    <a href="PASTE HARE YOUR ABOUT US PAGE LINK" sl-processed="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" title="Read more about author"><img alt="About author" class="avatar" src="PASTE HARE YOUR IMAGE LINK" style="border-radius: 50%; border: 1px solid rgb(234, 234, 234); float: right; margin: 3px 0px 0px 10px; padding: 2px;" width="75" /></a>
    <div style="text-align: justify;">
    WRITE YOUR OWN INFORMATION</div>
    <div style="text-align: justify;">
    
    </div>
    <div style="text-align: justify;">
    अधिक जानकारी के लिए <a href="PASTE HARE YOUR ABOUT US PAGE LINK" sl-processed="1">यहाँ क्लिक करें </a></div>
    </div>
    </div>

    Stylish Author Box

    blog me simple  author box kaise lagaye
    यह Stylish Author Box हैं अगर आप अपने ब्लॉग में एक Stylish Author Box लगाना चाहते हैं तो आप इस Author Box का इस्तेमाल कर सकते हैं
    <h5 class="title">
    About Author</h5>
    <div class="widget-content">
     <!--[if !IE]> -->   <style>
    
    
    }
    
    
    #bbc:hover
    
    
    {
    
    
    border:2px solid #ccc;
    
    
    cursor:pointer;
    
    
    }
    
    
    .opacity
    
    
    {
    
    
    opacity: 0.5;
    
    
    margin-right: 50px;
    
    
    -webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
           -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
              transition: all 0.5
    
    }
    
    
    </style>   <!--[endif]---->    <style>
    
    
    #bbc
    
    
    {
    
    
    border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;
    
    
    }
    
    
    #profileAditya:hover
    
    
    {
    
    
    border:2px solid #ccc;
    
    
    cursor:pointer;
    
    
    }
    
    
    .opacity:hover
    
    
    {
    
    
    opacity: 1;
    
    
    border-radius: 50%;
      -webkit-transform: rotate(360deg);
         -moz-transform: rotate(360deg);
           -o-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
              transform: rotate(360
    
    }
    
    
    </style>   <img class="opacity" id="bbc" src="PASTE HARE YOUR IMAGE LINK" width='70'/>   <div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; margin-top:-110px; padding-left:120px;">
     <b>Founder & Author:</b> WRITE YOUR OWN INFORMATION>>   </div>
    ..<a style="color:red;
    
    "href="PASTE HARE YOUR ABOUT US PAGE LINK " target="_blank"><b>Read More</b> »</a>  </div>
    Steps: सबसे पहले जो  Author बॉक्स आपको पसंद आए उसका Code कॉपी कर लेना है Code कॉपी करने के बाद आपको Code में 3 बदलाव करने हैं

    1. PASTE HARE YOUR ABOUT US PAGE LINK की जगह पर आपको अपना About us पेज का लिंक PASTE करना है

    2. PASTE HARE IMAGE LINK की जगह आपको अपनी फोटो का लिंक PASTE करना है

    3. WRITE YOUR OWN INFORMATION  की जगह आपको अपने बारे में लिखना है यहां आप 100 से 200 अक्षरों में लिख सकते हैं

    अपनी फोटो का लिंक कैसे पता करें?

    1. अपनी फोटो का लिंक कॉपी करने के लिए ब्लॉगर में न्यू पोस्ट के ऑप्शन में जाएं है वहां अपनी कोई भी फोटो अपलोड और पब्लिश कर दीजिए

    2. अब आपने जो फोटो पब्लिश किया है उसको View करके उस फोटो का लिंक आपको कॉपी कर लेना है

    Final Step: Code में बदलाव करने के बाद आपको ब्लॉगर में लॉगइन करना है और Layout में जाना है वहां आपको Footer1 या Sidebar में Add a Gadget पर क्लिक करके HTML/JavaScript सिलेक्ट करना है सिलेक्ट करने के बाद वहां एक बॉक्स आपको दिखाई देगा उस बॉक्स में Codes को Paste करके Save कर देना हैं

    तो आप इस तरह से अपने ब्लॉग में Author Box बॉक्स लगा सकते हैं अगर आपको Author Box Add करने में कोई प्रॉब्लम आती है तो अपनी प्रॉब्लम  कमेंट करके मुझे जरूर बताएं

    No comments