blogging, flickr, photos, testing, wordpress

Adding Flickr photos to a hosted WordPress blog

As you may notice, I recently added a Flickr feed to the sidebar of TechnoCloud. In part this was to experiment further with WordPress plugins on a hosted blog, but it was also to give a wider audience to some of my Flickr photos after the original burst of activity died down.

To get a simple feed of thumbnail images to appear on the blog, I experimented with several of the Flickr plugins available on the WordPress Plugin Directory, but was frustrated that either my version of WordPress was not compatible, the plugin resulted in a code error or it wasn’t the functionality that I wanted. I won’t name names of the plugins, but needless to say it was a very frustrating evening messing around with code…

Equally frustrating was not spotting the Flickr badge tool buried in the Flickr site nav. Setting it up through the simple wizard was quick and intuitive and mercifully it worked first time.

If only I’d read a blog post like this, I could have saved myself a considerable amount of time…

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

www.flickr.com

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.