<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<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/"
	>

<channel>
	<title>html-snippet &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/html-snippet/</link>
	<description>Feed of posts on WordPress.com tagged "html-snippet"</description>
	<pubDate>Tue, 05 Jan 2010 03:16:20 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Friend me Up]]></title>
<link>http://unseend.wordpress.com/2008/07/02/friend-me-up/</link>
<pubDate>Wed, 02 Jul 2008 10:57:26 +0000</pubDate>
<dc:creator>Apostolos</dc:creator>
<guid>http://unseend.wordpress.com/2008/07/02/friend-me-up/</guid>
<description><![CDATA[Most bloggers and not only them, use lots of Web 2.0 services and apps like Twitter, Google Reader, ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Most bloggers and not only them, use lots of <a class="zem_slink" title="Web 2.0" rel="wikipedia" href="http://en.wikipedia.org/wiki/Web_2.0">Web 2.0</a> services and apps like <a class="zem_slink" title="Twitter" rel="homepage" href="http://www.twitter.com/">Twitter</a>, <a class="zem_slink" title="Google Reader" rel="homepage" href="http://www.google.com/reader">Google Reader</a>, <a class="zem_slink" title="FriendFeed" rel="homepage" href="http://friendfeed.com">Friendfeed</a> and the list goes on. It&#8217;s natural to want to promote them via links in their blog sidebar and/or about page next or close to RSS buttons.</p>
<p>Usually, they use &#8220;Follow me on Twitter&#8221;, &#8220;Add me at del.icio.us&#8221; etc., which they link to their account at each service. I don&#8217;t like beeing with the mass, despite I used this way to promote my Web 2.0 social life. So, yesterday night circa midnight I came up with this idea, &#8220;Why not use the Friendfeed-style for promoting my web social life?&#8221;.</p>
<p>It&#8217;s very very easy to do it actually. You should know only a snippet of <a class="zem_slink" title="HTML" rel="wikipedia" href="http://en.wikipedia.org/wiki/HTML">HTML</a>, the hyperlink anchor, and how to describe the text/image inside it. If you don&#8217;t know you can see it below and learn how to use it.</p>
<p>Firstly you need to get your Web app&#8217;s favicons. A <a class="zem_slink" title="Favicon" rel="wikipedia" href="http://en.wikipedia.org/wiki/Favicon">favicon</a> is the small 16&#215;16 picture you see left of the page&#8217;s title at your browser. To grab it from a site and use it simply type the URL of the site i.e. twitter.com and then type /favicon.ico, so it becomes <a class="linkification-ext" title="http://twitter.com/favicon.ico" href="http://twitter.com/favicon.ico">twitter.com/favicon.ico</a>. After you have done it for all the sites you need open your preferred text and start writing the HTML code you will use at your sidebar or wherever you will place your &#8220;Friend me Up&#8221; stuff.</p>
<p>So, you grabbed all the favicons you need and opened your text editor. Let&#8217;s start writing!</p>
<blockquote><p><span style="color:#800000;"><code>&#60;a title="<span style="color:#800000;">Here desribe your site i.e. Follow me @ Twitter</span>" href="<span style="color:#800000;">Here insert the link of your profile, including http://</span>"&#62; &#60;img src="<span style="color:#800000;">Here insert the favicon's URL</span> including http://"&#62;&#60;/a&#62;</code></span></p></blockquote>
<p>The things you need to change are inside the &#8221;  &#8220;. Do not remove the &#8221;  &#8220;. The result of this snippet,</p>
<blockquote><p><span style="color:#800000;"><code>&#60;a title="<span style="color:#800000;">Follow me @ Twitter</span>" href="<a class="linkification-ext" title="http://twitter.com/unseend" href="http://twitter.com/unseend">http://twitter.com/unseend</a>"&#62; &#60;img src="<span style="color:#800000;"><a class="linkification-ext" title="http://twitter.com/favicon.ico" href="http://twitter.com/favicon.ico">http://twitter.com/favicon.ico</a></span>"&#62;&#60;/a&#62;</code></span></p></blockquote>
<p>is to display <a title="Follow me @ Twitter" href="http://twitter.com/unseend"><img src="http://friendfeed.com/static/images/icons/twitter.png?v=436161fcd23ab1587cfc5b96807ba5d2" alt="" /></a>. Because Twitter is some times laggy and doesn&#8217;t display APIs, favicons etc., I used the favicon which Friendfeed has for Twitter. It&#8217;s the same icon with different URL. Because Friendfeed and Profilactic have stable (at least more stable from Twitter) servers you can grab directly from there your favicons. It&#8217;s not a bad idea at all.</p>
<p>Which way do you prefer? Friendfeed-style or Text-style?<br />
If you have any suggestions, questions or anything else regard with this post feel free to comment below.</p>
<div class="zemanta-pixie" style="margin-top:10px;height:15px;"><a class="zemanta-pixie-a" title="Zemified by Zemanta" href="http://reblog.zemanta.com/zemified/d1a2b1d5-76de-41b8-924a-568c8c20c588/"><img class="zemanta-pixie-img" style="border:medium none;float:right;" src="http://img.zemanta.com/zemified_c.png?x-id=d1a2b1d5-76de-41b8-924a-568c8c20c588" alt="Zemanta Pixie" /></a></div>
</div>]]></content:encoded>
</item>

</channel>
</rss>
