Monday, March 30, 2015

How To Add 'About Me' Widget If You Have Multi Authors?
How To Add About Me Widget After Multi Authors
Today, This problem occurs with every second blogger. Their is a widget named  'About Me' that automatically shows all information, profile picture and follow button from the author's Google+ profile. But this widget only works if you have only one author on your blog which is you. If you ever add a second author on your blogger blog, the About Me widget transform to 'Contributors' widget which only shows the names of authors. If your blog is very popular and you don't have time to post on it everyday, you assist an author (He can be your friend) and say him to write on your blog. But when you see that About Me widget change to Contributors widget, you got frustrate because you deserve all credits (because you are the founder and mostly poster of that blog). So today, I have a trick by which you can add 'About Me' widget if you have Multi Authors on your blog. This About Me widget will only show information, profile picture and follow button of your Google+ profile not of any other author and it will never change into 'Contributors' widget.

Demo: Scroll down at the end of Blogger Guiders and you can see About Me widget.

Recommended For You: 4 Customized & Attractive Facebook Like Box For Blogger

Add About Me Widget On Your Blog

Actually, I have created this widget as html so you can add it anywhere. Every time, you add a About Me widget, You go to Add a Widget and click on 'Profile' widget but this time, you have click on HTML/JavaScript. Below are the steps, how to add it.
  • Go to Blogger > Layout > Add a Gadget > HTML/JavaScript
HTML/JavaScript
  • Now, put 'About Me' on title field and move on Content field
  • In content field, paste following code and make necessary changes
<a href="https://plus.google.com/[[YOUR_GOOGLE+_ID]]"><img alt="Admin" class="profile-img" src="[[YOUR_PROFILE_IMAGE_URL]]" height="80" width="80" /></a>
<dl class="profile-datablock">
<dt class="profile-data">
<a data-gapiattached="true" data-onload="true" data-gapiscan="true" class="profile-name-link g-profile" href="https://plus.google.com/[[YOUR_GOOGLE+_ID]]" rel="author" style="background-image: url(//www.google.com/images/icons/ui/gprofile_button-16.png);">
Shivansh Verma Skv
</a>
<br />
<div id="___follow_0" style="text-indent: 0px; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 121px; height: 20px;"><iframe data-gapiattached="true" src="https://apis.google.com/u/0/_/widget/render/follow?usegapi=1&amp;height=20&amp;annotation=bubble&amp;hl=en_GB&amp;origin=http%3A%2F%2F[[YOUR_BLOG_URL]]&amp;url=https%3A%2F%2Fplus.google.com%2F[[YOUR_GOOGLE+_ID]]&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.Hg8rZ1ZwQWc.O%2Fm%3D__features__%2Fam%3DIQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCP0O00l9LCQIkIpiJiJ6vPfCvyKsw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1427215757193&amp;parent=http%3A%2F%2Fbloggerguiders.blogspot.in&amp;pfname=&amp;rpctoken=13751855" name="I0_1427215757193" id="I0_1427215757193" vspace="0" tabindex="0" style="position: static; top: 0px; width: 121px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" scrolling="no" marginwidth="0" marginheight="0" hspace="0" frameborder="0" width="100%"></iframe></div>
</dt>
<dd class="profile-textblock">[[YOUR_BIO]]</dd>
</dl>
<a class="profile-link" href="https://plus.google.com/[[YOUR_GOOGLE+_ID]]" rel="author">View my complete profile</a>
<div class="clear"></div>
<style>
.profile-img{
border:9px solid;
border-radius:100px;
}</style>
  • Last Step. Make Changes as in place of highlighted words.
  • Click on Save Button!

Final Words From Author

I hope you liked this widget because it will help many bloggers to show their information in place of Contributor widget (author names). Actually, I have hacked this widget's HTML. If you want to make more changes, just add what you need to be customized and we will customize it for you! Share us if you liked the widget. Thank You!