How To Add Scrolling Images to blogger

Posted by Lasantha Bandara File Under : html, image 7 Comments

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. 

7 thoughts on “How To Add Scrolling Images to blogger

  1. Dear Sir, I was unable to get this 'up' scrolling Images. If I put your example in my blog, it is running perfectly. But My Images are not visible. Please Tell me sir, what is the problem.

  2. @BeautyBeautyMaybe your link was wrong... because same thing happen to me... If I put your link in my blog, its running very perfectly... I want some explanation... Thank You

  3. Hello. I like this idea of scrolling pictures. I'd like to add one like this in my blog.

    Here is my very newbie blog: www.jackdi.blogspot.com

    I just post anything i like. And right now, i want to post images in it the way some manga sites do it (eg: MangaStream.com). I mean, in MangaStream, they open the images on the same place as the previous one, and so on.

    Can i do this in blogger?
    Please enlighten me.

    Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.