Stylish Blogger Author Box All Blog Post Me Enable Kaise kare 99techspot.in

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.

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.

Blogger ke Sabhi Post Me Adsense Ke ads Kaise lagaye

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.

Sabse pahle aapne blogger dashboard me theme per click kare.
Ab Edit HTML Per click kare.
Ab Template Par Click karke CTRL+F dabaye.
Aur Search Box Me ]]></b:skin> code Type kare.
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.

Ab fir se search box me <data:post.body/> code ko search kare.
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=”https://twitter.com/Blognetbook” rel=”nofollow” target=”_blank”><font color=”#00aced”>Twitter</font></a> | <a href=”https://www.facebook.com/blognetbook” rel=”nofollow” target=”_blank”><font color=”#3b5998″>Facebook</font></a> | <a href=”https://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. https://twitter.com/Blognetbook change twitter username

4.https://www.facebook.com/blognetbook change facebook username

5.https://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.

➤ Stylish Drop Down menu Blog Website Ke Liye.

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.