Social Bookmarking Widget For Blogger – Bookmark and Share homepages!



Bookmarking-Widget For Blogger With the release of Cute Box blogger Template I also released some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage. This widget helps readers to bookmark your blog’s homepage on their favorite bookmarking services like Google bookmark, StumbleUpon, Delicious, Digg etc. It contains icons from  our Circular Style Social Media Icon Set. This is how this widget looks like,


Bookmarking Widget
To add this widget to your blogs, follow these steps,

  1. Go To Blogger > Layout
  2. Click Add a Gadget or Add a Page element
  3. Choose HTML/JavaScript
  4. Inside HTML/JavaScript paste the code below,
<center><tr>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieeIHKFhSCsNaajQ5zEa-2WZ7ZpCXblno4vjpKpWgd4tFJ0cmjjagb4N-P2oE2Qf_Tl3FFu0-sC5vrGWgqA9LOHCFl8aJK_LkYJLCLEUJqVGYJAXxVBMNvNUd6C055mQtTzvmZJUk9fjY/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb6js6qFlhucN5SjsYG4HhvhLUYYk8CH2z_Jo-Dx1T19V2PqP5aK21EVRnlqXgS9r1xg4Qz2RJ4_xk-mY7dcMKtA0OWY0WBgC_Q0SvT237f4zgEIfwwc3eaW75JkafdXMp39ApefqMmQc/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3XO5Omw8BYfLnr9DkReAu1bXq3WxITsQH6y1vL_ysr6whobCx43ASYIvJWMhlWL-RA6BrYEQrN2vSC5H8Zrf8WVXHuseObXzlQ_kd3uhs61hDgInnXbmXuZuVPU0H8CAmYhd8TkUA9fE/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr>
<tr>
<td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVl01HQsMJH3ROt6-bIj5nQP7INGyb12XL2jYeliwwh-OnkS9xDoLInrFTKQvRrQP4vZo6o82dB380kqeaaTl2Y2TdTQ3FUIfHdnq2Y5xAUYa_MuzlKB3rG_9aOXRTGY1NaxVNYd2cPGs/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody>
<tr>
<td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSB8m-SlhSAZP_kGjc1B22ZewmzTGZdIXGsAzaIILcI5ITGkmEGUGxNMLnJS96Y0ij_hNtZ2Tkcw-Rr0xBTBmYfytFlX8UAqMSGPEk-a4nICvPh88JST2s0G4gBUoZ5AWKvg18VndW_7E/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr>
<tr>
<td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRBYgt_gpkICjHy6Q4hAK_OHAIKPxjdTLda_4uv2BwGYc-mzO600cM0QhzU4G-UFl-3s4pL7yatkxFVoezGozI3FEuF9IaeHChPKfIg5uCot4ctd2SljZjBzqpWh6Ftr5ceiBC02qlTc/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td>
</tr>
<tr>
<td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhLv5X1XUw9evEDjHkt38WsHhOStkC56H9ES3bh5n-Ip7MmrSQRmYCIyJ5n3iK6svlkW1cNw2KleJWg2W3wNkgkoTlXSnlWi_vlrYaSD46gjzRxq-cLlcabqUsGQj6vLnNZdDzWR0CMBma/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td>
</tr>
</tbody>
</table></td></tr></center>
Remember to replace YOUR-BLOG-NAME  with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&amp;loc=en_US with your own Feedburner subscription link. You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,
subscription-link

Finally save your widget and preview your blog to see the new change!

Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)