How To Add a Border To Images in blogger


1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see ]]></b:skin> tag.

3.Copy below code and paste it just before ]]></b:skin> tag.


img {
border: 15px solid #000;
background: #000;
filter:alpha(opacity=60);
opacity:0.6;
padding: 1px;
}



Now click Save Template 


at

2 comments:

  1. AshleyMarch 8, 2013 at 2:16 PM

    Thank you, thank you for posting that code. I tried a bunch of different codes and none of them worked. Your directions were also much more simple! The only thing I didn't like was that the border seemed to make the color in all my pictures dim. So I just edited the opacity to 100 and .10 and that fixed it. And I also edited the color of the border to be a bit darker. Thank you very much for the working code.

    ReplyDelete
  2. UnknownNovember 10, 2013 at 12:34 AM

    Thanks for this,, But your code is still wrong,,, BEcause even bg images have borders when you insert the code,. So what you need to do is this below:

    change the img { to:

    .post-body img { and you're done....


    BUT THANKS FOR THIS,.
    http://tronicflow.blogspot.com

    ReplyDelete