
How can I host blog images on flickr?I have been blogging for a while and now want to take the next step and actually include images in my weblog entries. The problem is, my weblog host doesn't offer image hosting. A friend told me I should use Flickr to host my images, but I don't see how that works. Can you help me out? Thanks. The old saw that a picture being worth a thousand words holds just as true with blog entries as it does with books and presentations to bored colleagues, so it's a smart addition you'll be making to your weblog. But actually including the images can be a bit tricky because, as you note, they need to live somewhere on a server somewhere on the Internet.
First, pop over to the site and sign up for an account. You'll have to enter a valid email address since it sends you a confirm message to prove you're who you say that you are. Once that's done you can log in to your account where you'll see a big link that says Upload Photos. Click on that. Now you'll be able to specify each of the photos you want to upload by clicking on the "browse" button next to each of the six slots shown on the page: ![]() Click to see a full size image You can see in this figure above that I've already specified an image to upload for the first slot. Since that's the only image I want to upload, I'm ready to click on the UPLOAD button on the bottom. Notice, however, that I have specified "public" for the permission to this file. I could specify something else, but it then wouldn't work for including the file in my weblog entry itself. Next, you'll be prompted to enter a description and some key words: ![]() Click to see a full size image Since we're not going to be pointing people to the Flickr image browser but just hosting the image on the Flickr service, it doesn't matter if you enter anything here or not. I usually skip all of this information completely and just move along by clicking SAVE on this screen. Almost done. Now that you have the new image on the Flickr service, the next step is to figure out its Web address or "URL". That can be done by viewing the image in Flickr, as shown below, and clicking on the "All Sizes" button, where the cursor in the below image is pointing: ![]() Click on the "All Sizes" button and, finally, you'll be shown the official URL of the image, suitable for cutting and pasting directly into your weblog entry: ![]() Click to see a full size image In this case, the URL shown is http://static.flickr.com/26/59260931_afef08ff5_o.jpg. To reference that in your blog entry, you'll need to either use an "add image" feature if your blog editor has it (many do), or simply type in the following HTML: <img src="flickr url" alt="two or three word description" />
In this specific instance, it'd look like this: <img src="http://static.flickr.com/26/59260931_afef08ff5_o.jpg"
alt="Sony PSP demonstration image" /> Once you have that mastered, it turns out that there are a lot of ways you can tweak the placement of images within text on a Web page, including adding vertical and horizontal space, changing the alignment of the material around the image and so on. That's beyond the scope of this answer, but you might find it helpful to check out my book Creating Cool Web Sites, which will give you all the information you need to get everything "just so." I hope this tutorial has been helpful!
Help others find this article at Del.icio.us, Digg, Netscape, Reddit, and Stumble Upon
Categorized:
Blogs and RSS Feeds
(Article 4261)
Tagged: Previous: Why doesn't my PC restart properly? Next: How do I get started making money with Google AdSense? Subscribe!
Never miss another useful Q&A article again! Subscribe to AskDaveTaylor with Google Reader. Good post. This was the topic of the last Blogging Academy session I did this week. You can check out the wiki entry and listen to the podcast here: http://www.bloggingacademy.com/2005/11/blogging-academy-podcast-8.html Posted by: Josh Bancroft at November 6, 2005 1:58 AMWho will be the first to create a plugin for any popular blogging service that automates this? I want to press the 'upload' button in my blogging software, choose between the available sizes and have the image included in a new blog entry. Posted by: Jeroen at November 7, 2005 9:47 AMThe latest release of Simplog (http://www.simplog.org) has one click inclusion of photos from flickr built in. Posted by: jeremy ashcraft at November 7, 2005 11:21 PMwww.ekono.net is much better than flickr. They are totally free. Offer 100MB space, 1MB file size limit and hotlinking is allowed. Posted by: James Edwards at December 17, 2005 2:55 AMhas anyone try http://www.photogiga.com? Posted by: candy at March 21, 2006 1:02 AMyou can also use very little adds, fast for image hosting, and free! Posted by: Jon at February 17, 2007 11:44 AMhow do i create a tweak to stop people from rite cliking on my pictures on myspace an saveing them as theres? Posted by: joe at September 26, 2007 10:14 PMYou are a god. I use http://www.g4vault.com no annoying ads and you can upload anonymously or create a free account and make it private Posted by: menaice at January 12, 2009 6:13 PMI have something to say, now that you mention it, but ...
I do have a comment, now that you mention it!
|
![]()
Search
Find just the answers you seek from among our 2300+ free tech support articles by using our Lijit search engine.
Help!
Subscribe to
Ask Dave Taylor!
Free Updates!
Sign up and get free weekly updates and special offers on books, seminars, workshops and more.
Articles and Reviews
Auctions and Online Shopping Blogs and RSS Feeds Building Web site traffic Business and Management Cell Phones and Mobile Phones CGI Scripts and Web Site Programming Computer and Internet Basics d) None of the Above HTML and CSS Industry News and Trade Shows Mac OS X Help MySpace, Facebook, Twitter and Social Network Help Pay Per Click (PPC) Search Engine Optimization Shell Script Programming Sony PSP, MP3 Players, Etc. The Writing Business Unix and Linux Help Video Game Tips and Help Windows Help
Recent Entries
Book Links
|