<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blogging Girl &#187; flickr</title>
	<atom:link href="http://www.blogging-girl.com/tag/flickr/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogging-girl.com</link>
	<description>Blogging about everything related to blogs</description>
	<lastBuildDate>Tue, 20 Jul 2010 19:00:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>How to display Flickr photos on your blog</title>
		<link>http://www.blogging-girl.com/2009/03/16/how-to-display-flickr-photos-on-your-blog/</link>
		<comments>http://www.blogging-girl.com/2009/03/16/how-to-display-flickr-photos-on-your-blog/#comments</comments>
		<pubDate>Mon, 16 Mar 2009 17:28:46 +0000</pubDate>
		<dc:creator>Blogging Girl</dc:creator>
		<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/bgirl/public_html/wp-content/plugins/autometa/autometa.php</b> on line <b>364</b><br />
		<category><![CDATA[Design]]></category>
		<category><![CDATA[flickr]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.blogging-girl.com/?p=375</guid>
		<description><![CDATA[Displaying photos from your Flickr photostream doesn&#8217;t require a fancy plugin (though FlickrRSS is a great one if you prefer the plugin route). Instead, you can use a unique line of Javascript code generated directly from Flickr to show your photos in your sidebar, or wherever else you&#8217;d like to place them on your blog. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.blogging-girl.com%2F2009%2F03%2F16%2Fhow-to-display-flickr-photos-on-your-blog%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.blogging-girl.com%2F2009%2F03%2F16%2Fhow-to-display-flickr-photos-on-your-blog%2F&amp;source=kissmykitty&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Displaying photos from your <a href="http://www.flickr.com">Flickr</a> photostream doesn&#8217;t require a fancy plugin (though <a href="http://eightface.com/wordpress/flickrrss/">FlickrRSS</a> is a great one if you prefer the plugin route). Instead, you can use a unique line of Javascript code generated directly from Flickr to show your photos in your sidebar, or wherever else you&#8217;d like to place them on your blog.</p>
<p>To get started, make sure you are logged into Flickr, and then check out the <a href="http://www.flickr.com/badge.gne">badge page</a>. Now, follow these steps:</p>
<ul>
<li>For badge type, select <strong>An HTML badge</strong></li>
<li>Specify the photos you would like to display: all of them, photos tagged with a specific tag, or photos from a specific set</li>
<li>Customize your layout. Say no to displaying your Flickr name and icon, then select the number of photos, which ones and size. Important: select <strong>none</strong> for orientation style if you plan on having your photos appear in a grid format!</li>
<li>Choose colors, if any. (I recommend none.)</li>
<li><strong>Grab your code.</strong></li>
</ul>
<p><strong>Grabbing your code</strong> is the important part. If you want the freedom to style your displayed Flickr photos in a specific manner (I definitely recommend this), then you will only need to grab the portion of code that begins with <code>&lt;script&gt;</code> and ends with <code>&lt;/script&gt;</code>. The full code will look something like this:</p>
<div align="left"><code>&lt;script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&#038;display=latest&#038;size=t&#038;layout=v&#038;source=user&#038;user=YOUR_FLICKR_ID_NUMBER_HERE"&gt;&lt;/script&gt;</code></div>
<p>My suggestion is to place that code within a DIV, such as <code>&lt;div id="flickr"&gt;Flickr code here&lt;/div&gt;</code>, and then use your stylesheet to apply formatting to that DIV. You can specify padding, borders and just about anything else in order to customize and improve how your photos look. <img src='http://www.blogging-girl.com/wp-includes/images/smilies/smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Psst. Check out <a href="http://www.blogging-girl.com/2008/04/22/prettify-your-images/">Prettify your images</a> for a general idea of how you can customize the display format of your photos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogging-girl.com/2009/03/16/how-to-display-flickr-photos-on-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
