<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>websites &#8211; Dabbled</title>
	<atom:link href="https://dabbled.org/tag/websites/feed/" rel="self" type="application/rss+xml" />
	<link>https://dabbled.org</link>
	<description>Experiments in Art, Craft, and Food - an archive</description>
	<lastBuildDate>Sat, 14 Jul 2012 20:46:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<site xmlns="com-wordpress:feed-additions:1">145231836</site>	<item>
		<title>More cool Pinterest Tricks: Adding a feed of things pinned from your website</title>
		<link>https://dabbled.org/more-cool-pinterest-tricks-adding-a-feed-of-things-pinned-from-your-website/</link>
					<comments>https://dabbled.org/more-cool-pinterest-tricks-adding-a-feed-of-things-pinned-from-your-website/#comments</comments>
		
		<dc:creator><![CDATA[Dot]]></dc:creator>
		<pubDate>Fri, 13 Jul 2012 20:54:25 +0000</pubDate>
				<category><![CDATA[Tutorials/Tips]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[blog design]]></category>
		<category><![CDATA[pinterest]]></category>
		<category><![CDATA[rss feed]]></category>
		<category><![CDATA[websites]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">http://dabbled.org/?p=7398</guid>

					<description><![CDATA[<p>The other day I talked about how to<a href="http://dabbled.org/2012/07/summer-inspirations-and-how-to-embed-a-pinterest-board-on-your-wordpress-blog.html" target="_blank"> embed pins from one of your Pin Boards</a> on Pinterest in a post.  So this got me thinking&#8230; what other cool WordPress tricks can we do?  (Yes, this is another post for you bloggers out there!)</p>
<p>I love go out to look and see what items on Dabbled people are pinning on Pinterest.  I had no idea some of my old posts had gotten rediscovered via Pinterest till I noticed some of them had a bunch of pins.  &#8230; <a href="https://dabbled.org/more-cool-pinterest-tricks-adding-a-feed-of-things-pinned-from-your-website/" class="read-more"> [ KEEP READING ] </a></p>]]></description>
										<content:encoded><![CDATA[<p>The other day I talked about how to<a href="http://dabbled.org/2012/07/summer-inspirations-and-how-to-embed-a-pinterest-board-on-your-wordpress-blog.html" target="_blank"> embed pins from one of your Pin Boards</a> on Pinterest in a post.  So this got me thinking&#8230; what other cool WordPress tricks can we do?  (Yes, this is another post for you bloggers out there!)</p>
<figure id="attachment_7405" aria-describedby="caption-attachment-7405" style="width: 388px" class="wp-caption alignright"><img decoding="async" loading="lazy" class="size-full wp-image-7405" title="pinterestbox" src="http://dabbled.org/wp-content/uploads/2012/07/pinterestbox.png" alt="" width="388" height="380" srcset="https://dabbled.org/wp-content/uploads/2012/07/pinterestbox.png 388w, https://dabbled.org/wp-content/uploads/2012/07/pinterestbox-285x279.png 285w, https://dabbled.org/wp-content/uploads/2012/07/pinterestbox-50x50.png 50w" sizes="(max-width: 388px) 100vw, 388px" /><figcaption id="caption-attachment-7405" class="wp-caption-text">This is just an image &#8211; the actual widget is over in the sidebar &#8211;&gt;</figcaption></figure>
<p>I love go out to look and see what items on Dabbled people are pinning on Pinterest.  I had no idea some of my old posts had gotten rediscovered via Pinterest till I noticed some of them had a bunch of pins.  If you have a website, and you want to know what items on your site are getting pinned, you just need to go to http://pinterest.com/source/yourblogname.com/ (in my case <a href="http://pinterest.com/source/dabbled.org/">http://pinterest.com/source/dabbled.org/</a>) .</p>
<p>So I was thinking, wouldn&#8217;t it be cool to have a sidebar widget or something where I could highlight Dabbled posts that are popular right now on Pinterest?  Now, it&#8217;s pretty easy to add a widget to show your own posts<em> (as we discussed, those have an RSS feed, and there are many plugins around to make that super simple)</em>.  But there is no feed (as far as I can tell) for the /source/ page.  So we have a two step process:  First, we need to <a href="http://feed43.com/dabbled-on-pinterest.xml" target="_blank">build a feed</a>, and second, we need to display in our sidebar. And, if you&#8217;ll look to your right, you&#8217;ll see it in the sidebar, under the &#8220;Past Projects&#8221; list.</p>
<h2>Building an RSS Feed from your blog &#8220;source&#8221; page on Pinterest</h2>
<p>I got a ton of help on this from two posts:  <a href="http://www.jesseluna.com/2012/02/20/how-to-add-a-pinterest-pin-board-to-your-wordpress-blog/">How to Add a Pinterest Pin Board to Your WordPress Blog by JesseLuna</a> and <a href="http://mashable.com/2012/03/14/pinterest-track-content/">How to Track Your Website’s Content on Pinterest</a> at Mashable.   Neither was doing exactly what I wanted to do, but together, they helped a bunch. The <a href="http://www.jesseluna.com/2012/02/20/how-to-add-a-pinterest-pin-board-to-your-wordpress-blog/" target="_blank">JesseLuna post</a> has a good step by step, so I&#8217;m not going to recreate the whole thing here.  Basically you go to <a href="http://feed43.com/" target="_blank">Feed43</a> to create a custom feed. When you get to Step 2: Define extraction rules, you can leave Global blank, then enter the following code in the Item Search Pattern field:</p>
<pre>&lt;a href="http://pinterest.com/pin/{%}" class="PinImage ImgLink"&gt;{*}
&lt;img src="{%}" alt="{%}"{*}
&lt;p class="description"&gt;{%}&lt;/p&gt;{*}
&lt;a href="{%}" title="{%}" class="ImgLink"&gt;{*}</pre>
<p>You&#8217;re basically just pulling out the information you&#8217;ll need with this. When you get to the RSS Item Properties section, do something like this: Item Title Template*: [?]</p>
<pre>{%3} Pinned by {%6}</pre>
<p>Item Link Template*: [?]</p>
<pre>http://pinterest.com/pin/{%1}</pre>
<p>Content:</p>
<pre>&lt;a href="http://pinterest.com/pin/{%1}"&gt;&lt;img src="{%2}" alt="{%3}" /&gt;&lt;/a&gt;&lt;br/&gt;
Shared by &lt;a href="{%5}"&gt;{%6}&lt;/a&gt;&lt;br/&gt;
[&lt;a href="http://pinterest.com/source/dabbled.org/"&gt;All Dabbled.org Pins&lt;/a&gt;]</pre>
<p>Note that the last line of the content is just a hard coded link back to the /source page.  You can leave that out, or change it to your own source page.</p>
<p>If you&#8217;ve done everything right (and again, follow the directions on the other blog, just use my info above for pulling from the /source/ page), you&#8217;ll have a spiffy homemade feed, suitable for putting in your feedreader (if you&#8217;re obsessive about when people pin your posts) or, as we&#8217;re going to do, add to a sidebar widget.</p>
<h2>Creating a sidebar widget for your new feed</h2>
<p><a href="http://dabbled.org/wp-content/uploads/2012/07/Widgets-‹-Dabbled-—-WordPress.png"><img decoding="async" loading="lazy" class="alignright size-full wp-image-7402" title="anyfeed slideshow widget settings" src="http://dabbled.org/wp-content/uploads/2012/07/Widgets-‹-Dabbled-—-WordPress.png" alt="" width="279" height="442" /></a>Now, if you don&#8217;t care about photos, and just want a list of items, you can use the built in RSS widget in WordPress.  Easy Peasy.  In my case, I wanted to show the photos of the Pinned items, with a link back to the Pin itself, as pinned by the reader.</p>
<p>My solution was the <a href="http://wordpress.org/extend/plugins/anyfeed-slideshow/">Anyfeed Slideshow</a> plugin for WordPress.  The<a href="http://wordpress.org/extend/plugins/super-simple-pinterest-plugin/" target="_blank"> Super-Simple Pinterest Widget</a> might also work for your needs, the format just wasn&#8217;t what I was looking for.  But either will pull in images and titles from your newly created feed.  (Have you tried something else? Leave a comment!)</p>
<p>For AnyFeed Slideshow, I just installed it, and configured it on the Widgets page adding my own title and the feed URL I got from feed43.com.</p>
<p>You can play around with the display options, but the main setting I changed was checking off the following:</p>
<ul>
<li>Show Navigation?</li>
<li>Show Titlebar?</li>
<li>Permanent Titlebar?</li>
</ul>
<p>I did notice that I could only have one feed widget on a page.  Trying to add a second one on the same page to show Foodwhirl.com Pins didn&#8217;t work.</p>
<h2>So, wanna see it?</h2>
<p style="text-align: left;">Well, it&#8217;s over on the sidebar now &#8211;&gt;</p>
<p style="text-align: left;">In addition to the slideshow widget, I added a couple of Buttons (see below), and some explanatory text in a second text widget.  If you&#8217;ve pinned something on Dabbled recently, you&#8217;ll see yourself in the box!  It pulls the last 30 or so Pins, and I&#8217;m not sure how quickly it updates.</p>
<div class="pinterests"><a href="http://pinterest.com/source/dabbled.org/"><img decoding="async" loading="lazy" title="See what people have pinned from Dabbled.org" src="http://dabbled.org/wp-content/uploads/2012/07/dabbledpinterest.png" alt="" width="138" height="26" /></a><a href="http://pinterest.com/dorsner/"><img decoding="async" loading="lazy" title="Follow Dot on Pinterest" src="http://dabbled.org/wp-content/uploads/2012/07/followmepinterest.png" alt="" width="152" height="26" /></a></div>
<div class="pinterests">All in all, a cool way to keep track of who likes your stuff, and what stuff they like, and to showcase them on your blog!</div>
]]></content:encoded>
					
					<wfw:commentRss>https://dabbled.org/more-cool-pinterest-tricks-adding-a-feed-of-things-pinned-from-your-website/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7398</post-id>	</item>
	</channel>
</rss>
