How To Add Author Widget To Your Blog

Ok everything seems to fine upto now. But When I have been reading many articles on my friends blogs and much more. I found in many blogs keeping author widget regarding About the Author as your are seeing below this post. Ok after an study regarding my template then I would like to share this, how to add author widget for your blog and  how to insert the code into your html and make your “About The Author “ visible under my posts. You need not worry about your knowledge regarding html. Ok before getting into tutorial. I would like you to stay connected with me in my Facebook , Twitter and also Google+



STEP 1 :

  1. Login into Blogger
  2. Select your blog if you have many
  3. Then migrate to TEMPLATE –> Click on “EDIT HTML
  4. Then find for ]]>
  5. Then copy the below code and paste above it / before it..
  6. Then click on save template .

.dc-about-author-containter h3, .dc-about-author-containter p{
margin:0 0 10px 0;
padding:0;
}
.dc-about-author-containter{
background: #f2f7fc;
border: 1px solid #000;
clear: both;
margin: 20px 0;
overflow: hidden;
padding: 20px;
}
.dc-about-author-pic{
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 100px;
width: 100px;
margin: 0 -122px 0 0;
padding: 10px;
}
.dc-about-author-pic img{
width: 100px;
}
.dc-about-author-text{
float: left;
margin: 0 0 0 140px;
}

Now find for 




Customization :

  1. TYPE YOUR NAME HERE    :  REPLACE THIS WITH YOUR NAME
  2. YOUR-PHOTO-URL              : ENTER THE URL OF PHOTO
  3. ABOUTH THE AUTHOR YOUR DETAIL TYPE HERE : ENTER THE TEXT YOU WANT TO DISPLAY BESIDE YOU PIC.

Article By Tharun

Hey! Tharun here. A Blogger makes blogging on wordpress tips, blogger tricks, SEO tricks, Android Apps, He love to share what he knows. Meet him at Facebook, Twitter. Get free Wordpress Installation Service Contact Here.

Leave a Reply