How to add slideshow in a post and blog

Hello Guys !if you are looking for how to add slideshows in your blog or post then you have found a right blog. Welcome to my blog Techno Kashmir.Here in this post i will show you how to add slideshow in a post or blog.Let me explain every thing about this.

SlideShow: As you know that slides are common in posts and blogs and are considered most beautiful gadgets.We also found slideshow in our android mobile phones, In software powerpoint is most powerful slideshow software where we create thousands of slideshows.

In this post i will just show you how to add slideshows in post as wee as in blogger and website.Let we begin the processes .

Following steps to be followed:

First of all "create a new post in blog"
Then download at least four images and put the size of all images same so that your post may not vary while playing slides automatically.
After you completed the size of images and saved them in your laptop or disktop
Now go to www.blogger.com and create a new page.
After you create a new page upload all the images in that post or page.
after you upload the images that you want to run in your blog as slides SAVE the post,Remember that not to publish the post.
Now here you need the HTML code of slideshow which is given blow.

<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"></link>
<style>
.mySlides {display:none;}
</style>
<body>

<img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd7UczvlVWlxJzwHZVWNg7B4EWkBNOqXCXlEWdNjugNsFJpoyNZZeI07LdvITWh30AphRY49OHjNDqRni9JohfGzuXxjxyCenbQgvLEfGtPCFwj-lf_9t3GkkBBLMEq7lwx-zygsrlsj5O/s320/close-up-photo-of-pink-petunia-flowers-1414042.jpg" style="width: 100%;" />

  <img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw-8FtCCKHhWN9YBUs8fkEI2MDlvUjowoAhJ0NPqwctG8mAY9Uo-STHOOu8Mnmo-C44LYGckf5srhImAlJGiBPFbskdyRbTCI7eX7Ie8DqvqHJgnqKlntJeliT_da61uIrnb5MYjZfUT1Y/s320/beautiful-bloom-blooming-blossom-268432.jpg" style="width: 100%;" />

  <img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzwk2a5lAc_FwSkKokrNlLf011IcdMfXZRI-6Kyq3R7e8exZyljyPCRQpDweVUkW3EEEAiwvVj1FeUMEiLjofp2FwTPPYy_3xEEdPSU1sq40xMB2H4W0QxSfqVDhIPRP5M21VR-2hnMONh/s320/macro-shot-photography-of-white-flower-697260.jpg" style="width: 100%;" />

  <img class="mySlides" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZXihbrXs98d9qItJHYcmkZnQSe9y19b-TnyD9hvUIja-Azc-B5QE1kDb6G8OXV84eIsRto0Vm1KXDIXs_oiYUvQLnY8JM8uPgOjGavdJbczT7AV1l_fk_7Un4V6Cr26zvJZcOp8Snbzt/s320/bloom-blooming-blossom-blur-462118.jpg" style="width: 100%;" />
</body>

<script>
var slideIndex = 0;
carousel();

function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none"; 
  }
  slideIndex++;
  if (slideIndex > x.length) {slideIndex = 1} 
  x[slideIndex-1].style.display = "block"; 
  setTimeout(carousel, 2000); 
}
</script>

</div>

Copy the code and create a new Page in page section.
Now paste the code in that page .Here your work starts.
Now as you have created images in post section
Right click the one and "copy code image"
Now you have copied the one image code.
Now go to the HTML code page and find <img class="mySlides" , when you find the <img class="mySlides" you will see a https:// URL, Now delete the URL and past the image copy code in place of url.
Now you have to repeat the same process four times so that the sideshow effects in your blog or post.
If you want to make slideshow in your post you have to copy the code which you have now created and past the code where ever you want to paste in the post,then play the slides in your post,
and If you want to play the slideshow in blogger then you have to copy the code again and go to layout section and then go to sidebar menu and "click on add a Gadget" then click on HTML/Java and past the code. and save the code.
Now the effects has taken from both in post and blogger.

I hope you like this post and i am sure that you will share this post.

Do not forget to Subscribe our Youtube channel.