GuidePedia

3
Blog Me About Author Box Kaise Add Kare isake bareme shayad aap janate honge. But kya aap jante hai Blogger Blog Ki Har Post Me About Author Box Kaise Lagaye ? Blogger Ki Har Post Me Author Box Enable Kaise Kare ? dosto agar aap nahi janate hai to koi bat nahi aaj hum jananewale hai Blogspot Blog ki sabhi Posts me Author Box kaise lagate hai ? New bloggers ko janana jaruri hai Blogger sabhi post ke niche about us (author box) kaise lagaye ? Blogspot Blog me post ke end me author box lagane se site par visit karnewale visitors ko site ka author kon hai, kya karta hai, photo kaise hai in sab ke bareme janakari milati hai. To chaliye dosto dekhate hai Blogger Ki Har Post Me About Author Box Kaise Lagaye ?


Blogger Ki Har Post Me About Author Box Kaise Lagaye image

Blogger blog me hum helpful content likhate hai, useful information share karte hai. Visitors ko article accha lagata hai visitor site ke author ke bareme janana pasand karte hai. Aise Visitors ko author ki information dene ke liye hume about author box lagana jaruri hai. Aaj hum bat karenge Author Box ki Blogger Blog me Author Box Kaise Add Karte Hain ye janane ke liye ye article carefuly read kare.

Blog Me About Author Box Kaise Show Kare

Blogger blog me about author box add karne ke liye kuch simple steps bata raha hu in steps ko follow kare.
Step 1.  Sabase pahale hume apane Blogger blog me log in karna hai aur Layout option me jana hai.


 Layout Option me blog post edit section par click kare.
Blogger Ki Har Post Me About Author Box Kaise Lagaye layout option

 Edit par click karne ke bad ek new window open hogi. Jisame show author profile below post ye option show hoga. Is option ke samane yes par tick mark lagana hai.

Blogger Ki Har Post Me About Author Box Kaise Lagaye

Step 2. Ab hume blogger blog ke template me kuch code add karne hoge.
Theme edit html par click kare
➤ Edit par click karne ke bad template ki coding show ho ne lagegi. Is coding me hume Ctrl + F press karna hai jisake bad search box open ho jayega.

➤ Is Search box me hume ]]></b:skin> ye code copy karke past karana hai aur enger key press karna hai.
➤ Ab apako search result show hoga jisame apako ]]></b:skin> code dikhai dega. aba hume is code se thik pahale Niche diya hua code paste karna hai.
                                                                                                                                       

/*Professional Author Box CSS Code by https://hinditechnoguide.blogspot.com*/
.about-author {
width : 750px;
overflow : hidden;
margin:12px 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;


/*Professional Author Box CSS Code https://hinditechnoguide.blogspot.com*/

                                                                                                                                       
Step 3. Ab hume Ctrl + F key press karke search box ko open karna hai aur  <data:post.body/> ye code search karna hai.

➤ Search reuslt show hone ke bad hume <data:post.body/> Is code ke thik niche ek new code paste karna hai jo maine yaha par likha hua hai.
                                                                                                                                       

<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/HindiTechnoGuid"rel="nofollow" target="_blank"><font color="#00aced">Twitter</font></a> | <a href="http://www.facebook.com/Hindi-Techno-Guide-1126314514122402/" rel="nofollow" target="_blank"><font color="#3b5998">Facebook</font></a> | <a href="http://plus.google.com/106995695656465922446"rel="nofollow"><font color="#dd4b39">Google Plus</font>
</a></p>
</div>


                                                                                                                                       

➤ Is code ko paste karne ke baad hume is code ko customize karna hoga.

➤ About-Author - Is jagaha par apako apana name likhana hai

➤ Paste Your Image URL Here - Apako author box me jo image show karna hai us image ki link ko yaha add karna hai.

➤ Write Something About Yourself - Is section me apako author ke bareme information write karni hai jise visitor read karenge.

➤ http://twitter.com/yourblogaddress - Is jagaha par apana twitter user url add karna hoga

➤ http://www.facebook.com/yourblogaddress - Facebook page ka url is jaga par add karna hoga.

➤ http://plus.google.com/yourgoogleplusaddress - Yaha par apane google plus ka url add karna hoga.

Dhan ta naaaaaa na..........

Dosto in simple steps ko follow karake Blog Me About Author Box Add Kare sakte hai. Ummid karta hu apake liye ye article helpful ho. Is article se releated ya fir blogging se releated koi question ho to jarur comment kare. Hindi Techno Guide me publish honewalie useful article ko apane email par receive karne ke liye hume subscribe kare.

Post a Comment

  1. Blogger Post Me About Author Box Kaise Add kare is post Very nice and good helpful information, thanks for sharing.

    ReplyDelete

 
Top