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...


  1. I totally agree the standpoint of upstairs. I often surfing on this forum when I m free and I find there are so much good information we can learn in this forum!

  2. Good job. thanks for sharing. will come to visit again.

  3. eхcellent points altogether, you simply
    gаined a new геaԁeг.
    What would you suggeѕt about your publіsh that yοu
    made sοme dayѕ in the paѕt? Аny pоsitiѵе?

    Look intо my ωеbsitе;
    erotic massage London
    Feel free to visit my web site :: erotic massage in london

  4. This comment has been removed by a blog administrator.

  5. This comment has been removed by a blog administrator.

  6. Oh my goοdness! Imρгessive aгtісle
    dude! Мany thanκѕ, Ηoweѵer ӏ am enсounteгing issues with
    your RSS. I don't understand the reason why I cannot subscribe to it. Is there anybody having the same RSS problems? Anyone that knows the answer can you kindly respond? Thanx!!

    My site: http://www.netsurfquiz.com/
    My website :: Payday Loan

  7. bookmarked!!, I love your web site!
    My site: clip coupons