Create Responsive Slideshow for Blogger in 12 Steps

Sometimes we need to showcase some images to our reader or make a presentation of any topic. So the good way of showcasing or representing  the images is make their slideshows and embed them in your posts or on anywhere you want.

If you think that why you make slideshow of images instead of directly add them in you post then here is the answer. Adding Lot's of images in one post cause you site load slower, you users have to scroll down which interrupt the mobile users and by using slideshows you can make your blogger template more interactive.
blogger slideshow

So, here in this post I have posted best blogger widget of slideshow. In the widget generator you will find a lot of slideshow skins and templates which you can use. With this slideshow widget you can make your more best blogger template

How to create slideshow


  1. First of all open this site - Cincopa
  2. Now at there click on get started at right sidebar:
    cincopa slideshow
  3. Now at their at top you should see some options. From them choose slideshow
    choose slideshow for blogger
  4. Now you see demo of many skins of slideshow. You can choose any skin which you like for you blogger slideshow. To choose hover on any skin and click on use this skin
    blogger slideshow skins
  5. Now after selecting the skin now its time to customize your slideshow. When you click on slideshow, you will be taken to customization page. At their three options of customization Basic, Advance and Misc. In basic you can Give the title, description to your slideshow and adjust the width, number of slices and animation of your slideshow. (Tip: While adjusting the width of you slideshow I recommend you to choose percentage (%) instead of px.)
    basic slideshow for blogger
  6. In advance option you can customize something cool. In first you can edit the CSS of your slideshow for blogger. Yes! if you are programmer then this option is awesome for you. Along with it there also many other options by which you can customize your slideshow skin. as shown in below snap.
    advance blogger slideshow
  7. In Misc option you will be provided some permission options. At this you can choose if anyone download the images or not. You can also select a domain lock, therefore, the slideshow is only for your domain, which means that if someone copy the source code of your slideshow and paste it in his own site the slideshow will not appear because the domain name is changed.

    Here I will recommend you to stay the option OFF for Iframe because if you want the google crawl your slideshow then keep it off. Because if you choose iframe then google can't crawl it.

    And with this option you can also add search box in your slideshow.
  8. Now after completing your customization of your slideshow now click on Save and Continue button at top left.
    save blogger slideshow
  9. Now at there you will be asked for sign up to proceed. You can use the old method of signing up via email and also via facebook, twitter, gmail and AOL. Its upon you to choose what option. If you want to save your time then I will recommend you to ignore the email option.
    sign up for slideshow
  10. Now after signing up the next option is to upload the images. There are many options by which you can upload the images. The first is upload from computer, upload from facebook, upload from email, upload from dropbox, get snap direct from your web cam, from instagram and a basic uploader best for the tablet users.
    images for slideshow
    Now after choosing the files click on upload and you will see the files uploading...
  11. Now after upload finished then click on Save and continue button. At next page you will see options for every image to add caption, and description to every image. After adding the desciption and caption click on Save and continue button.
  12. Now here is the last step. Here you can get the embed code of your slideshow. To get the code for blogger click on the blogger option and click on copy the code and then paste it where you want the slideshow appear. To add in post go to post editor and in HTML section paste it.
    embed slideshow to blogger

Live show of this tutorial

...




Final words

I hope that you like this tutorial of how to create responsive blogger slideshow only in 12 steps. I hope that this slideshow will add a new life to your blog and bring more readers and make your blog more nicer. Well, if you have problem at any step feel free to ask.
Create Responsive Slideshow for Blogger in 12 Steps Create Responsive Slideshow for Blogger in 12 Steps Reviewed by Maher Afrasiab on 10:27:00 am Rating: 5

No comments:

Powered by Blogger.