How To Add About Author Widget in Sidebar?

Note: This help article is specifically for the Stella Blogger Template.

A about author widget is necessary in every blogs, as it gives a hint to the readers about you. It also works as a bridge between you and your audiences, because usually readers get engaged with more interest when they know about you and your story on your blog.

So in this article we will see how to add about author widget in sidebar in Stella Blogger Theme.

 

First Log into your Blogger Dashboard then navigate to Layout > Add a Gadget.

Select the HTML/Javascript editor from the gadget list, as shown below.

Now, add the below code inside the editor and save the editor with proper title.

<div class="about-us">
<div class="author-avatar">
<a href="/about-us.html"><img src="https://3.bp.blogspot.com/-XdwBhIcIbUY/Vm50Y4Kzv3I/AAAAAAAAB2o/sM1KOGESK0U/s1600/woman-863122_1280%2Bcopy.jpg"></a>
</div>
<div class="author-description">
<h3>Wendy Mcburger</h3>
<p>Quisque feugiat mollis congue. Maecenas in odio eget felis hendrerit ultrices vitae sit amet arcu. Donec pellentesque enim mollis.</p>
</div>
</div>

Make changes to the text color in red and save the changes.

  1. In place of /about-us.html add url of your blog page. i.e. http://example.blogspot.com/p/about.html
  2. Replace https://3.bp.blogspot.com/-XdwBhIcIbUY/Vm50Y4Kzv3I/AAAAAAAAB2o/sM1KOGESK0U/s1600/woman-863122_1280%2Bcopy.jpg with image url of yours.
  3. Replace Wendy Mcburger with your name.
  4. Replace Quisque feugiat mollis congue. Maecenas in odio eget felis hendrerit ultrices vitae sit amet arcu. Donec pellentesque enim mollis. with a short paragraph describing you or your blog.

Do explore all other article related to Stella Blogger Theme, so you can easily use it at your own blog. You can also contact us anytime if you need further help in editing of the template. For that you have to just leave your message on our contact page.