<?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>Related Posts Archives &#8211; hoech.net</title>
	<atom:link href="https://hoech.net/tag/related-posts/feed/" rel="self" type="application/rss+xml" />
	<link>https://hoech.net/tag/related-posts/</link>
	<description>Webdesign und -entwicklung, professionelle Bildbearbeitung, Reinzeichnung, DTP und Prepress in Stuttgart</description>
	<lastBuildDate>Sun, 01 Dec 2013 04:08:03 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>
	<item>
		<title>Show related posts on tumblr permalink pages</title>
		<link>https://hoech.net/2013/11/26/show-related-posts-on-tumblr-permalink-pages/</link>
		
		<dc:creator><![CDATA[Florian Höch]]></dc:creator>
		<pubDate>Tue, 26 Nov 2013 21:41:56 +0000</pubDate>
				<category><![CDATA[Web development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Related Posts]]></category>
		<category><![CDATA[tumblr]]></category>
		<guid isPermaLink="false">http://hoech.net/?p=573</guid>

					<description><![CDATA[<p>I just added a github repository for my tumblr related posts jQuery plugin, which is (very loosely) based on the tumblr-related-posts widget. From the README: Show related posts on tumblr permalink pages. Prerequisites: jQuery. Usage &#60;script&#62; $(container).relatedposts(options); &#60;/script&#62; container should [&#8230;] <a href="https://hoech.net/2013/11/26/show-related-posts-on-tumblr-permalink-pages/" class="more-link"><span class="meta-nav">Weiterlesen &#8594;</span></a></p>
<p>Der Beitrag <a href="https://hoech.net/2013/11/26/show-related-posts-on-tumblr-permalink-pages/">Show related posts on tumblr permalink pages</a> erschien zuerst bei <a href="https://hoech.net">hoech.net</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>I just added a <a href="https://github.com/fhoech/tumblr-relatedposts">github repository for my tumblr related posts jQuery plugin</a>, which is (very loosely) based on the <a href="http://code.google.com/p/tumblr-related-posts/">tumblr-related-posts widget</a>. <span id="more-573"></span> From the README:</p>
<p>Show related posts on tumblr permalink pages.<br />
Prerequisites: jQuery.</p>
<h2>Usage</h2>
<pre class="language-markup"><code>&lt;script&gt;
    $(container).relatedposts(options);
&lt;/script&gt;</code></pre>
<p><code>container</code> should be a valid jQuery selector. <code>options</code> should be an object with key/value pairs.</p>
<h2>Possible options</h2>
<p><code>domain</code>: Your tumblr domain name e.g. mytumblr.tumblr.com. Defaults to current document domain.<br />
<code>num</code>: Max. number of related posts to display.<br />
<code>len</code>: Excerpt text length (number of characters).<br />
<code>thumbwidth</code>: Preferred thumbnail width in px (height will scale accordingly).<br />
<code>tags</code>: Array of post tags to search for.<br />
<code>type</code>: Limit posts to type. Empty string (&#8220;) for all types.<br />
<code>titlehtml</code>: HTML for the title tag (will be inserted before the container).</p>
<p>The only required option is the <code>tags</code> option, which should be an array of post tags.</p>
<h2>Minimal example</h2>
<p>Assuming you have a container with ID <code>related</code> in which you want to display, insert this just before the closing <code>&lt;/body&gt;</code> of your theme (change your domain/path accordingly, and leave jQuery out if it is already included on the page):</p>
<pre class="language-markup line-numbers"><code>{block:PermalinkPage}
    &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
    &lt;/script&gt;
    {block:Posts}
        {block:HasTags}
            &lt;script src="//yourdomain.com/js/related.js"&gt;&lt;/script&gt;
            &lt;script&gt;
                $('#related').relatedposts(
                    {tags: [{block:Tags}'{Tag}',{/block:Tags}]});
            &lt;/script&gt;
        {/block:HasTags}
    {/block:Posts}
{/block:PermalinkPage}
</code></pre>
<p>You could also pull the tags via jQuery (in the example assuming post tags are displayed as links in a container with the class <code>tags</code>):</p>
<pre class="language-markup line-numbers"><code>{block:PermalinkPage}
    &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
    &lt;/script&gt;
    {block:Posts}
        {block:HasTags}
            &lt;script src="//yourdomain.com/js/related.js"&gt;&lt;/script&gt;
            &lt;script&gt;
                $('#related').relatedposts(
                    {tags: $('.tags a').map(function() {
                               return $(this).text().replace(/^#/, '');
                           }).get()});
            &lt;/script&gt;
        {/block:HasTags}
    {/block:Posts}
{/block:PermalinkPage}
</code></pre>
<p>Der Beitrag <a href="https://hoech.net/2013/11/26/show-related-posts-on-tumblr-permalink-pages/">Show related posts on tumblr permalink pages</a> erschien zuerst bei <a href="https://hoech.net">hoech.net</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss><!-- hyper cache: hoech.net/tag/related-posts/feed/index.dat 26-06-04 01:21:47 -->