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