How to Add Reflection Effect to Your Blog Post Images

 Reflection Effect for Blog Post Images
Every bloggers desire is to make their blog more different from others. Someone likes to make their blog more professionally in looks and try to make their blog post more beautiful with images. Now Its time to know about adding reflection effect to your blog post images using simple tricks. Its absolutely awesome because you never wanna depend on other Image editing software as well as Online image editors


Before we dive into the code, take a look at the demo image shown below to get an idea of what we are going to build here. Its a demo image which I have taken from my demo blog.


How to create calendar style dates in Blogger How to add this reflection effect to your blog post image
This Image reflection task will only take you less than five minutes to implement in your site. Follow below simple steps to get started right away.

  • Go to Blogger Dashboard > Template
  • Backup your Template before making any changes to your blog
  • Click on Edit HTML
  • Tick Expand Widget Templates
  • Press Ctrl + F and search the code shown below

</head>

Now add the below code just Above/Before </head> (use Ctrl+F to find the code)

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

Now click SAVE TEMPLATE at the bottom of the page. Now we wanna add the image into our blog post. so follow the two simple steps to make It real.

  • Switch your blog post from Compose to EDIT HTML while you writing post
  • Copy the below code and paste It in your blog post where you waana display reflection effect

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

alert icon png Please don't forget to replace "YOUR IMAGE URL" of above code with your image url.

Fine, I hope this task seems to be very simple and easy to install. right? However, there’s a small disadvantage with the above effect. It appears little different when viewed via IE. The effect is still visible but a little blackish. Anyway, It works perfectly fine on other browsers (Mozilla, Chrome and Opera). So, I’m looking forward to your comments and thank you so much for reading! Happy blogging:)