Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger Magic Slideshow for Blogger

Look like an uber-designer (without the work)

Gradually zoom images in/out with Ken Burns for a classic look

  • Go full-screen to show beautiful big slideshows
  • Touchscreen ready - swipe left and right to change the slides

Install | Download

  Rating: 5.0 (1 reviews)

Relied upon by Blogger website owners, Magic Slideshow has been the professional choice since 2009 for stunning slideshow effects.

This Blogger image tool makes it easy to apply these effects to your pages.

With free new versions regularly released, your images will always look gorgeous with Magic Slideshow.

Installation

  1. Download Magic Slideshow (free and fully functional demo version).
  2. Unzip the file on your computer and FTP magicslideshow.css and magicslideshow.js files to your website server. There is no facility to upload JS files to Blogger, so you must upload the 2 files to a server and reference them in your template <head> code. (If you do not have access to a server, internet search "free web space". There are lots of free hosting options available. You can even use Dropbox.)

    (Tip: to find url reference in Dropbox: Highlight file > Right click > Select 'Copy public link')
  3. Also, FTP graphics folder to your website server. Images in this folder will automatically be displayed as part of the tool.
  4. Edit Blogger template

    Go to your Blogger Admin Area > Template > Edit HTML. Add the following code just below the <head> tag:

    <link type="text/css" rel="stylesheet" href="http://www.example.com/magicslideshow.css"/>
    <script type="text/javascript" src="http://www.example.com/magicslideshow.js"></script>
  5. In the code above, replace the example.com URLs with the URLs of the location where you uploaded your JS and CSS files.
  6. Insert HTML code for Magic Slideshow in Blogger admin

    Now you can use Magic Slideshow on your images.

    Go to your Blogger Admin Area > New Post > HTML view >. Create a <div> with the class MagicSlideshow. Place your images in the <div>, for example:

    <div class="MagicSlideshow">
        <img src="http://example.com/images/your-image-1.jpg"/>
        <img src="http://example.com/images/your-image-2.jpg"/>
        <img src="http://example.com/images/your-image-3.jpg"/>
    </div>
  7. That's all!
  8. Customize Magic Slideshow exactly how you want it to look. All settings are described here.
  9. Buy Magic Slideshow To upgrade your free and fully functional trial version of Magic Slideshow (which removes the "Trial version" text), buy Magic Slideshow or get a free Magic Slideshow license (for non-commercial sites such as personal blogs and charities). Then overwrite the demo magicslideshow.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Slideshow on your Blogger site! What did you hope Magic Slideshow could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. Go to your Blogger Admin Area > New Post > HTML view > and delete the Magic Slideshow code. For example:

    <div class="MagicSlideshow">
        <img src="http://example.com/images/your-image-1.jpg"/>
        <img src="http://example.com/images/your-image-2.jpg"/>
        <img src="http://example.com/images/your-image-3.jpg"/>
    </div>
  2. Go to your Blogger Admin Area > Template > Edit HTML. Delete the following code just below the <head> tag:

    <link type="text/css" rel="stylesheet" href="http://www.example.com/magicslideshow.css"/>
    <script type="text/javascript" src="http://www.example.com/magicslideshow.js"></script>
  3. Delete the magicslideshow.css, magicslideshow.js files and graphics folder from your website server.
  4. Magic Slideshow is now uninstalled.

Customer reviews

  Rating: 5.0 (1 reviews)
3Ds Max Training Dhaka
Ok

Kawsar Alam, 3dsmaxtrainingdhakabd.blogspot.com

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other Blogger extensions

Try our other great image effects!