BlogTricks

← All articles

How To Add Scrolling Images to blogger

Published June 2, 2026

1.Login to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<marquee direction="up">

<img src="YOUR-IMAGE1-LINK"/>
<img src="YOUR-IMAGE2-LINK"/>
<img src="YOUR-IMAGE3-LINK"/>

</marquee>

Note : Remember to replace YOUR-IMAGE1-LINK ,YOUR-IMAGE2-LINK,YOUR-IMAGE3-LINK with your images links.

Look at the example below.

<marquee direction="up">

<img src="https://2.bp.blogspot.com/_ar9PeTUrwMY/SiJhTQcMhwI/AAAAAAAAAf0/NN6DC5OmQIE/s400/KAGAYA0311.jpg" />

<img src="https://3.bp.blogspot.com/_ar9PeTUrwMY/SiJhaqW8H8I/AAAAAAAAAf8/Hbx1UXLEy9E/s400/KAGAYA0433.jpg" />

<img src="https://4.bp.blogspot.com/_ar9PeTUrwMY/SiJhgSum6-I/AAAAAAAAAgE/LpFEXMYRkvw/s400/KAGAYA0324.jpg" />

</marquee>

It look like this.

You can add more images as your choice.