Sunday, April 5, 2009

How Make And Show Image Reflections In Blogger Posts

Reflection of the images is made using photoshop,as you need to make each image with its reflection and have to post it on blogger posts.And when you want to post images with reflection and you don't know how to use photoshop,then what you will do.No need to worry friends now i will tell you the very easy way how to make your images reflect in blogger posts and you have not even to make any modifications to image just keep on posting it as before you are doing, just i will give you an javascript to add in your html,and after that you just have to define a class to your images while posting. Now i will tell you how to do it exactly.

As an same method i posted one more hacks before,How to make an hover effect to image if you havent checked check for sure.

Now how to make image reflection.


Login into blogger with your ID
Click Layout
Click Edit HTML tab
Click Download Full Template and please back up your template first.
Copy and Paste the below script right after ]]><b:skin>

Now download this script Reflection.js and upload to your own server.


<script src='http://your_server_link/reflection.js' type='text/javascript'/>


And now whenever you define your image add the class='reflect' in code as like below highlited in red in below code.


<img src="http://i74.servimg.com/u/f74/11/94/91/73/screen13.jpg" class="reflect"/>




I hope you will be able to make image reflect very easily.if you have any problem leave your comments below.

No comments:

Post a Comment