Add image hover effect on all blogger images | InfoTechBlogging InfoTechBlogging: Add image hover effect on all blogger images

Posted by Syed Muhammad Ali
Today i am posting a great feature of my template. It’s a simple image highlighted effect on mouse hover. you can easily add it in your blogger template buy adding easy code.It is easy to install and you can install it to your all blogger images

How To Add:

  • Log-In to your Blogger Dashboard
  • Go to template section
  • Click Edit Html
  • Find the ]]> tag by pressing Ctrl+F key
  • Paste the Below code just above it

.post img { background:#fff; border:1px solid #ccc; -webkit-transition:border 0.2s linear; -moz-transition:border 0.2s linear; transition:border 0.2s linear; padding:5px; } .post img,table.tr-caption-container { background:none repeat scroll 0 0 #fff; border:1px solid #CECDCD; padding:5px; } .post img:hover { border:1px solid #232F01; } .tr-caption-container img { padding:0; }
Check all your blog posts images, you’ll see the border and eefect on mouse hover

Follow Us!

About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter


Posted by Syed Ali at 12:02 am

Labels: blogger widgets