How to Add Author Profile widget to Blogger blog with Pictures

Sunday, 13 March 2016

How to Add Author Profile widget to Blogger blog with Pictures

Hello friends welcome to the Techtspot blog, today I will show you how to insert or add an Author Bio widget to the Blogger blog with pictures.

What is the Author Profile widget?

Author profile gadget help us to display our information means author information to our visitors, when we have multiple authors in our blog then the gadget help to find out which writer or author write the article.

Why we need to add an Author Profile widget to the blog?

Above I tell you the main reason to add the author profile box to the blog, it is very useful to recognize the author, when visitors are very used to reading a post then they can also find out the author's profile to check out the author info and their other profiles, for example, other blog or website, and social media profiles to get the information about the author and follow.

Now the other prospect is whenever your content or an article gets a lot of shares on various social media networking sites then some of the companies are also reading your fabulous written article and they like your writing style then they can easily contact you because of the author profile gadget.

Now the author profile widget or gadget, here blogger platform has a profile gadget, when we are adding the profile gadget in the blog it will display author information but it is not attractive or looking wise it is a very simple gadget, so here I give you the custom author profile widget, this helps you to display the author information in a very lucrative way, now let's start.

These are the Following Steps:-

Step 1: Now first I will display to you how to add a blogger profile gadget to your blog, open the blogger blog dashboard and click the Layout option, here you just find out where you want to add your profile gadget then click the Add a Gadget link.

Step 2: Now in this scenario, you will find out the Profile gadget option and click it.

Step 3: Here do some configurations like put the title that you want to and click the Show about me button then click the Save button, now open your blogger blog to check the profile gadget.

Step 4: Now the Profile gadget suits your blogger blog theme then it is ok, but if you want to add some information about you and add some social media buttons in that gadget it is not possible in the profile gadget, so here I give you the second option it is a custom author profile widget option, now again find out the place where you want to add the custom author profile widget then click the Add a Gadget link and click the HTML/JavaScript option.

Step 5: Now you paste the custom author profile widget code in the content area and click the Save button, but before adding the custom profile gadget, in the code, you add your profile picture and edit your social media profile as well.

Custom Author Profile Widget Code:-

Note:- Here you can replace your Author image URL with Red URL and you can also replace your social media links with blue URLs, now you can visit the blogger profile and right-click on your profile image, and click the copy image address option to get your profile image address.

Step 6: Now open the Blogger blog to check the results.

Now Visit the - Demo Blog to see the result.

Above I give you my demo blog link, where I enable the profile and custom profile gadget, if you are thinking to set up the author profile widget in your blog then first look at the gadget how it looks like in my demo blog and you can easily compare the simple profile gadget and the custom author profile gadget as well.