Home » , » Social Bookmarking Widget For Blogger

Social Bookmarking Widget For Blogger


With the release of Cute Box Blogger Template some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage created. This widget helps readers to bookmark your blog’s homepage on their favourite 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,

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

Go To Blogger > Layout
Click Add a Gadget or Add a Page element
Choose HTML/JavaScript
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="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxXCHkYF9I/AAAAAAAABu8/3EIK9V5TGzY/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="http://3.bp.blogspot.com/_7wsQzULWIwo/SpxfJT5jV0I/AAAAAAAABvU/vj-2FSGnJCY/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="http://2.bp.blogspot.com/_7wsQzULWIwo/SpxfI9BoQqI/AAAAAAAABvM/sI_RGyM6Uxk/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="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfKFaKnyI/AAAAAAAABvk/fezNFHWne9A/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="http://1.bp.blogspot.com/_7wsQzULWIwo/SpxfIfVxSbI/AAAAAAAABvE/cp4RV60pZL4/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="http://2.bp.blogspot.com/_dchgDUvjlTY/SP3dMy4TvuI/AAAAAAAAAFE/cStvZWKD5bY/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="http://4.bp.blogspot.com/_7wsQzULWIwo/SxMuFjn0BII/AAAAAAAACbE/GOTIEAtrU0I/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,

Finally save your widget and preview your blog to see the new change!
Share this games :

0 comments:

Post a Comment

Sign up for FREE daily Updates.