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/AVvXsEhBiBWShwLUyh83UCfPGwlcIJ2CN9Auyr5m863bDxyohOKOWMMDtex615iqRAYQ5MGzYCde_PIS01uBr1aM1D9bHbCZ6vsHLGobNeD79ijVqVNPn6rDz8FP2KIMTGEG2PTae93U44fL_vU/s400/KAGAYA0311.jpg" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikCpxVF95ONC8LD35K4zEM__Z_tg5coMkeUeuzR7lh4BNlGDKvRldl829S7YTvcrYcnuHo2CoXx0UnXO_YszqFL61MmCWvdSwOMMio9AHKVl02R3cCb5bq8TpIPQf-3wmI5oU1zsld7gM/s400/KAGAYA0433.jpg" />

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtaN07C5qbKlxrYqia5QUYZKRE4d1BT7Wq7ViQkT8_xEbW2vFDwXI-VXFO1Q3UsOfkf3A-nxFSmlxTkVaGgWtxxkKI5lEuguPnQXIi6esnoU83L0dDZsywtz5s7fnFSbOStsHGDyjr-KU/s400/KAGAYA0324.jpg" />

</marquee>

It look like this.










You can add more images as your choice.

0 comments:

Post a Comment

 

Support By Blogger