This tutorial will show you how to add a circular avatar to your Weebly blog posts. The avatar can be hyperlinked to any page of your choosing and will automatically appear on every blog post on your Weebly site.
Placing an avatar next to a blog post helps to make the blog post more personal and relatable.
Step 1. Open The HTML/CSS Editor
Clickon "THEME" at the top, then click on "Edit HTML/CSS" on the left.
Step 2. Upload Your Avatar
To upload your avatar, go under "ASSETS>Images>Upload File(s)...". An avatar size of 300x300 is recommended.
Note: If you don't have an "Images" folder, you can simply create one by clicking on "ASSETS".
Step 3. Open the Blog post HTML file
To open the blog post HTML file, on the left, under "PARTIALS", click on "blog>post.tpl".
Step 4. Add HTML code
Within the file on the right, you're going to replace the orange code below...
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.