Many Google Blogger blogs have pictures in their posts but many of them may not realized that the default setting of adding images requires adding a border and linking to the source of the image.
In most cases, taking out the border and the link of the image makes the post looks more appealing.
With some minor tweak with the Html code, you would be able to take out the link and border of the added image:
After you successfully added an image to your post, go to the "Edit Html" tab. You should be able to see the hyper link of that image, which is very similar to this code <a onblur="try {parent.deselectBlog.... href=" ... >. Delete that line along with the ending </a> and you would be able to take out that link of the image.
To get rid of the border of the image, all you have to do is take out the code cursor: pointer and replace it with border: 0pt none
It is that easy. You would be able to get the orange flower layout instead of the yellow flower layout by doing that.
3 comments:
The easier way is to add this to your css:
img { border:0 }
Thx, that's a very good idea ;)
Yea, I was just looking how to do just that yesterday. Thanks!
Post a Comment