This tutorial will show you How To Add A Reflection Effect To The Images In Blogger Posts. This hack gives a nice reflection effect to the images at the bottom
REFLECTION EFFECT TO THE IMAGES IN BLOGGER POSTS DEMO
HOW TO ADD A REFLECTION EFFECT TO THE IMAGES IN BLOGGER POSTS
- Go to Blogger Dashboard --> Template --> Edit HTML --> Proceed
- Backup your Template before making any changes to your blog
- Now Expand Widget Templates
- Press Ctrl + F and search the code shown below
- Now Find the code shown below using [ctrl+F]
</head>
- Now Paste the Code Shown Below just above/before it
<script src='http://latest-hacks.googlecode.com/svn/gadgets/extras/reflection.js' type='text/javascript'/>
- Now save your template
- Now when you upload an image to blogger post click on Edit HTML tab and add aclass="reflect" attribute inside the image tag as shown below
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKIbo5IeZ0kLk5OLBPToZQoq2LeGTpuH3w5YAj_doGenZfZ_GGIZYe-cq-fHqqrFRUNZtIOJGBrK65dPFkCiLVdB4mk2vqxBFXQCPGkujAGmxaBgiAE0HNw2RC9wrdR1pkvSKzr3JotM/s1600/reflection-effect-to-images.png" imageanchor="1" style="clear: right; float: center; margin-bottom: 1em; margin-left: 1em;"><img border="0" class="reflect" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKIbo5IeZ0kLk5OLBPToZQoq2LeGTpuH3w5YAj_doGenZfZ_GGIZYe-cq-fHqqrFRUNZtIOJGBrK65dPFkCiLVdB4mk2vqxBFXQCPGkujAGmxaBgiAE0HNw2RC9wrdR1pkvSKzr3JotM/s1600/reflection-effect-to-images.png" /></a>
0 comments: