Create Blogger Backup For Images And Get Image URLs

Many bloggers including some professional ones suggest to store Blogger images on services like www.Photobucket.com , www.tinypic.com etc. but I really don’t understand why would someone do that when one has unlimited Image storage and bandwidth inside Picasa web albums that is where Blogger saves all your images. Well its time to change the way people use Blogger and we are here to let you help make better use of resources available to you.

Today I will share a different way of managing all your images in blogger by letting you know how to create a Backup for all your images and we will also learn how to get Unique URLs for images. This tutorial will also help you in reducing your blog load time by 40% i.e 150-200kb

To create an Image Backup you will need to do the following,

Go To Blogger

Create a draft Post and name it Backup For Images

Now start uploading all your images to blogger using the normal method. These images can be images that you have saved elsewhere and have link to it in your blogger template. For example: Background Image, Sidebar Headers, Icons, Header Background etc. If you scan your template you will find many image URLs inside the CSS part that starts from <b:skin> and ends at </b:skin>. An image URL/link can end as .gif | .png | .jpeg | .bmp etc. Open each URL/link in your browser and save the image in your Hard Drive by right clicking on it and then choosing “Save Image As”

Once you have uploaded all your images, your backup will look like that of mine,

Now Comes the interesting part. In order to get Image URLs and use them somewhere inside your blog template or sidebar widgets, you will need to do the following,

Make sure you are using Firefox Browser

Click the Preview Link at the top-right corner of your Backup post

Once the images are displayed below the draft post, simply right click on your desired image and then choose “Copy Image Location”

The important part in this link is s400 . If you want the image to appear in full size then change s400 to s1600. The image will appear in its original size.

Now this is how I store all my images and get their unique URLs. This way you will never loose images. By adding such image URLs to your blogger templates, you will observe a significant decrease in the load time of your blog.

I will publish a detailed post tomorrow on how to reduce Blog Load time. Make sure you don’t miss it.

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by
Clicking Here »

Out of my busy schedule I was only able to get that comment bubble work with your blog.The tutorial had a wrong CSS code that made the bubble align to the left rather to the right. I managed to fix the code.

This what you need to do,1. Inside your template paste the code below just above ]]></b:skin>

for default image size for blogger, we can do ...http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/s400/MyBloggerTricks.jpg ...Just del nominal to be .... http://4.bp.blogspot.com/_7wIwo/Spr1Lxjk6I/AABu0/uS0zY4/....MyBloggerTricks.jpg....that's for all size

Hi Mustafa, I want to get this right. I make post that requires me to upload images as thumbnails and screen-shots. I normally upload images directly from system using the upload image button on blogger post editor. Is this the same way you add images to your posts? Or do you upload to blogger and then copy the URL? If so how do you add the URL in your post editor to show on the post? Pls I need your reply on this. You can also reply me via jackson5_live@live.com.

I use Windows Live Writer and it does the job automatically. I simply add the image to live writer and it uploads it to blogger when the post is published. Else you can use the following code for making the image to appear,

<img border="0" src="Image URL"/>

For Window live writer read: http://www.mybloggertricks.com/2011/05/use-windows-live-writer-kick-blogger.html

What if images are already uploaded in blogger but not by us by the creator of our template? should we apply this tutorial anyways or no?according to me we should live it and not apply. what say you mustaffah?

hello i hav problem in my blog that images are not showing in post and if i upload through image uploader from blogger it is not showing plz help my website is http://www.bhartinaukri.ini hav also write on blogger help http://support.google.com/blogger/bin/answer.py?hl=en&answer=42528but it not help

Hi Mohammed, how to I edit my Template and sidebars to have the look and feel of yours, been trying it for 3 months now, no CSS I use seem to give the desired effect, please be kind enough to give tutorial on this

one stop destination 4 all bloggers .thanks would become a smallword 2 thank u. nyway popular and recent /widgets posts take only small thumbnails from the large posters in our posts,thus making my home page load slow,how to give small thumbnails to popular/recent widgets. thnks

Hey this Is chandrakant nial i am owner of www.darksite.co.in and blog.darksite.in and media.darksite.in i just want to know how i can split content in main page to 3 column please visit www.darksite.co.in and reply thanks in advance.

About The Author

Hi! I am Mohammad, an experienced SEO Consultant, Pro Blogger, Computer System Engineer, an addicted Web Developer and now a father to a beautiful princess "Ifza". STCnetwork was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..