Create Responsive Slideshow for Blogger in 12 Steps


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

  • UPload the images

No comments:

Post a Comment