Saturday, September 4, 2010

How to add Social Bookmarks in Blogger Posts

One of the best way to improve traffic or visitors in your blog is to add a social bookmark at the end of every post. It makes easy for the readers to share the useful contents of your blog to the world. 

Facebook, Digg, Technorati, StumbleUpon, Delicious, Etc are some of widely used online social bookmarking and sharing communities.

Here's how to add Social Bookmark links in every end of  your blogs post.. It's very simple, just do the following steps:

Note: First you should make a backup of your template before modifying the HTML by clicking on the "Download full template" link.

1. Go to "Design->Edit HTML (check/ticked the "Expand Widget Templates").


2. Then Search(Ctrl+F) for code
<div class='post-header-line-1'>
3. Paste the code below just after the above line:
<!-- Start of social bookmarks -->
<b><i>Share this:</i>
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0aRd78ibH99uUpgZ_FaiLzs7sHIE29xfOJwZOUXl8j1uz2TJ4SLmc_fA5v_deHo1LiYNIXJMzqelAzVwIoovz_sVlZxC9oz0Z37p-G6CDbu7yKikK-taERutcSVLYJ61XmxCQ4GjK8mz/s1600/technorati_32.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU06qMg5KDW4ccOlNyEK0mBZRd6auwq92llSTMy-QAJFl3U8XqlhbZ-VBpSHko_uDYjuU-yeNxjYociT_KA7wDTgdT-m2mMSxHhjtzcSe7g0x518wum-oxcrvI9SKMSaolF_kSi1MDImnU/s1600/delicious_32.png'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJD35m-Lz3cUO8Tj68BFv9-R9wX76Ef6cGBiGm9iQKQWApQNOMc0GQWnkyeCBAO8qODLbP8uLDrwtH8eYKc_1uqLZO2F2w4xVb-5PR9AbXDCeAKkUhs7zM16IEYT7CnVtBuyFV5IKzaws/s1600/digg_32.png'/></a>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5aX_EwtKQrKNs-P7t9O0IhuopZtAqlbE3HdD43oqRYjkGDya8N8_qwluZ1HProXYgbZT2zn-mErAtCIWiDntKhx8hw8tZW2HAD2Pmc_ELc3s6XmZKyKDaXuB7Lr7bhBLMyqj_9CRkim-w/s1600/yahoo_32.png'/></a>
<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXdoimwhYXwMEfJIjRy4s9Mec3SRz1Wn0e2JTL3XsL-HfKhk5mSGikjwTvwvq2HIn9EIyWXpDzGkCbvCjj02JrcPz9n2JUCxRTYRO6pqYk9tTgVxqxWq-FTpFX7uG80CdaSxFxG1FoAOO_/s1600/google_32.png'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHcA2tujQAeh2gUVDQgCAO1rswuZIl44uBy2o7BD3mgbmIluU0veyJyhizkkw13GjZ9o55Ybs_pG8Rm9aVyfTVSpp7RaY3KHip5j_onrwI9qI6P6um59s4cZY5iodoSxitmrkYZ5SkwDq/s1600/facebook_32.png'/></a>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrYSERPib06xji5JGFbaqdQAOfNU8pZS6Q6bIUBlRJW9FsUYXcrFGm943vwIrJ-VJqKRRSGCm1do2E31g49yqPzcxGptHw8yyW-jyUFv20zgMyOtaNt7Z2qE6OnFu132agNNUq7OB5e3P/s1600/twitter_32.png'/> </a>
</b>
<!-- End of social bookmarks -->
4.  Preview your blog to make sure the bookmark button appears as you want at the end of the posts.



No comments:

Post a Comment

Related Posts with Thumbnails