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.
do u have template with jquery code? afzal patel
ReplyDeleteYes! Home page has a jQuery based slider.
ReplyDeletecan you suggest a good slider template? http://www.madmadrasi.net
ReplyDeleteHey 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
ReplyDeletehttp://btemplates.com/ and
http://www.premiumbloggertemplates.com/.
thanx, will try them out.
ReplyDeleteBut 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).
ReplyDeleteHow to change slider size? I would like to make it a bit smaller, but I can't find were to change dimensions
ReplyDeleteWait 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.
ReplyDeleteAwesome tip.
ReplyDeletethanks a lot brother!!!
ReplyDeleteSuper helpful. Thanks!
ReplyDeletethanks a lot. it's helpful
ReplyDeletevery helpful
ReplyDeleteExcellent information you've got right here on this post. thanks for sharing
ReplyDeletehttp://www.cheapboxprinting.com
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 www.bfworld.tk 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 www.bfworld.tk its responsive and work good except the issue i just mentioned. Please anybody help me in this serious trouble. Thanks Julie
ReplyDeleteHope It was helpful enough ..
ReplyDeleteI upload my photo in mediafire and copy links and then paste in blog template
ReplyDeleteIt doesn't work Help me
You might be pasting the file downlink link. That will never work.
ReplyDeleteI just tried the method you described by uploading pictures on empty post, they still wont show on slider only the image icon
ReplyDeleteUpload 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.
ReplyDelete