Wednesday

How To Save Images On GoogleSites Without A Border

This is how to remove the border around images on Googlesites that you upload. By default they all have a border around them on your pages, but if you want the image to blend seamlessly into the background (if your image has transparent edges or the borders match your webpage color, etc) then this is what to do:

  • While editing a page, simply hit the HTML button at the top to see the HyperText Markup Language (source code) for the page.
  • Then find the picture you want to have no border (it will have the filename of the picture you uploaded somewhere near where it picture is posted on your page, for instance, if the picture is at the top of the page, look for something that looks like the filename of the picture near the top of the HTML code that is shown).
  • Once you find the filename of the picture you uploaded (it will have an IMG (image tag) code), copy and paste the line below just before the ending bracket ">" that comes after the starting IMG bracket "" but after everything else inside that IMG area that talks about your picture:
    style="border-width: 0px; background-color: transparent;"

That's it! Now your pictures should not have a border around them. Enjoy.



If you liked this post, buy me a cup of coffee :) (You can even use your credit card to donate a dollar with PayPal and it does not give out your information to the person you are sending it to). Thanks and check back in once in a while to see more tutorials on How To Save Things!