Monday, 9 April 2012

Change slider image of your blogger template

| Monday, April 09, 2012 | | |

If you have a slider in your template. When users start their blog, they usually go with either the free template provided by the blogger service you are using or free templates from the web.
Not this How To will let you know how to change the slider image via a bit of HTML section.

What is slider?

The series of images that scrolls at your home page. For example, go to home page of this blog a notice the sliding images.

How to get to HTML?

Sign in into your blogger account. Select that specific blogger blog. Go to template, their is the edit HTML button. Then click proceed.
NOTE- Always experiment with HTML in another blog that is for no purpose. And download the template before you apply the change.

Use Ctrl+F to find the image. Most commonly used term is Slide 1, 2, etc. If you still don't find it the go to your template in a web browser and notice the text that scrolls with the image.

What size I must crop the image to?

When you will find the image address open it up in a new tab of your browser. Now their is the exact size you require. Though that is a different thing that only this much section of your image will be displayed if you put it without cropping.
If the size is not visible than hover your mouse on the image tab it will show.

Where to upload or put the images?

Create a new post on blogger upload your images in that post and save it. No need to publish that post. Now, right click that image and copy the link address. And replace the default images address by pasting it there.

Related Posts with Thumbnails


  1. do u have template with jquery code? afzal patel

  2. Shubhashish Shukla9 September 2012 at 16:45

    Yes! Home page has a jQuery based slider.

  3. can you suggest a good slider template?

  4. Shubhashish Shukla12 September 2012 at 20:01

    Hey fella, you can search Google for free blogger templates. There are hundreds of template available for free. In case you are ready to pay, it will cost $100 to get a good template designed. Here are two places where you can get free blogger templates and

  5. Shubhashish Shukla12 September 2012 at 21:01

    But remember, if you will choose any template with slider then you must also have images of the appropriate sizes. Bigger images will get cropped(no problem) and small images will not look good(this one is a problem).

  6. How to change slider size? I would like to make it a bit smaller, but I can't find were to change dimensions

  7. Shubhashish Shukla5 November 2012 at 23:40

    Wait for some times I will provide you with a solution as soon as possible. Or maybe I will do an entire post on your question. But, for that you must wait a bit.

  8. Awesome tip.

  9. Super helpful. Thanks!

  10. Fabrice Kwizera5 May 2013 at 19:01

    thanks a lot. it's helpful

  11. Excellent information you've got right here on this post. thanks for sharing

  12. I want when I open or click image in a post it should be responsive. I mean when I open it on a mobile device it should show up whole image. I have blog it works good on desktop but when i open it on a mobile device and open any post in there and when click any image in there. It opens the image but show only half of the image. Can you please tell me how to make it responsive like i have my template on its responsive and work good except the issue i just mentioned. Please anybody help me in this serious trouble. Thanks Julie

  13. I upload my photo in mediafire and copy links and then paste in blog template
    It doesn't work Help me

  14. You might be pasting the file downlink link. That will never work.

  15. I just tried the method you described by uploading pictures on empty post, they still wont show on slider only the image icon

  16. Upload pic > save as draft > and then right click on the image or go to HTML source, copy the image URL and paste it in slider's image source. It will work.