Blogger Blog में Author Box Widget कैसे Add करते है, इस बारे में जानकारी देंगे ” How To Add Author Box Widget On Blogger ” हमेसा हमें अपने Blogger blog का Desing करना बहुत जरुरी होता है , अपने भी देखा होगा किसी भी Professional Blog पर Desing अच्छा ही रहता है, क्योकि इससे भी हमारा Triffic बढ़ता है , अगर आप भी अपने Blogger Blog को किसी Professional Website की तरह बनाना चाहते है तो ये Post आपके लिए ही है। Author Box Widget

Blogger Blog में Author Box Widget कैसे Add करें [New Style]

अगर आप एक Professional Blogger बनना चाहते है तो आपके Blogger Blog में Author Box Widget होना बहुत जरुरी है, क्योकि हर Blogger इसका Use करता है , और इसके बहोत से फायदे भी है , Author Box Widget की हेल्प से आप अपने Visitor के एक अच्छा तालमेल बना सकते है , इससे आपको आपके Blogger Blog के Visitor पहचानने भी लगेंगे , एक बार जो आपके blog पर Visit करेगा वो आपके Author Box को देख के आपके बारे में उसे बहोत सी जानकारी मिल जायेगी और उसे जब भी किसी तरह की Internal जानकारी चाहिए होगी तो सबसे पहले वो आपके Blog website पर ही आएगा , इसलिए हमें अपने Blog पर Author Box Widget Add करना चाहिए । Author Box Widget

Blog Par Author Box Widget Add Karne Se Kya Fayda Hota Hai

Blog Par Author Box Add करने से आपके Visitor के सात आपका सम्बन्ध अच्छा होगा , आपके Visitor को आपके बारे में अछि से जानकारी होगी, Author Box Widget Add करने से हमारे blog को proffesional look मिलता है, इसे add करने से आपका blog पूरी तरह से Responsive Desing में Change हो जाता है ,  इससे किसी भी blogger की Thoungh का पता चलता है और Visitor or bloggers में एक Good Relation Situate होता है । Author Box Widget

How To Add Author Box Widget On Blogger

हम अब आपको नीचे Setup By Setup बताते है कि Blogger Blog में Author Box Widget Add कैसे करते है , हिंदी में , बस आप हमारे द्वारा बताये गए Setup को ठीक से Follow कीजियेगा Friends Author Box Widget

Blogger Blog Par Author Box Widget Kaise Add Karte Hai

सबसे पहले तो आप नीचे दिए गए Code Box में से Author Box Code को पूरा Copy कीजिये । Author Box Widget

<link href=’http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300′ rel=’stylesheet’ type=’text/css’/>

<div class=”box”>

<div class=”ribbon”><span>Admin</span></div>

<div id=”about-me”>

<img src=”Your Profile Photo” /><p>Aman Bhardwaj</p><p></p><h5>मेरा नाम अमन है कोरबा छत्तीसगढ़ से हु….</h5>

<p></p><p></p>

</div>

<div id=”my-link”>

<a href=”https://www.facebook.com/Hinditrick” target=”_blank”><img src=”http://i57.tinypic.com/aonk43.png” title=”Facebook” width=”22px” /></a>

<a href=”https://twitter.com/hinditrick” target=”_blank”><img alt=”Twitter” src=”http://i58.tinypic.com/2ldzzog.png” title=”Twitter” /></a>

<a href=”https://plus.google.com/+Hinditrick” target=”_blank”><img alt=”Google+” src=”http://i57.tinypic.com/3009oqw.png” title=”Google” /></a>

<a href=”https://www.pinterest.com/Hinditrick” target=”_blank”><img alt=”Pinterest” height=”22px” src=”http://www.nptechforgood.com/wp-content/uploads/2012/02/pinterest-logo.jpg” title=”Pinterest” width=”22px” /></a></div></div>

<style>

#about-me{

color:#444;

width: 300px;

padding: 20px 10px 110px;

border: 2px solid #555;

background-color:#eee;

font-family: ‘Open Sans Condensed’,sans-serif;

}

#about-me img {

border: 2px solid #666;

width: 100px;

height: 100px;

position: absolute;

bottom: 16px;

border-radius: 2px;

left: 8px;

}

#about-me p{

position:absolute;

bottom:84px;

font-size:17px;

font-weight:bold;

left:119px;

color: rgb(58, 148, 227);

}

#about-me h5{

width:200px;

position:absolute;

left:119px;

top:9px;

color:#555;

font-size:14px;

}

#my-link {

position:absolute;

top: 94px;

left: 119px;

}

.ribbon {

position: absolute;

left: -3px; top: -3px;

z-index: 5;

overflow: hidden;

width: 75px; height: 75px;

text-align: right;

}

.ribbon span {

font-size: 10px;

font-weight: bold;

color: #FFF;

text-transform: uppercase;

text-align: center;

line-height: 20px;

transform: rotate(-45deg);

width: 100px;

display: block;

background: #79A70A;

background: linear-gradient(#359BED 0%, #5467A7 100%);

box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

position: absolute;

top: 19px; left: -21px;

}

.ribbon span::before {

content: “”;

position: absolute; left: 0px; top: 100%;

z-index: -1;

border-left: 3px solid #5467A7;

border-right: 3px solid transparent;

border-bottom: 3px solid transparent;

border-top: 3px solid #5467A7;

}

.ribbon span::after {

content: “”;

position: absolute; right: 0px; top: 100%;

z-index: -1;

border-left: 3px solid transparent;

border-right: 3px solid #5467A7;

border-bottom: 3px solid transparent;

border-top: 3px solid #5467A7;

}

</style>

Blogger Blog में Author Box Widget कैसे Add करें [New Style]

Setup:-1 सबसे पहले तो आप अपने Blogger Site Par Login कीजिये. फिर आप Blogger Dashbord पर पहोच जायेंगे..

Blogger Account LoginSetup:-2 फिर आप Dashboard-Layout-Add A Gadget पर Click कीजिये. जहा पर आपको अपना Author Box दिखाना हो ,

blogger dashboard LayoatSetup:-3 अब एक Window खुलेंगी जिसपर Bahot से Widget की List होगी जिसमें से आप Javascript Widget पर Click करे…

Javascript WidgetSetup:-4 फिरआप Javascript Widget की Setting का Page Open होगी, जिसमे आप अपने Blog पर Javascript को Setup कीजिये …

Javascript Widget cod1. अब आपने जो Author Box Code  ऊपर से Copy किया था उसे इस Box पर Peste कर दे ।

2.  अब आप देख सकते है इस Code पर एक जगह Your Profile Photo लिखा हुआ है , उसे अपने Photo के Url से रिप्लेस कर दे ये बहुत जरुरी Setup है

3. Aman Bhardwaj- इसकी जगह आप अपना नाम लिखे

4. मेरा नाम अमन है कोरबा छत्तीसगढ़ से हु – इसकी जगह आप अपने बारे में लिखे

5. HindiTrick – इसकी जगह आप अपने Social Site का Username लिखे ।

6. फिर आप Javascript Code को Box पर Peste करने के Bad Save की Button पर Click करके Save कर दीजिए । Author Box Widget

Congratulation ! अब आपके blog में Author Box successfully add हो चुका है। तो इस तरह से आप समझ गए होंगे कि Blogger  Blog Author Box  add karene me यदि फिर भी आप Author Box Widget  से related कोई problem face कर रहे है तो आप comment के माध्यम से हमसे पूछ सकते हैं। यदि ये Post आपको पसंद आये तो इसे social media पर share करना ना भूलें। धन्यवाद ! Author Box Widget

Thanks For Readding

SHARE
Previous articleBlogger Responsive Author Box Widget Kaise Add Kare
Next articleRoyal Enfield Bullet (बुलेट) Success Story In Hindi

Aman Bhardwaj Is Blog के Founder हैं। वोह एक Professional Blogger हैं जो SEO, Technology, Internet ,Social Network से जुड़ी विषय में रुचि रखते है। अगर आपको ब्लॉगिंग या Internet जुड़ी कुछ जानकारी चाहिए, तो आप यहां बेझिझक पुछ सकते है। हमारा यह मकसद है के इस ब्लॉग पे आपको अछे से अछे जानकारी मिले।

LEAVE A REPLY

Please enter your comment!
Please enter your name here