How To Add Border Around Image In Blogger

In blogger template there is no css border design for image but today we will add stylish effect around image.In this tutorial we will add two design on image.

you can see first design in above image the dotted border.The color is red but you can change it by replacing color code.

Adding border around image

First login to blogger account

Go to template and click HTML

Press CTRL + F and search box this code

b:skin>>

 above it paste the below code there.

Dotted border

.post img { border:5px dotted #ff3333; padding:2px; }


solid border

.post img { border:5px solid #ff3333; padding:2px; }

to change the color replace #ff3333 with your color code.

Few color codes.
for blue #1a8cff for green #00ff00 for black #001a00

save you template and enjoy the style.