[Translate]

---

One of the “to-do” items during the 3.0 beta of jasonprini.com is to add my moblog to the sidebar. I’m trying to keep it all “in-house” but it’s tempting to just use the flickr badge code.

This is code that you can insert into your blog template that pulls in the pics off your flickr photostream and displays them wherever you put the javascript code. It’s super easy to implement and looks great {if you don’t mind the www.flickr.com logo}. Regardless of what I end up doing, I thought I’d blog the steps you can follow to dynamicly insert flickr pics into your site.

1. Go to your flickr home page.
2. Scroll down to the bottom and under “Support” click on “Get the most out of Flickr”
3. Under the last paragraph in “Do you have a Blog?” click on “design your badge”
4. Select the options you want. You can change this until you’re happy with it.
5. When you’re happy with the way it looks, click on “get code”.
6. Select all the code in the text box and copy it {Ctrl+C}.
7. Open your blogger dashboard, select your blog, click on the “template” tab
8. In the sidebar area of your template paste {Ctrl+V} the Flickr code where you want the pictures to appear. If you’re using Blogger, look for < '!'-- Begin #sidebar -- > < div id="sidebar"> tags.
9. Click on “Preview” to see what it will look like.
10. When you’re happy with where it’s located, save and publish your changes.
11. Voila! You’re done. Enjoy!

If you have any questions or comments, just put them here and I’ll try my best to respond. As you can see on the right on the index page, I did end up going with the flickr badge code in the interim. I’m testing several wordpress plugins and my own code ideas on my development wordpress install.

UPDATE:

Click on Tools, then look on the right hand side for “Display Flickr
photos on your website” and you can go from there!