Kya aapne Blog website ke all post me Stylish Blogger Author Box ko enable ya add kiya hai ? Agar nhi kiya hai To aaj is post me aapko Stylish Blogger Author ko blog post ko niche kaise lagane ke liye Bahut simple traika batane ja rha hu. Jaise ki aapko pata hi hoga wordpress blog par author box enable ya add karne ke liye Plugings ko install karna padta hai. Aur blogspot me css code ya html coding se blogger author box add karna padta hai.

Stylish Blogger Author box


So is post me aapko bahut simple traike se  stylish blogger author box ko add karne ke bare me janege. Mene aapne ek picle article me stylish Blogger Author box ke bare me article publish kiya hai. Lekin aaj ke post me  best blogger author box  add kar payenge.

Top 5 best custom search box design blog ke liye.
Top 5 best website blog scorllbar design



Jaydatar blogger ko post ke niche author box ko add karne me problem hoti hai.  lekin agar aapko basic css coding ki nowleadge ho to bahut simple hai. To chaliye jante hai blog post ke niche stylish blogger author kaise add kare.



How to Add Stylish Blogger Author in Post Below

Blogger author box ko add karne ke liye niche diye gaye simple step ko Follow kare.

Step 1.
  1. Sabse pahle aapne blogger  dashboard me theme per click kare.
  2. Ab Edit HTML Per click kare.
  3. Ab Template Par Click karke CTRL+F dabaye.
  4. Aur Search Box Me ]]></b:skin>  code Type kare.
  5. Aur Niche Diye gaye Css code ko ]]></b:skin>  code ke aghe paste kare.

 /*Professional Blognne Author Box CSS Code*/
.about-author {
width : 750px;
overflow : hidden;
margin:10px 0px;
border:0px;
    background: #f2f2ef;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #EAEDEF;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
    font-family: Georgia, Tahoma, Verdana;
    line-height: 24px;
}
.about-author img {
display: block;
width: 90px;
height: 90px;
margin: 0 1.2em 0 0;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
border: 2px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.about-author h3{
font-family:georgia !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;

Step 2.
  1. Ab fir se search box me <data:post.body/> code ko search kare.
  2. Ab is css code ko <data:post.body/> ki niche paste kar de.
<div class="about-author">
<h3>About Author:</h3>
<img align="left" src="Paste Your Image URL Here"/><p>Write Something About Yourself</p><br/>
<p>Let's Get Connected: <a href="http://twitter.com/Blognetbook" rel="nofollow" target="_blank"><font color="#00aced">Twitter</font></a> | <a href="http://www.facebook.com/blognetbook" rel="nofollow" target="_blank"><font color="#3b5998">Facebook</font></a> | <a href="http://plus.google.com/109208666606854207231" rel="nofollow"><font color="#dd4b39">Google Plus</font>
</a></p>
</div>




Customization:-
1. Paste Your Image URL Here  ke jagah par apne image url dale. 
2.Write Something About Yourself  ke jagah par apne bio write kare
3. http://twitter.com/Blognetbook change twitter username
4.http://www.facebook.com/blognetbook change facebook username
5.http://plus.google.com/109208666606854207231 change facebook username

I hope aab aap samjh gaye honge ki blog me stylish blogger author box add karna simple hai.  agar aapko author box ko add karne me khoi problem ho to hame comment karke  puch skate hai. Aur agar comment box passand aaye to comment karke jarur bataye.


Asha karta hu aapko stylish blogger author box ke bare me yeh post passand aha raki hogi. to is post ko soical media aur other blogger ke sath jarur share kare. other Blogger widget ke liye hamare all blogger widget ko read kare.

Popular Posts:-
Top 5 Best Blogger h1 h2 h3 headings.
Blog post me Google font kaise install kare.
Top 5 best ul bullet list design blog ke liye.