Blogger Blog में Author Box Widget कैसे Add करें. In Hindi

Friends आपने बहुत से WordPress Blogs में Author Box को देखा होगा. Friends Author Box हमारे Blog Visitors को हमारे बारें में जानकारी और Contact Information देता है. और हमारे Blog को और ज्यादा आकर्षक बनाता है. दरअसल Blog में Author Box Widget के द्वारा हम अपने Visitors को अपनी Expertise or Professionalism दिखा सकतें है. और अपने बारें में अपने Visitors को बता सकतें है. So Friends क्यों ना हम अपने Blogger Blog में Author Box Widget Add करें. तो आइये जानते है की Blogger Blog में Author Widget Box कैसे Add करें

Blog में Author Box Widget कैसे Add करें Hindi Me – How to Add Author Box Widget in Blogger Blog


Blogger Blog में Author Box लगाने के लिए पहले आपको Author Information Box लगाना होगा.

Step 1: अपने Blogger Dashboard > Design > Edit HTMl पर जाएँ और Expand Widget Template पर क्लिक करें.

अब CTRL+F दबाकर ]]></b:skin> ढूंढें.

अब ]]></b:skin> के ठीक ऊपर नीचे दिया गया Code Paste करे.

.author_info {

float: right;

width: 573px;

padding: 10px;

border: 1px solid #e0e0e0;

margin-bottom: 15px;

margin-top: 15px;

background: #eee;

}

.author_info h3 {

margin-bottom: 10px;

}

.author_photo {

float: left;

margin: 0 0 0 10px;

}

.author_photo img {

margin-right: 10px;

border: 1px solid #e0e0e0;

}

Step 2: अब footer-line-1 ढूढें यहाँ आपको यह Code <div class=’post-footer-line post-footer-line-1′> दिखाई देगा अब नीचे दिए गए Code को इसके नीचे Paste कर दें.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<div class=’author_info’>

<div class=’author_photo’>

<img alt=’author’ src=’http://3.bp.blogspot.com/_tbHfaj1A058/TSGc3fOc-NI/AAAAAAAAL7A/GU6dmnqINik/s1600/images.jpeg’/></div>

<h3>About the Author</h3> This article is written by: <b>YourName</b> – who has already
written <b>30</b> articles for <a href=’YOUR-BLOG-URL’>YOUR-BLOG-NAME</a> YourName is a
professional web designer. Catch him on <a
href=’http://twitter.com/yourtwitterID’>Twitter</a>, <a href=’Your Facebook
URL’>Facebook</a> or <a href=’your e mail ID’>email</a> him <br> </br> <br> </br>

YourName&#39;s <a href=’your web url’>Website</a><br style=’clear:both;’/>

</div>

</b:if>

अब Step 2 को Edit करके अपनी जानकारी भरें.

So Friends ऊपर हमने Blogger Blog Me Author Box Widget Kaise Lagaye Hindi Me के बारें में पढ़ा तो दोस्तों यह Post आपको कैसी लगी हमें Comment के माध्यम से जरूर बताएं.

5 Comments

  1. Ayush Jain Mar 19, 2016
  2. Satish Kushwaha May 22, 2016
    • Lalit Banjara May 24, 2016

Leave a Reply

CommentLuv badge