Home » Blogger Tutorials, Tricks and Hacks » Blogger Graphics / Effects Tricks » Add A Reflection Effect To The Images In Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Add A Reflection Effect To The Images In Blogger

Add A Reflection Effect To The Images In Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,107 views

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>

<script src='http://bloggertrickandtoolz.googlecode.com/files/reflection.js' type='text/javascript'/>

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.

Liked It ? Please Share

Comments

4 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Filma says:

    hello i like this post it is great i have used this in my website..

  2. Filma says:

    check ti out how it looks.. :)

  3. Really thanks for the tutorial mate :)

  4. go here says:

    Gentleman.. We are almost no into reading, but by some means I got to learn a lot of articles with your weblog. Its amazing how interesting it can be will visit you often. —

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