CSS Code for Adding Effects to Your Blog Post Image

CSS code For Adding Effect To Image

Hello Friends!! As We all Blogger know this fact that Images are as Important as post content.Even if our Blog content is of high quality and very unique we need Images to make it more effective.
Images help Viewers to understand the content easily.A quick visitor can understand every thing by seeing the images only.So Images are important for blog post.
As image are important so we should make them attractive so that It take attention of all.We must add border effect and hover shadow effect to our image.
CSS is a best way to make these images stylish and attractive.Lets have a look how we can make the image in our blog post.

CSS Codes for Images in Blog Post

Use these simple image codes for your blog post

Simple Thin Border

Double Border

Border and Back Ground

Border and a grey drop shadow

Border and Grey Drop Shadow With Image link hover effect

How To Use These Code

First of All Download your blogger full template from backup and restore so that in case you do any mistake you can get back your old template.

1.Go to Blogger Setting
2.Go to Template Section
3.Click Edit HTML
4.Expand Widget Template
5.Search for ]]></b:skin>
6.Paste Above codes just before ]]></b:skin>

Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...


Post a Comment