Putting image at bottom of board

Recently, I have joined a promotion website and I was suggested to add in a "special code" to boost its rankings and visibility there.

The code in question is this:

Code:

<div style="position: relative; width: 96px; height: 96px;"><a href="https://forumdir.com/topsites/the-knowledge-hub.8/vote?type=up" title="The Knowledge Hub"><img src="https://forumdir.com/data/RG/TopSites/icons/0/8.jpg?1725907072" alt="The Knowledge Hub" style="width: 100%; height: 100%; border: 0;"></a><div style="position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; font-size: 10px; padding: 2px 0;">Vote for The Knowledge Hub</div></div>

...and I want to put this at the bottom of the board, but to be placed where I've marked it


Because I'm still not savvy with the admin panel, can anybody tell me where in the admin panel can I put this?

Admin Panel - Display - Templates - General - find "index_body" and click on the gear to the right side.
In the search bar look for: "picture_legend" and you will see this:

Code:

<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy"/>{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy"/>{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy"/>{L_FORUM_LOCKED}</li>
</ul>

Bello that code add yours and click on save. But, that's not all. Even you clicked save, you have to confirm what you saved by clicking on checkmark image.

Okay, done that and it works perfectly

Thanks very much!

Thank you for your help @Wizzard

Problem solved & topic archived. Please read our forum rules: ESF General Rules