Blog ya website me about author box kaise banaye

Blog ya website me About author box kaise banaye(ब्लॉग या वेबसाइट में About author box कैसे बनाये)

Blog ya website me author box kaise banaye

Welcome back, Agar aap Aaj is post ko padh rahe hain to iska matlab aap ek passionate blogger honge.But koi baat nahi me aapko aaj batane ja raha hun ke kisi bhi blog/website me about author box kaise banate hain...

Blog/website me About author box kyon banate hain

Well,Simple hai agar aap kisi ki help ya madad karte hain to log aapse introduce hona to chahega hi.Same isi tarah agar aap blog/website ke madhyam se help/madad kar rahe hain to obviously bloggers/visitors to aapke bare me janne ka to kosish karega hi....Isliye blog me about author box lagate hain take hamlog apna intro apne visitors ke sath share kar payen.

Blog/website me stylish author box kaise banaye

Well,sabse pehle aap blog/website ke Theme/template option me jayen aur Edit template par click kare.ab aap Control+F 
Dabayen aur search box me </article> likhkar search kare.
blog ya website me about author box kaise lagaye


(1).ab niche diye gye code ko copy kar len.


<style>.avatar {

    float: left;
}
.avatar-85 {
    border: 3px solid #fff;
    border-radius: 85px;
    margin-right: 10px;
}
.icons-social {
    margin: 0 auto;
    clear: both;
    float: none;
}
.icons-social li {
display: inline;
padding: 0;
float: left;
}
.icons-social #social a {
display: block;
height: 42px;
width: 42px;
margin-right: 5.5px;
color: #fff;
text-align: center;
font-size: 20px;
}
.icons-social #social a:before {
display: inline-block;
font: normal normal normal 22px/1 FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: 400;
line-height: 42px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-social .facebook:before {
content: "\f09a";
}
.icons-social .twitter:before {
content: "\f099";
}
.icons-social .gplus:before {
content: "\f0d5";
}
.icons-social .linkedin:before {
content: "\f0e1";
}
.icons-social .instagram:before {
content: "\f16d";
}
.icons-social .pinterest:before {
content: "\f0d2";
}
</style><p><img alt="captain_jack_sparrow___vector" src="https://4.bp.blogspot.com/-tcEnS_9LDBU/Wc9BSbR4lhI/AAAAAAAABmo/Uroor6RooCU0bySI_Dkg_BhY4aq3GJpAwCLcBGAs/s1600/Me.jpg" srcset="https://4.bp.blogspot.com/-tcEnS_9LDBU/Wc9BSbR4lhI/AAAAAAAABmo/Uroor6RooCU0bySI_Dkg_BhY4aq3GJpAwCLcBGAs/s1600/Me.jpg" class="avatar avatar-85 photo" height="85" width="85" title="captain_jack_sparrow___vector" / ><b>About author</b><p>Hellow,mera name Rizwan hai.Mujhe tech knowledge share karne me bahut maza aata hai. </p><br /><a href="http://www.feemegyan.com/p/about-us.html?m=1" style="
    color: #0288d1;

">Learn More →</a></p>


(2).Ab aap Code ko </article> ke niche paste kar den.Aur Template ko save kar den.




Note-(a)Ab aap is color me jo link ka address hai uske jagah apna photo ka link ko paste kare.

Note-apna photo ka link ke liye about us page me aapka jo photo hai uspe click krke "open in new tab" par click kar open karen.aur dusre tab se link copy karlen.

(b). is color me jo text hai usko hatake apne bare me likhen.

(C). is color me jo link h usko hatake apna About us page ka link paste karen.


Important fact-agar aap Footer me About author box set karna chahte hain to simply uper wala code ko Layout>Footer widget>add a gadget>HTML/JAVASCRIPT Me paste kar den...aapka author box footer ke show ho jayega....

Agar iske baad bhi aapko koi problems aati hai to mujhe comment box me likhe me turant reply kr dunga....




Tag lines-blog me about author box kaise banaye,Kisi bhi blog me about author box kaise banaye,Website/blog me stylish Author box kaise banaye,How to create stylish author box in blog/website, Blog/website me author box kaise set kare,Comment se pahle about author box kaise set kare,How to set/creat author box before comment box in blog.,Blog me about author box kaise add kare.



Labels: