<?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>Webdesign - Oldenburg - Bremen - Internetagentur - Homepage - Wordpress-CMS &#187; Twitter</title>
	<atom:link href="http://www.webdesign-klaus-oppermann.de/category/twitter/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesign-klaus-oppermann.de</link>
	<description>Internetagentur Bremen Oldenburg - Webdesign mit Wordpress-CMS</description>
	<lastBuildDate>Tue, 27 Dec 2011 11:35:35 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Social Bookmarks einbinden &#8211; Twitter, Facebook, Xing, Google Plus One &#8211; ohne Plugin &#8211; WordPress</title>
		<link>http://www.webdesign-klaus-oppermann.de/twitter/social-bookmarks-twitter-facebook-xing-google-ohne-plugins-wordpress-86</link>
		<comments>http://www.webdesign-klaus-oppermann.de/twitter/social-bookmarks-twitter-facebook-xing-google-ohne-plugins-wordpress-86#comments</comments>
		<pubDate>Tue, 23 Aug 2011 07:13:40 +0000</pubDate>
		<dc:creator>Redaktion</dc:creator>
				<category><![CDATA[Tipps und Tricks]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.webdesign-klaus-oppermann.de/?p=86</guid>
		<description><![CDATA[Links zu sozialen Netzwerken können in WordPress auch ohne Plugins eingerichtet werden. Zunächst diese Bilder speichern (rechte Maustaste) und in den Ordner &#8220;uploads&#8221; hochladen. HTML In der single.php diesen HTML-Code unter dem Artikel einfügen (innerhalb des divs &#8220;post&#8221;, aber außerhalb [...]]]></description>
			<content:encoded><![CDATA[<img src="http://www.webdesign-klaus-oppermann.de/wordpress/wp-content/uploads/2011/08/social-bookmarks.jpg" alt="Social Bookmarks" title="Social Bookmarks" width="400" height="100" class="aligncenter size-full wp-image-87" />

<p>Links zu sozialen Netzwerken können in WordPress auch ohne Plugins eingerichtet werden.</p>

<p>Zunächst diese Bilder speichern (rechte Maustaste) und in den <strong>Ordner &#8220;uploads&#8221;</strong> hochladen.</p>

<p><img src="http://www.webdesign-klaus-oppermann.de/wordpress/wp-content/uploads/twitter.png" alt="Twitter" width="16" height="16" /> <img src="http://www.webdesign-klaus-oppermann.de/wordpress/wp-content/uploads/facebook.png" alt="Facebook" width="16" height="16" /> <img src="http://www.webdesign-klaus-oppermann.de/wordpress/wp-content/uploads/xing.png" alt="Xing" width="16" height="16" /></p>

<h3>HTML</h3>

<p>In der <strong>single.php</strong>  diesen HTML-Code unter dem Artikel einfügen (innerhalb des divs &#8220;post&#8221;, aber außerhalb des Loops):</p>

&lt;ul class=&quot;clearfix sbm&quot;&gt;<br />
&lt;li&gt;&lt;a href=&quot;http://twitter.com/home?status=&lt;?php the_permalink(); ?&gt;&quot; title=&quot;Twittern!&quot;&gt;&lt;img src=&quot;/wp-content/uploads/twitter.png&quot; alt=&quot;Twitter&quot; width=&quot;16&quot; height=&quot;16&quot; /&gt;Twitter&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;http://www.facebook.com/share.php?u=&lt;?php echo rawurlencode(get_permalink()) ?&gt;&amp;amp;t=&lt;?php echo rawurlencode(strip_tags(get_the_title())) ?&gt;&quot; title=&quot;Auf Facebook posten&quot;&gt;&lt;img src=&quot;/wp-content/uploads/facebook.png&quot; alt=&quot;Facebook&quot; width=&quot;16&quot; height=&quot;16&quot; /&gt;Facebook&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;http://www.xing.com/app/user?op=share;url=&lt;?php echo urlencode(get_permalink($post-&gt;ID)); ?&gt;;title=&lt;?php echo urlencode(get_the_title()); ?&gt;;provider=&lt;?php echo urlencode(get_bloginfo(&#8216;name&#8217;)); ?&gt;&quot;  title=&quot;XING-Kontakten zeigen&quot;&gt;&lt;img src=&quot;/wp-content/uploads/xing.png&quot; alt=&quot;Xing&quot; width=&quot;16&quot; height=&quot;16&quot; /&gt;Xing&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;g:plusone&gt;&lt;/g:plusone&gt;&lt;/li&gt;<br />
&lt;/ul&gt;

<h3>CSS</h3>

<p>Die <strong>style.css</strong> um folgende Zeilen ergänzen:</p>

<pre><code>#content div.post ul.sbm{margin:15px 0}
#content div.post ul.sbm li{background-image:none;display:inline;float:left;line-height:1em;margin:0 15px 0 0;padding:0;width:auto}
#content div.post ul.sbm li a, #content div.post ul.sbm li a:hover{background:#f7f7f7;border:1px solid #ccc;color:#3B5998;display:block;float:left;padding:2px 5px;text-decoration:none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px}
#content div.post ul.sbm li a:hover{background:#fff;color:#333}
#content div.post ul.sbm li a img, #content div.post ul.sbm li a:hover img{float:left;margin:0 5px 0 0; width:16px}</code></pre>

<h3>Google Plus One Button einbinden</h3>

<p>Dieses Tag in den Head-Bereich oder &#8211; meine Empfehlung &#8211; direkt vor dem schließenden body-Tag <code>(&lt;/body&gt;)</code> einfügen:</p>

&lt;?php if(is_single()) echo &#39;&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt; {lang: &quot;de&quot;} &lt;/script&gt;&#39;; ?&gt; 

<p>Weitere Infos zum Google Plus One Button: <a href="http://www.google.com/webmasters/+1/button/">http://www.google.com/webmasters/+1/button/</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-klaus-oppermann.de/twitter/social-bookmarks-twitter-facebook-xing-google-ohne-plugins-wordpress-86/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Comic-Twitter-Vögel als Symbole zum Verlinken</title>
		<link>http://www.webdesign-klaus-oppermann.de/twitter/comic-twitter-voegel-als-symbole-zum-verlinken-23</link>
		<comments>http://www.webdesign-klaus-oppermann.de/twitter/comic-twitter-voegel-als-symbole-zum-verlinken-23#comments</comments>
		<pubDate>Sun, 10 Apr 2011 13:56:00 +0000</pubDate>
		<dc:creator>Redaktion</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Symbole]]></category>
		<category><![CDATA[Vögel]]></category>

		<guid isPermaLink="false">http://www.webdesign-klaus-oppermann.de/?p=23</guid>
		<description><![CDATA[Weitere Motive zur Verlinkung mit Twitter. Die Motive dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. Bitte nicht direkt hier verlinken &#8211; zum Speichern einfach mit [...]]]></description>
			<content:encoded><![CDATA[<p class="center png">
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-1.png" alt="Twitter I" title="Twitter I" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-1-64.png" alt="Twitter I 64x64" title="Twitter I 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-1-32.png" alt="Twitter I 32x32" title="Twitter I 32x32" width="32" height="32" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-2.png" alt="Twitter II" title="Twitter II" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-2-64.png" alt="Twitter II 64x64" title="Twitter II 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-2-32.png" alt="Twitter II 32x32" title="Twitter II 32x32" width="32" height="32" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-3.png" alt="Twitter III" title="Twitter III" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-3-64.png" alt="Twitter III 64x64" title="Twitter III 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-3-32.png" alt="Twitter III 32x32" title="Twitter III 32x32" width="32" height="32" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-4.png" alt="Twitter IV" title="Twitter IV" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-4-64.png" alt="Twitter IV 64x64" title="Twitter IV 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-blue-4-32.png" alt="Twitter IV 32x32" title="Twitter IV 32x32" width="32" height="32" />
</p>

<p>Weitere Motive zur Verlinkung mit <a rel="nofollow" href="http://twitter.com/">Twitter</a>. Die Motive dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. Bitte nicht direkt hier verlinken &#8211; zum Speichern einfach mit der rechten Maustaste anklicken und &#8220;Grafik speichern unter&#8221; wählen&#8221;.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-klaus-oppermann.de/twitter/comic-twitter-voegel-als-symbole-zum-verlinken-23/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Twitter-Logos: Vögel im Tangram-Stil</title>
		<link>http://www.webdesign-klaus-oppermann.de/twitter/twitter-logos-voegel-im-tangram-stil-21</link>
		<comments>http://www.webdesign-klaus-oppermann.de/twitter/twitter-logos-voegel-im-tangram-stil-21#comments</comments>
		<pubDate>Sat, 03 Apr 2010 14:53:22 +0000</pubDate>
		<dc:creator>Redaktion</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Symbole]]></category>
		<category><![CDATA[Tangram]]></category>

		<guid isPermaLink="false">http://www.webdesign-klaus-oppermann.de/?p=21</guid>
		<description><![CDATA[Weitere Symbole/Logos zur Verlinkung mit Twitter zur freien Verfügung, diesmal inspiriert durch das chinesische Formenspiel Tangram. Die Grafiken dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. [...]]]></description>
			<content:encoded><![CDATA[<p class="center png">
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-1.png" alt="Twitter Tangram-Vogel 1" title="Twitter Tangram-Vogel 1" width="299" height="239" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-1-64.png" alt="Twitter Tangram-Vogel 1" title="Twitter Tangram-Vogel 1 64x64" width="64" height="51" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-1-32.png" alt="Twitter Tangram-Vogel 1" title="Twitter Tangram-Vogel 1 32x32" width="32" height="26" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-2.png" alt="Twitter Tangram-Vogel 2" title="Twitter Tangram-Vogel 2" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-2-64.png" alt="Twitter Tangram-Vogel 2" title="Twitter Tangram-Vogel 2 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-2-32.png" alt="Twitter Tangram-Vogel 2" title="Twitter Tangram-Vogel 2 32x32" width="32" height="32" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-3.png" alt="Twitter Tangram-Vogel 3" title="Twitter Tangram-Vogel 3" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-3-64.png" alt="Twitter Tangram-Vogel 3" title="Twitter Tangram-Vogel 3 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-3-32.png" alt="Twitter Tangram-Vogel 3" title="Twitter Tangram-Vogel 3 32x32" width="32" height="32" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-4.png" alt="Twitter Tangram-Vogel 4" title="Twitter Tangram-Vogel 4" width="300" height="300" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-4-64.png" alt="Twitter Tangram-Vogel 4" title="Twitter Tangram-Vogel 4 64x64" width="64" height="64" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/tangram-4-32.png" alt="Twitter Tangram-Vogel 4" title="Twitter Tangram-Vogel 4 32x32" width="32" height="32" />
</p>

<p>Weitere Symbole/Logos zur Verlinkung mit <a rel="nofollow" href="http://twitter.com/">Twitter</a> zur freien Verfügung, diesmal inspiriert durch das chinesische Formenspiel Tangram. Die Grafiken dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. Zum Speichern einfach mit der rechten Maustaste anklicken und &#8220;Grafik speichern unter&#8221; wählen&#8221;.</p>

<p>Tangram ist ein jahrtausendealtes chinesisches Formenspiel für eine Person. Aus sieben Spielsteinen &#8211; einem Quadrat, einem Parallelogramm und 5 Dreiecken &#8211; die zusammen ein Quadrat ergeben, werden die verschiedensten, vorgegeben Formen gelegt. Was einfach aussieht, erfordert ein hohes Maß an Vorstellungskraft und Kreativität! Weitere Informationen gibt es u.a. <a class="ext" rel="nofollow" href="http://de.wikipedia.org/wiki/Tangram">in der Wikipedia</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-klaus-oppermann.de/twitter/twitter-logos-voegel-im-tangram-stil-21/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter Symbole/Logos zum Verlinken</title>
		<link>http://www.webdesign-klaus-oppermann.de/twitter/twitter-symbole-zum-verlinken-19</link>
		<comments>http://www.webdesign-klaus-oppermann.de/twitter/twitter-symbole-zum-verlinken-19#comments</comments>
		<pubDate>Thu, 01 Apr 2010 09:51:03 +0000</pubDate>
		<dc:creator>Redaktion</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Symbole]]></category>

		<guid isPermaLink="false">http://www.webdesign-klaus-oppermann.de/?p=19</guid>
		<description><![CDATA[Gerne stelle ich hier einige Motive zur Verlinkung mit Twitter zur freien Verfügung. Sie dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. Zum Speichern einfach mit [...]]]></description>
			<content:encoded><![CDATA[<p class="center png">
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-bird-1-left.png" alt="Twitter Vogel 1a" title="Twitter Vogel 1a" width="200" height="140" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-bird-1-right.png" alt="Twitter Vogel 1b" title="Twitter Vogel 1b" width="200" height="140" /><br />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-bird-2-left.png" alt="Twitter Vogel 2a" title="Twitter Vogel 2a" width="150" height="104" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-bird-2-right.png" alt="Twitter Vogel 2b" title="Twitter Vogel 2b"  width="150" height="104" /><br />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-1-16.png" alt="Twitter Icon 1 16x16" title="Twitter Icon 1 16x16" width="16" height="16" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-1-32.png" alt="Twitter Icon 1 32x32" title="Twitter Icon 1 32x32" width="32" height="32" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-1-64.png" alt="Twitter Icon 1 64x64" title="Twitter Icon 1 64x64" width="64" height="64" />

<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-2-16.png" alt="Twitter Icon 2 16x16" title="Twitter Icon 2 16x16" width="16" height="16" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-2-32.png" alt="Twitter Icon 2 32x32" title="Twitter Icon 2 32x32" width="32" height="32" />
<img src="http://www.webdesign-klaus-oppermann.de/uploads/twitter-icon-2-64.png" alt="Twitter Icon 2 64x64" title="Twitter Icon 2 64x64" width="64" height="64" />
</p>

<p>Gerne stelle ich hier einige Motive zur Verlinkung mit <a class="ext" rel="nofollow" href="http://twitter.com/">Twitter</a> zur freien Verfügung. Sie dürfen sowohl für private als auch für kommerzielle Projekte verwendet werden. Sie dürfen aber nicht in anderen Sammlungen angeboten oder verkauft werden. Zum Speichern einfach mit der rechten Maustaste anklicken und &#8220;Grafik speichern unter&#8221; wählen.</p>

<p>Vorlage für den Vogel war das Rotschwänzchen, welches von meinem Freund <a class="ext" rel="nofollow" href="http://www.schoene-online.de">Thomas</a> im letzten Jahr liebevoll hochgepäppelt worden war.</p>]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-klaus-oppermann.de/twitter/twitter-symbole-zum-verlinken-19/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

