How to Add Reflection Effect On the Images

Every blogger is like to make their blog more attractive for the readers. That’s why they are looking for the blogging tips and tricks. So today I am going to show you another awesome trick. This is a post on image reflection. This post will explain how to add image reflection effect to a blogger blog. If you want to add reflection effect to your blog now you can do this by following few simple steps.

If you don’t know what is image reflection effect look at the following screenshot. You can see the reflection of the jeep.

You can see a LIVE DEMO HERE

Now let me explain how to do this trick.

1. First Go to your DASHBOARD >> DESIGN >> EDIT HTML

2. Press CTRL + F on your keyboard and search for the following code

</head>

3. Now replace the above searched code with code below

<script src='https://sites.google.com/site/sajithsandd/home/myimagereflection.txt' type='text/javascript'/>

</head>

4. Then click SAVE TEMPLATE at the bottom of the page

5. Then go to DASHBOARD >> NEW POST >> EDIT HTML

6. Copy the below code and paste it inside the post (In HTML mode)

<img src="YOUR IMAGE URL" class="reflect"/>

7. Now replace “Your Image URL” of above code with URL to your image

8. Now PUBLISH your post and enjoy

That’s it. Now you know how to add reflection effect to a blogger blog image.