Blogger Blog ki sabhi Posts me Author Box kaise lagate hai? (How to add Author Box in Blog Posts?)


Apne Blog ki sabhi Posts me Author Box lagana bahut hi aasan hai. Aapne ab tak bahut se blogs par visit kiya hoga aur agar aapne dhyaan diya ho to aapne dekha hoga ki bahut se blogger apne blog ki posts me About Authoe jaisa Author Box lagate hai jisse Blog aur bhi jyaada Good looking hota hai aur Visitors bhi aapke baare me jaan paate hai. Isse visitors apne blog ki taraf attract hote hai. Author Box me Blog ya Site ke founder ke baare me jaankari hoti hai jise visitors sidhe hi author ke baare me jaan paate hai. To aaj mai aapko bataunga ki 'Blogger Blog ki sabhi posts me Author Box ko kaise lagate hai?'

Read- Website ko Yandex webmaster me kaise submit karte hai?
Read- Blogger blog me Google Font kaise install karte hai?
Read- Feed burner ID kaise banaye aur Blog me Kaise submit kare?
Read- Domain name kya hai aur ise kaise buy karte hai?

Blog ki sabhi posts me Author Box kaise lagate hai

Blog posts me Author Box install karne ke liye sabse pahle apne Blogger.com par login karna hai. Aur fir Layout par click karna hai aur fir Edit par click karna hai. Just like that Blogger Dashbord>>Layout>>edit  jaisa ki niche photo me dikhaya gaya hai.




Step-1

edir par click karte hi aapke samne ek popup window open hogi jisme aapko Show author profile below post par tick lagana hai aur fir save kar dena hai.


Step-2

Save karne ke baad me ab aapko fir apne blogger ke dashboard me jana hoga. aur fir Theme par click karke edit Theme par click karna hai.
Blogger Dashboard>>Theme>>edit Theme



Step-3

Ab aapke samne aapke blog ki poori coding aa jaayegi. aapko isme kahi bhi click karna hai aur Ctrl+F press karke ]]></b:skin>
 ye code search karna hai. Aur ab niche diya gaya code copy karna hai aur ]]></b:skin> Code ke just upar paste karna hai.

/* css Author Box start by helptwoyou.com */ .articleAuthor{overflow:hidden;margin-bottom:10px} .authorContent{overflow:hidden;background:#663366;padding:0;margin:1px;margin-bottom:0;border-top:2px solid #e9e9e9;} .authorLeft{overflow:hidden;float:left;margin-right:10px;} .authorLeft .authorAvatar{overflow:hidden;} .authorLeft .authorAvatar img{background:#663366;display:inline-block;} .authorDetails{overflow:hidden;margin:14px 0 0 0;} .authorDetails h2{font-size:12px;color:#222;font-weight:400;text-transform:uppercase;} .authorDetails h2 a{color:#4db2ec;background:#663366;padding:4px 8px;display:inline-block;font-size:15px;margin-left:5px;border:double #663366;} .authorDetails h2 a:hover{color:#71c5f6;background:#663366;} .authorDetails span{display:block;padding-top:3px} .articleAuthor .authorContent p{color:#222;line-height:20px;margin:0 10px;font-size:15px;} /* css Author Box end by helptwoyou.com */

code ko successfully paste karne ke baad me Save Theme par click kar de.


Read- Internet se paise kaise kamate hai?
Read- Blog posts ko chori hone se kaise bachaye?


Step-4

Ab fir se aapko <data:post.body/>ye code search karna hai aur niche diye gaye code ko <data:post.body/>is code ke just niche paste kar de 

<div class='articleAuthor'>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><div class='authorContent'>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><div class='authorLeft'>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><div class='authorAvatar'>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='<font color="#ff0000"><b>YOUR IMAGE URL</b></font>' width='120'/></span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"></div>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"></div>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><div class='authorDetails'>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"><h2>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;">About Author<a href='<font color="#ff0000"><b>http://helptwoyou.com</b></font>' rel='author' title='Admin'><b><font color="#ff0000">your name</font></b></a></h2>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"></div>
</span></font></p>
<p>
<font face="fauna one" color="#ff0000"><span style="line-height: 18.3999996185303px;"><b>Your full detail </b></span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"></div>
</span></font></p>
<p>
<font face="fauna one"><span style="line-height: 18.3999996185303px;"></div>


Code ko paste karne ke baad me aapko is code me kuchh changes karne honge:-
1. Is code me aapko Your Image Link ki jagah par apna Image link add karna hai.
2. Your Name ki jagah par apna full name dalna hai aur Your full detail ki jagah par apne baare me kuchh likhe jise aap apne visitors ko batana chahte hai.
3. Aur last me is code me se mere blog ka link Helptwoyou.com remove karke apne blog ka URL add karna hai.
Code ko paste karne ke baad me save Theme par click karke theme ko save kar de 

Alert- Yaad rakhe ki <data:post.body/> code blog me 3 jagah par hota hai agar code work nahi karta hai to fir dusre <data:post.body/> code ke niche try kare.
Ab bas aapke blog me Author Box add ho chuka hai. Agar koi problem hai ya koi sawal hai to aap mujhe comment ke dwara poochh sakte hai.

Oh! Aapko ye Post pasand aayi!!!

Help To You Blog ki Latest posts ko apne email par paane ke liye aur Tech aur Blogging ki latest posts ko apne email par paane ke liye abhi Subscribe kare!!!

Previous
Next Post »