Thursday, June 27, 2013

How to Add a Border of an Image in Blogger Blog (HTML Image Border)


Image border is sometimes really essential to increase the beauty of a post you are going to publish. But it is a little bit of difficult if you don't know how to add a border of an image. You may add an image border using HTML Codes. The codes are not so much complex. Lets follow the steps given below to add a border of an image.

 Step 01  Add an Image to Your Blog Post
At first you have to add an image normally as you do most often during posting in your blogger blog or anywhere.

 Step 02  Access the HTML Codes of the Image
Now access the HTML Codes of the image clicking on the HTML Button as like as the image given below if you are a Blogger Blog User.

Image Border, Adding Image Border, HTML Codes for Image Border

 Step 03  Add the HTML Codes to add the Image Border
After clicking on the HTML Button you will get some codes as like as the codes given below in the box. Now replace border="0" with the codes style="border: 1px solid black;"

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDLUoucqUc-jJSTY4bBEORSocnDQGzI07uyVEMLA0FjKOD0oOdcenq3P9AcxVZGrJr8cdQlo8SMvSD5skFTkaIocUG6ydWX5giTX29UtD1BMaKXnynFIoo-X7lbyTRL5rypyM2lz9-qo/s1600/HTML+Coding.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivDLUoucqUc-jJSTY4bBEORSocnDQGzI07uyVEMLA0FjKOD0oOdcenq3P9AcxVZGrJr8cdQlo8SMvSD5skFTkaIocUG6ydWX5giTX29UtD1BMaKXnynFIoo-X7lbyTRL5rypyM2lz9-qo/s1600/HTML+Coding.jpg" /></a>

 Step 04  Save Your Work
Now go to Compose mode again and check the border for the image. Hope you have got that. Okay, now click on Save to save your work or Click on Publish to publish the post just now.



No comments:

Post a Comment