How To Add About Author Widget?

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

To add about author widget in your blog, using our Honey Blogger Template. 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.