Stylish Blogger Author Box All Blog Post Me Enable Kaise kare
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.
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
- 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;
}
- 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>
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.