SEO TOOLS JUNCTION

Add Scrolling Images to blogger

How To Add Scrolling Images to blogger


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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPHbXCy8-_BkTfhJYsArh-SrUXP3s49KEDKe5lMT_YCR3mQPO3yevbixT8jladjxUBBtKleoAzAhsQ2KyvzMTTo0SxfR5x3_k0HpmOkq5Ivc36ozCIrqVd9NS0kbDvwRKW91GyxTySN9I/s400/KAGAYA0311.jpg" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh5qSYNL7TQ6oKueNCDNroiO3-HwChJrQWytlQKNret3u3zuIrykYPnPPDH-xFOf7u9Ir58tQSzph9IgpEXmS1JOrL-nX1Tp5Ssa6iL0s986s7aP-m4X_i2zxLH6cA5CU_i7Ufa8j8bjQ/s400/KAGAYA0433.jpg" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW-IPUkjl9UQZqS_9RnAK0d-KJNrw-Xc9LI-0_N2SzJx6FenzwmLYIsjmFPb_us5qPfDOPQ8OeOa2lMb-NGRLn3w-5UxiI5mz6lOlfFRAgcAH6DnliQt2r6tTAbZFPNMKX2teV08kt6p8/s400/KAGAYA0324.jpg" />
</marquee>
It look like this.

You can add more images as your choice. 

No comments:

Post a Comment