blog ki sabhi post me author box kaise add kare in hindi.

Hello Friends एक बार फिर से आपका Hindi Tech Word में बहुत – बहुत स्वागत है !और मेरा नाम है Sameer Ali Friends आज की इस पोस्ट में हम आपको बताने वाले है की कैसे आप अपने Blog की सभी पोस्ट में एक Simple व Professional Design का About Author Box कैसे Add कर सकते है ! ठीक ऐसे ही जैसे की हमारी इस पोस्ट के सबसे निचे Add किया गया है उम्मीद है की आपको अच्छा लग रहा होगा ! अगर आपको यह अच्छा नहीं लग रहा है तो आप इसे अपने तरीके से Customize कर सकते है ! Friends अगर आप एक Blogger है और आपका भी एक Blog है और आप उस Blog पर अच्छे से अच्छे व Unique Article shere करते है तो आपको अपने Blog की सभी Post में अपना नाम, फोटो, Detail, आदि के साथ एक Author Box जरूर add करना चाहिए ! जिससे हर कोई New व Old Visitors आपको व आपके Blog को पहचान सके की इस Blog का Author कोन है और यह Blog किस Subject से Related है !

अगर आप चाहते हो की Visitors आपको व आपके blog को पहचान सके और उन्हें पता रहे की वह कोन सी Website/Blog पर है ! व किसका लिखा हुआ Article पढ़ रहे है ! और Friends खास बात यह है की इससे आप व आपकी Website/Blog Popular भी होती है ! और आपके Post में एक अच्छी Professional Looking भी आ जाती है ! और मैंन बात यह है की Visitor आपके Blog की एक अच्छी Looking व एक Unique व अच्छा Article को देखकर ही रुकता है ! न की आपकी Post का टाइटल देखकर. व अगर आपका Blog इन बातो का पालन करता है तो आपके blog पर traffic बढाने में भी helpful रहेगा  So Friends चलिए मैं आपको बताता हूँ की कैसे add करना है !

Blog Post में Author Box कैसे Add करे !

Step: 1

सबसे पहले आप अपने Blog के Dashboard >> Layout पर जाइए ?

Step: 2

Layout में जाने के बाद Blog Post Widget में Edit पर Click कर लिजिए ?

Step: 3

Click करने के बाद अब आपके सामने एक Pop up Window खुलेगी जिसमे आपको Show Author Profile Below Post पर टिक करना है ! और फिर Save बटन पर click करके Save Arrangement पर click कर दीजिए

Step: 4

अब आपको वापस अपने Blog Dashboard >> Theme पर जाइए ?

Step: 5

Theme पर जाने के बाद Edit HTML पर Click करे !

Step: 6

अब Code Box में कही भी Click करे और Crtl + F बटन दबाकर ]]></b:skin> Code Search करे ! Search करने के बाद Aapka Code Highlight हो जायगा !

Step: 7                 

अब आपको निचे दिया गया CSS Code Copy करके ]]></b:skin> से पहले Paste कर दे !

/* css Author Box start by https://hinditechword.blogspot.com */ .articleAuthor{overflow:hidden;margin-bottom:0px} .authorContent{background:#fff;padding:10px;margin:0px;margin-bottom:0;border:1px solid #DDDADA;} .authorimage{overflow:hidden;margin-bottom:10px; border-radius: 100%; box-shadow: 0px 5px 3px grey;border:1px solid #fff} .authorLeft{overflow:hidden;float:left;margin-right:12px;} img{background:#f1f1f1;display} .authorDetails{overflow:hidden;margin:10px 0 0 0;} .authorDetails h2{font-size:12px;color:#222;font-weight:400;text-transform:uppercase;} .authorDetails h2 a{color:#4db2ec;background:#f1f1f1;padding:4px 8px;display:inline-block;font-size:15px;margin-left:5px;border:double #f1f1f1;} .authorDetails h2 a:hover{color:#71c5f6;background:#f1f1f1;} .authorDetails span{display:block;padding-top:3px} .articleAuthor .authorContent p{color:#222;line-height:20px;margin:0 10px;font-size:15px;} /* css Author Box start by https://hinditechword.blogspot.com */

Step: 8

सबसे पहले निचे दिया गया Code Copy कर ले अब <data:post.body/> Code Search करे और <data:post.body/> के निचे Copy किया हुआ Code Paste कर दे !

<div class='articleAuthor'> <div class='authorContent'> <div class='authorLeft'> <div class='authorAvatar'> <img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm4F0qmDIZ92awYJ1IpJ7s2QCWD-Axz92b1H2LWbP8_NiolhEhsYk3yx_xkuxouj0oHAADt9hdEje1JXRacntvkZYmYDyPSeG9SwU81I88-xqoXtMc7fLfrQEJVEIXMf7muEc28Eg2u859/s200/goal.png' width='120'/> </div> </div> <div class='authorDetails'> <h2> About Author<a href='https://https://www.supportmeindia.com' rel='author' title='Admin'>your name</a></h2> </div> about you </div> </div>

Note : <data:post.body/> code आपकी theme में 4 से 5 होते है अगर Code काम न करे तो दुसरे के निचे Paste कर सकते है ?

ध्यान दे आपको इस Code में क्या बदलना है ?

1. scr Link के सामने आपको अपनी फोटो का link paste करना है !

2. hinditechword.blogspot.com की जगह आप अपने Blog/Website का URL Paste करना है !

3. About Details में आपको अपनी Details डालनी है ?

Code Set करने के बाद आपको Save Template बटन पर Click करके template को save कर देना है और फिर अपने blog में जाकर Refresh कर देना है और अपने blog की एक एक करके सभी पोस्ट Check कर लेनी है आपका Author Box Add हो चूका है

अपने फोटो का Link URL कैसे पता करते है ?

सबसे पहले आपको New Post लिखने के Option पर जाना है और अपना फोटो upload करना है upload करने के बाद फोटो पर Right Click करना है Copy image Address पर Click करके अपने फोटो का URL Copy करना है ! जो Copy हो जाता है वो ही आपका image URL link होता है

So Friends उम्मीद करता हूँ की आपको यह Post पसन्द आयी होगी अगर हाँ तो इस post को अपने दोस्तों के साथ shere करना न भूले और हमारे Blog के newsletter को जरूर Subscribe के और अगर आपको Author box add करने में कोई Problem है तो हमें Comments जरूर करे हम आपकी Problem को जरूर Solve करेंगे धन्यवाद...