1. Go to your blogger account
2. Visit the Dashboard Layout and then Add a Gadget
3. The search for HTML / JavaScript and paste the code below into
HTML
====================
.kb-ads { background : #EDEFF1; text-align : center; border-radius : 4px; padding : 12px 0; }
.kb-ads img { background : #ebf5f9; margin : auto; padding : 5px; text-align : center; width : 125px; height : 125px; }
.kb-ads img:hover { background : #fff; }
</style>
<div class="kb-ads">
<a href="URL-Link" target=_blank"><img alt="ads banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqF3DBPgKqZjlNEw0Aj2TAtAh2hLz6NDdpydASem2520T-HSxUIWlWCQJ1PUfEFD21DY2wwD8pWHGdDUMeFsBGWeSVvuO9NvG-JpfUpMau3tHw3aw-EjXQqPnOn4LfSTFSMo9TtMalBY/s1600/125.jpg"/></a>
<a href="URL-Link" target=_blank"><img alt="ads banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqF3DBPgKqZjlNEw0Aj2TAtAh2hLz6NDdpydASem2520T-HSxUIWlWCQJ1PUfEFD21DY2wwD8pWHGdDUMeFsBGWeSVvuO9NvG-JpfUpMau3tHw3aw-EjXQqPnOn4LfSTFSMo9TtMalBY/s1600/125.jpg"/></a>
<a href="URL-Link" target=_blank"><img alt="ads banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqF3DBPgKqZjlNEw0Aj2TAtAh2hLz6NDdpydASem2520T-HSxUIWlWCQJ1PUfEFD21DY2wwD8pWHGdDUMeFsBGWeSVvuO9NvG-JpfUpMau3tHw3aw-EjXQqPnOn4LfSTFSMo9TtMalBY/s1600/125.jpg"/></a>
<a href="URL-Link" target=_blank"><img alt="ads banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCqF3DBPgKqZjlNEw0Aj2TAtAh2hLz6NDdpydASem2520T-HSxUIWlWCQJ1PUfEFD21DY2wwD8pWHGdDUMeFsBGWeSVvuO9NvG-JpfUpMau3tHw3aw-EjXQqPnOn4LfSTFSMo9TtMalBY/s1600/125.jpg"/></a>
</div>
Changes: URL-Link and the URL of the image, and click Save.
Thanks! See the following tips.

