David Walsh Blog :: PHP, MySQL, CSS, Javascript, jQuery, MooTools, and Everything Else.

The title says it all:  David Walsh and his guest bloggers tirelessly provide elegant solutions that are useful to the apprentice web site designers as well as to the more accomplished ones.  The site focuses on the little things that help you make the transition to web 2.0, such as ajax, javascript, the Jquery and Mootools libraries, etc.

Amateur webmaster tip. This is yet another easy tip to include a widget with your (or someone else’s) Flickr pictures on your website.

This one comes courtesy of Widgetbox. Here is a step-by-step procedure:

1. Go to widgetbox

2. Click on “Make a widget”

3. Click on “Blog/Feed”

4. Go to Flickr

5. Choose a photo set and click on “feed” on the lower left corner of the page

6. Copy the feed url that appears in your web address bar, or control click the feed button and copy the link

7. Go back to the widgetbox page, paste the address and click on “continue”

8. Paste the address again in the lower box and click on “OK”

9. Adjust the appearance settings of your widget, and click on “publish blidget”

10. Grab the code (you will need to register first on widgetbox). Once you click on “Get widget”, you will be presented with a few ready-made options. If you use Rapidweaver or your own Wordpress blog, click on “get code”. You will then need to paste the code where it fits best on your website.

For Rapidweaver, you can paste the code in any styled page or in your sidebar. On Wordpress, you can either edit sidebar.php (for your sidebar) or another file such as header.php (for your header), or create a Wordpress widget and paste the code there.

I have pasted the code in my Wordpress post. Here is the result: