85 Host Template Images for Free on Picasa
November 08, 2010 /

If you use a third party template or customize the design of your blog, chances are you'll need to find hosting for images used in the design.

Many Blogger designers use Photobucket, Flickr and other free image hosting solutions. It's also possible (albeit unnecessarily complicated) to upload images to Blogger or Google Sites.

But my personal favoured image hosting service is Picasa Web Albums. This free Google powered service offers unlimited bandwidth and a generous 1gb of storage - perfect for serving up any images you need for template visualisation.


If you already host a blog with Blogger, any images which you upload to your blog posts will already be hosted on Picasa Web Albums in folders according to your blog name, even if you haven't already activated your Picasa account.

Simply go to the Picasa Web Albums home page and log in using your Google account. Once logged in, you'll see all of your Picasa hosted albums, including any which are utilized for storing images uploaded to your blog posts:


From here you can upload your own images using the web interface, then copy the image URLs for use in your custom Blogger template.


How to upload your images to Picasa

Once you've logged in to Picasa Web Albums, click the "Upload" button near the top of the page, then choose which folder in which you would like your images to be contained:



For better organization, I generally use the folder of the same name as the blog I'm working on, though it really makes no difference if you'd prefer to use a different one.

When you have selected an album, you'll be presented with this page where you can upload up to 5 images at a time to your folder:


Upload your images, and if necessary, repeat until you have uploaded all of the images you need for your template. Once you've finished uploading, you'll be able to view thumbnails of your images on the page for your album:


How to link to images you've uploaded to Picasa

When using images within your Blogger template, you'll need the images' URLs.

To find the URL of your images, click on the image thumbnail in your album to be presented with the image's "page":

If your image is not large, you could right-click on the preview image and choose to copy the image's URL to your clipboard, ready to paste where required within your template.

However, if your image is of a large size (such as a full-page background image), you'll need to use a different method.


For images up to 800px wide or tall

On the right hand side of the image page, you'll see a column of options. Click on the "Link to this photo" link to see the following menu:


In order to retrieve the link to the original sized image, you'll need to change the following options:
  • Select Size: Choose "Original Size" from the dropdown menu
  • Check "Image Only (No Link)"
Finally, copy the link generated in the "Embed Image" text area which will be the accurate URL for your image at it's true size.

If your image is larger than 800px tall/wide

By default, the largest size presented for embedding is 800px tall or wide. Luckily Picasa does store the image with it's original dimensions, and it's simple enough to access the URL.

On the Image Preview page, click the magnifying glass icon which will display a full-sized preview of our image:



Now if you right click this image, you should be able to choose "Copy Image URL" or "View Image" from the right-click menu to acquire the URL for your full size hosted image.


How to use images in your template

The method used to display images in your template depends on how you would like to use them.


To display as an actual image

Images can be used as banners, buttons or simply displayed in the layout as an image gadget.

To display an image in your template's HTML code or within an HTML gadget in your layout, you would use the following syntax:

<img src="URL-OF-YOUR-IMAGE" alt="Alternative Text" width="WIDTH-IN-PIXELS" height="HEIGHT-IN-PIXELS" />

Specifying "alternative text" within your image tags ensures anyone using a screen reader or browsing with images turned off can still get an idea of what your image displays. Width and height specifications ensure an appropriate space is provided in your layout while loading, which is especially usedul for large images which may take some time to load in your page.


To link to background images

If you intend to use images for styling backgrounds in your template, you will need to add the appropriate CSS to your template.

When using Blogger's new Template Designer, you can add the required code to the "Add CSS" section on the Advanced Settings screen:


If you are using an older Layouts style template, you should add the code just before the closing <b:skin> tag instead.

The code to add depends on:
  • Where you intend to use your background image
  • The placement you require
  • Whether or nor you would like the image to be repeated.
Here's an example of how I would specify a large image as the main body background:

body {
    background-image: url(http://lh3.ggpht.com/_haw3kJHnOsc/TLY50ZjPhCI/AAAAAAAAA2s/hI7WqLn8TNQ/tech-internet-undersea-world.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

You can learn more about using background images in your template in this explanatory post.


Is this useful for you?

I hope this post helps you use Picasa as a free, reliable host for images you use in your Blogger template designs. Please let me know your opinions by leaving your comments below.

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

85 comments:

  1. Good explanation! This is a very good host to images. Dont is too easy to get the URL images than
    others, but is very good.

    ReplyDelete
    Replies
    1. Good - I should certainly pronounce, impressed with your website.

      Delete
    2. Möbeltaxi Kleinumzug Möbeltaxi Berlin Sprinter mit Fahrer Umzugswagen Möbel mini Umzug kurzfristig.

      Delete
  2. Thanks for the tip on images with a measurement greater than 800 px. I have not run into that yet, but was unsure what to do if that ever happened.

    ReplyDelete
  3. It's always nice when you can not only be informed, but also entertained! I'm sure you had joy writing this article. jessica simpson shoes Thank you!

    ReplyDelete
  4. Well said Amanda...Picasa Web Albums is in-fact the best and easy option to upload images for users that blog with blogger rather than using third party image hosting sites like Photobucket or Flickr. It's my personal choice too. I really appreciate the time and effort you put in to mention step-by-step how to host images for free on picasa.

    ReplyDelete
  5. From operating systems to multimedia, PC & mobile games to anti-virus, from drivers to registry cleaners and internet tools our website features all the latest soft wares for safe and free downloading enjoy.

    ReplyDelete
  6. Great information I'm new to SEO and blogging and can use all the help I can get. Thanks,

    ReplyDelete
  7. I have read few of your posts here and I must say you have thorough knowledge to share and I am real.y enjoying your posts. So I am going to come everyday for getting something new and interesting.
    Hire joomla developer

    ReplyDelete
  8. The courses offered by IMT-CDL are crafted to euip students with tools and techniques so that they can take up any challenge in the highly competitive business world of today and tomorrow.

    ReplyDelete
  9. I like it, thanks for the giving this topic and good information.

    ReplyDelete
  10. Nice template.. Thanks a lot for sharing this great information..
    http://www.canadameds.com

    ReplyDelete
  11. Here is a problem Boss when i upload image larger than 800px and click the zoom button to know the link of the image, it open it in a flash window when i right click on image it shows flash menu not image menu & can't find image link . Now, how i can upload image larger than 800px and how to get its link.plz resolve my issue i'll be grateful to you.

    Thanks.

    ReplyDelete
  12. I'm sharing @Amir the same problem... I can't get the link for image larger than 800px as it opens in flash window.... I thought that I finally found the solution

    HAPPY NEW YEAR.....

    ReplyDelete
  13. @Amir

    FINALLY, I find it.......

    Go to your Picasa account and click on the image you want to view it, then click Link to this photo then at "select size" choose large 800px and check image only(no link).

    after that copy the link and past it it should be somthing like this

    http://lh3.ggpht.com/_M9EGBydCEYg/TR0OTOvhNBI/AAAAAAAACdU/B6imq9TlNTQ/s800/test.jpg

    NOW change the s800 to s0. this should load the same size as was originally uploaded, and the link will be somthing like this

    http://lh3.ggpht.com/_M9EGBydCEYg/TR0OTOvhNBI/AAAAAAAACdU/B6imq9TlNTQ/s0/test.jpg


    I spent the new year night suffering the net to find it.

    ReplyDelete
  14. Great post. I am thinking to use Picasa to store my image for my new tutorial blog.

    ReplyDelete
  15. Thanks so much for this tutorial! Goodbye Photobucket Pro!
    I encountered the same problem as Amir and Gianter. I followed Gianter's steps and they worked like a charm. The direct link did not have the s800 in it, but the embed image link did. Thanks! :)

    ReplyDelete
  16. Yes, great images. They look beautiful and attractive. I appreciate your work here. Thanks

    ReplyDelete
  17. It was just amazing information sharing and it's helpful for everyone.
    - Prom Dresses

    ReplyDelete
  18. Resources like the one you mentioned here will be very useful for me!

    ReplyDelete
  19. You certainly know how to get a girls attention! Im glad that youre here. I feel like Ive learned something new by being here.

    ReplyDelete
  20. The author has written an excellent article. You have made your point and there is not much to argue about. It is like the following universal truth that you can not argue with: No truth is universal, everything has its exception. Thanks for the info penis enlargement penis enlargement pills VigRX Plus

    ReplyDelete
  21. This seems to be an excellent tool to use for strategy in organizing, editing, and sharing photos. Looks like a brilliant tools indeed. Thanks for the walk-through.

    ReplyDelete
  22. I liked this post very much as it has helped me a lot in my research and is quite interesting as well. Thank you for sharing this information with us.

    ReplyDelete
  23. There are, still, also different programs that can upload to Picasa Web Albums. GwenView and DigiKam can upload to Picasa Web Albums when you set the kipi-plugins packet and Shotwell can upload to it without any plugins.

    ReplyDelete
  24. Nice post. I study something on different blogs everyday. It should all the time be stimulating to read content material from different writers and apply a bit of something from their blog.

    ReplyDelete
  25. Almost all have poor handles. Knives with hollow handles are on the top of the list, second only to stag in the self-destruction department.

    ReplyDelete
  26. I read this article. I was very impressed by its contents.))

    ReplyDelete
  27. Thanks,I want to know when you update your blog, where can i subscribe to your blog keep the good job going.

    ReplyDelete
  28. Birthday Messages
    It's your birthday celebration, another season has handed down,
    Through new goes through, we had a boost.

    ReplyDelete
  29. No fillers, colors, and preservatives are added, and never Magnesium Stearate in any form. We are in constant research to find new ways to improve bioavailability of our organic vitamins and natural supplements.

    ReplyDelete
  30. No fillers, colors, and preservatives are added, and never Magnesium Stearate in any form. We are in constant research to find new ways to improve bioavailability of our organic vitamins and natural supplements.

    ReplyDelete
  31. This institution enforces a specific policies that prohibits personal attacks, and harassment, and other malicious remarks.

    ReplyDelete
  32. discount ugg boots Said: "People the world, Yushi Ten Attendants of the flesh, His Majesty Jingzhi such as parents, the body no inch power, are sealed Liehou; state seal acquaintance with other results TYbhLQ

    ugg discount outlets Xuan said that Guan, Zhang said: "I am widowed Zeizhong; will be out of Jones, only to win." Is a sub-military relations hectometer one thousand volts Shan Zuo and Zhang

    uggs discounted Special Forces operations section 53 is what?

    uggs discount A new specialty vehicles military vehicles slowly drove into the Warriors red triple their company headquarters, the former stopped in the square, before the down guards quickly opened the door from the car down is the 39 Division Commander Zheng Hongming , see the teacher to a long and red again and again long MENG, political commissar of the meet up quickly, Zhao Chen said. www.hotdiscountbootsoutlet.com

    ReplyDelete
  33. Yes, there will be periods when you owe your manager a observe of thanks, and when then gets there it's awesome to be able to convey your thank yous in a individual way.

    ReplyDelete
  34. Though the strategy is regularly criticized by experts in the field, it is being used under the guise of implicit analogies tacitly approved by those at the top.

    ReplyDelete
  35. Excellent information i got here,thanks its very helpful to me,keep up blogging.
    Web hosting forums

    ReplyDelete
  36. I had seen your blogs many times and i have read it also. And your blogs are very useful for me. Thanks for sharing your articles with us.

    ReplyDelete
  37. On the other hand, many of those who dislike it cannot stand that it implies you could sum up all into a single quantitative ratio.

    ReplyDelete
  38. A few months ulterior when we got our azoos designation I was too devastated and overcome with grief to laughter at anything

    ReplyDelete
  39. really amazing blog and I was thankful to you for sharing such a useful information.
    - CRM Solutions

    ReplyDelete
  40. it was just informative news and thanks for sharing such a useful information.
    - florida beach rentals

    ReplyDelete
  41. Thanks to share with us the information. I wish you good luck!

    ReplyDelete
  42. Well with your permission allow me to grab your rss feed to keep up to date with incoming post.

    ReplyDelete
  43. This process can be engaged in a group, but you don’t want to influence anyone or be swayed by someone as you create your initial free-form dream list of goals.

    ReplyDelete
  44. However, there are also some complexities to deal with when applying advanced and improved features provided.

    ReplyDelete
  45. I study something on different blogs everyday. It should all the time be stimulating to read content material from different writers and apply a bit of something from their blog. Funny Messages

    ReplyDelete
  46. Thanks for sharing master, this is very useful for me

    ReplyDelete
  47. Publish your pictures, and if necessary, do it again until you have downloaded all of the pictures you need for your design.

    ReplyDelete
  48. I use Photobucket and it does everything I need it to. And it keeps improving its service, which is great.

    ReplyDelete
  49. Good its amazing keep posting....

    ReplyDelete
  50. This bearing can be engaged in a group, but you don’t need to relatedness anyone or be swayed by someone as you create your initial free-form goal roster of goals.
    shopping | business ideas | seo and education | computer seo and business

    ReplyDelete
  51. resolved the issue made me to cry with gladness. I am just grateful for your advice as well as sincerely hope you comprehend what a great job you're providing educating the mediocre ones by way of your blog post. More than likely you have never encountered any of us.

    ReplyDelete
  52. There is nothing to be serious with that and the remaining thing about picasa is enter free pictures. click here for further more

    ReplyDelete
  53. This is great, You can have you own templates. For christmas I think it will be better to have a Merry Christmas Greetings templates, so that our photos will have christmas spirit

    Cheers
    prasad

    ReplyDelete
  54. ELM327 Bluetooth CAN-BUS scan tool, It supports all OBD-II protocols. ELM327 is used to read diagnose trouble codes, clear trouble codes and detect fuel pressure and so on.feng

    ReplyDelete
  55. Hi,
    Thanks for sharing this post with us. It's really an amazing post. Keep posting the good work in future too.
    bad credit business loan

    ReplyDelete
  56. It's rather awesome,I have been searching relate to these stuffs for me .And it really helps me.article that appeared good enough to be read so that adds to knowledge when reading.

    ReplyDelete
  57. Wow thank you this is just what I have been looking for - great work please check my post!!!!

    Education Essay Help

    ReplyDelete
  58. Wow thank you this is just what I have been looking for great work plz chek my blog

    Completed Essays

    ReplyDelete
  59. Your Work is exellent it's helpful for me also check my post!!!

    Dissertation USA

    ReplyDelete
  60. With numerous sites readily accessible today, finding a site that really stands out is a bit challenging. Your site, is a site worth finding. This is indeed a good informative site. Thank you.
    clipping path

    ReplyDelete
  61. I was waiting for this type article and I have gained some useful information from this site. Thanks for sharing this information. Manual Directory Submission
    Buy backlinks
    high pagerank backlinks
    SEO packages
    manual social bookmarking
    buy quality backlink
    pr5 backlink

    ReplyDelete
  62. Such a very useful article. Very interesting to read this article. I would like to thank you for the efforts you had made for writing this awesome article. manual directory submission
    pagerank backlinks
    link building package
    SEO packages
    manual social bookmarking
    buy quality backlink
    pr5 backlink
    high Pagerank Backlinks

    ReplyDelete
  63. I mean, what you say is important and everything. But imagine if you added some great pictures or videos to give your posts more,"pop"! Your content is excellent but with images and clips, this website could undeniably be one of the most beneficial in its field.
    iphone 5s or 6

    ReplyDelete
  64. Publish your pictures, in case necessary, repeat the process before you have delivered electronically each of the pictures you'll need for the design.Travel Journal

    ReplyDelete
  65. Wow thank you this is just what I have been looking for great work plz chek my blog


    web development dubai
    dubai web design

    ReplyDelete
  66. Fabulous article writing. Your article delivers varied passion therefore I bookmarked this science system for future visit that i hope can get a current content from your post and every one content unit progressing to be pleasant to scan with some new things.
    web development dubai
    dubai web design

    ReplyDelete
  67. Thanks for sharing
    Nice one
    very informative..

    Reply

    ReplyDelete
  68. Great information, Thanks for sharing this.

    ReplyDelete
  69. We are usually satisfied about your current excellent function. Anyone placed truly useful details. Continue. Protected composing a weblog. Trying to looking at the following content.
    Joomla Website Development Company Bangalore | Drupal Web Development Company Bangalore

    ReplyDelete
  70. Thanks for sharing superb informations. Your website is so cool, keep so !


    Filmes Online

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy