Create a CSS Image Slider with Thumbnails for Blogger
tmirror
Create a CSS Image Slider with Thumbnails for Blogger Image galleries/sliders are particularly useful for photoblogs, but they could also be useful for users who occasionally need a gadget like this. We already posted a tutorial on how to add Thumbnail Image / Photo Gallery in Blogger with a big thumbnail at the top and smaller thumbs at the bottom which were enlarged each time an image was selected. The difference is that we had to click on the image in order to make it larger and that was acquired with JavaScript .
This time, however, we will use only hover and CSS . To see how it works, please visit the demo blog: Demo blog How to Add CSS Image Slider with Thumbnails in Blogger
Step 1. Log into your Blogger Dashboard and go to "Template" > press the "Edit HTML" button.
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger search box
Step 3. Paste the </head> tag inside the search box and hit Enter to find it.
Step 4. Just above the </head> tag, add the CSS code:
<…
