Here’s a nice yet simple way to add a little more flair to your blog site. It’s a hack that gives the images in your blog a nice mirroring effect at the bottom to give the illusion that they’re resting on top of a reflective surface.
This trick was shared by BT4U of BloggerTricksAndToolz, and it will only take you less than five minutes to implement in your site. Follow the steps below to get started right away.
1. Log in to your Blogger dashboard and head over to the ‘Design’ section
2. Under ‘Template’, click on ‘Edit HTML’ and then on ‘Proceed’
3. Using ‘Ctrl+F’, look for ]]></b:skin> in your template’s code
4. Copy/paste the following code snippet below AFTER ]]></b:skin>
5. Save your template
<img src=”your_image_url” class=”reflect”
Now, the next time you embed an image to your post, just simply add a class=”reflect” attribute inside the image’s tag and you should then see the effect.
You can do the same to your other existing images, of course. Just add the same attribute as above inside the images’ tags.
Related Tricks & Tutorials
Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here