2008-11-10

Creating Image Reflections


Image reflections could be achieved with the help of Photoshopped elements or Internet Explorer gets the GIF while FireFox and Safari get the canvas tag.

What if a person like me who has a little knowledge about Photoshop but wanted to create image reflections? I too can be making reflections with the best of them and I'll show you how.

Login to your Dashboard> Layout> Edit Html. Next, copy the script source code below and paste between the closing b:skin tag and the closing head tag.
<script src='http://onlinebiztutorials.googlepages.com/reflection.js' type='text/javascript'/>

Save the template. Then, click Settings> Formatting> Post Template. Add this line into the post template box.
<img src="URL of image" class="reflect">
Example:
<img src="http://i74.servimg.com/u/f74/11/94/91/73/screen13.jpg" class="reflect">
Save settings. You'll notice that anything you type into the box of "Post Template" will appear in your new post. That's it for today. Enjoy :wink:

7 comments:

test-zik said...

helloo

very nice your blog :d

visite my blog i have a big suprise for you man

++

test-zik said...

:cool:

Is said...

@test-zik, j'ai visité votre blog et j'ai pas trouvé la partie interessants comme vous m'avez parlé. Dites moi, ou est la partie qui pourret m'interesser ?

test-zik said...

jé mis une partie pour les liens de ce blog ^^

test-zik said...

Aide Pour Blogger

regarde sa dans Mon blog !

a+

test-zik said...

c'est pour toi =)

Is said...

@test-zik, merci de m'avoir ajoutée :cheesy:

Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L