How to create image slider in Blogger Website?

   

 Create and add image slider in blog website



If you want your images to move in slides then you have to create a image slider
creating a imageslider is easy. 


Here step by step guide is provided to create your own image slider and run your images in blog website


1. Just copy the below text in image or change image into text  in html and open notepad on the computer and paste copied text. 
2. Now copy url of your selected image to get slided  and paste it on sample URL of image below:

 Sample url in image
  "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Ny8_rqeeMPZ35_lp8SH80Ibjr2TU02YqD3AzUEZuqvcgcogOwyRv3aSYIA1aKLesrrDik9D7EO-dA-vlwRiXH_yYnHceXkSbxA_5wvZDHUeUrWB0XUzXz80pVVOlnNosu-1GHkaRwiRpPFjjROoGJu4Y7LK2PpGMwXr5he-bUWiCZet0idpLGvzFfMp9/s941/IMG_20241120_101531.jpg"



Repeat the same process i.e copy the url of your image and paste it on sample url of image.
In this i have made only three slides. You can add more.


3. Now copy the text in html again and go to layout in your blog and add gadget as HTML/JavaScript and paste text in it and press save. 
4. Return to home page and click refresh and you will see images sliding.

 Image 

. Note you can paste imageslider html text in your post or article also.




* For any help please feel free to mention in comments section.
 


Thanks for being with us, Stay Connected ☺️

Post a Comment

Previous Post Next Post