February 9, 2011

The Magic is Inside this Post... (Part 2)

Tutorial used:

  1. How to Add Social Bookmarking Icons to Blogger

HTML Part:
Here I have used only active and useful of the bookmarking sites that are favored by most blog readers. Scroll down below to see the sharing icon buttons.
<b:if cond='data:blog.pageType == "item"'>
 <div class='share-icons'>
 <h4>Share this post</h4>
  <!-- Facebook -->
  <a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-iMQ2KvKyfcc/Tk27jfv_XdI/AAAAAAAACsY/jDnDDGlHUpQ/s800/inside-facebook.png'/></a>
  <!-- Twitter -->
  <a expr:href='"http://twitter.com/share?url=" + data:post.canonicalUrl + &quot;&amp;text=Currently reading: " + data:post.title + "&amp;via=blogger_Raju"' rel='nofollow' target='_blank'><img alt='Twitter' src='https://lh5.googleusercontent.com/-B-arxjr9xbc/Tk27kLkboSI/AAAAAAAACss/1Pf8YYu1OcM/s800/inside-twitter.png'/></a>
  <!-- Digg -->
  <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg it' src='https://lh3.googleusercontent.com/-nGQq7k1CgdE/Tk27jeeQu6I/AAAAAAAACsQ/v9AqfOt-1Zo/s800/inside-digg.png'/></a>
  <!-- Google Bookmarks -->
  <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmarks' src='https://lh4.googleusercontent.com/-8irlgOBvOm0/Tk2_U_JTZ3I/AAAAAAAACtE/JiPW-JlSF24/s800/inside-google.png'/></a>
  <!-- Stumbleupon -->
  <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble' src='https://lh4.googleusercontent.com/-qV9CWDYmzaE/Tk27kGkCt6I/AAAAAAAACso/qGmafaINjzQ/s800/inside-stumbleupon.png'/></a>
  <!-- Delicious -->
  <a expr:href='&quot;http://delicious.com/save?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Delicious' src='https://lh6.googleusercontent.com/-39H3foowt7A/Tk27jbMj41I/AAAAAAAACsU/DVriu07spsk/s800/inside-delicious.png'/></a>
  <!-- Reddit -->
  <a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://lh4.googleusercontent.com/-vfD9xR4-Rqg/Tk27j0QHFcI/AAAAAAAACsk/V-TkVLlFQ48/s800/inside-reddit.png'/></a>
  <!-- Technorati -->
  <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.canonicalUrl' rel='nofollow' target='_blank'><img alt='Technorati' src='https://lh4.googleusercontent.com/-_HExwD8R8ec/Tk27kBQiTkI/AAAAAAAACsw/bk6t_AeW16U/s800/inside-technorati.png'/></a>
  <!-- RSS -->
  <a href='http://feeds.feedburner.com/om-simplebloggertutorials' rel='nofollow' target='_blank' title='Subscribe to Feeds'><img alt='Subscribe to RSS' src='https://lh3.googleusercontent.com/-y6CvfGDRncA/Tk2_TzWyxvI/AAAAAAAACtA/cvy068jVoE8/s800/inside-rss.png'/></a>
 </div>
</b:if>
Labels: ,