Using Dropbox as your image host

I was writing my blog in Blogger and suddenly sick about listing "in Windows, in Mac or in Linux". So I decide to find icons and design css styles for different operating systems' instructions. After a little search, I found three icons. My next problem is, where should I put those pictures.

Blogger? No, I don't want my image's src end like this:

http://1.bp.blogspot.com/_tkhEgj4TEWY/TBhB1C1q23I/AAAAAAAAAFo/M2PVlry6cOs/s1600/select_ubuntu_10.04.png. 

So I keep searching and find Dropbox can do image hosting job well. Here is how to do that.

1. Save the images in your Dropbox's Public folder



2. Simply right click (or control click) on a file, click the Dropbox submenu,
and then click 'Copy public link.'



Then you will get your image url like http://dl.dropbox.com/u/1350386/icons/mac.png.
It's very easy, just drag-drop-copylink.
Here is demo:

.os {
 background-repeat: no-repeat;
 background-position: left top;
 padding-left:40px;
}
.mac {
 background-image: url(http://dl.dropbox.com/u/1350386/icons/mac.png);
}
.win {
 background-image: url(http://dl.dropbox.com/u/1350386/icons/windows.png);
}
.linux {
 background-image: url(http://dl.dropbox.com/u/1350386/icons/linux.png);
}

Mac OS instruction here.

Linux OS instruction here.

Windows OS instruction here.

Have a try: