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 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,

 

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/AVvXsEgsoTUQMW2jw_7JvU2rLOfQM4fzPOwNsTYYfw60mrNWmPQU9QVVFWBPma_YbMzYyAUvPKu9K4QbVYytTervPgHGnGzoeF2HJUVVDnU1TtlcQoINkmwFTccegLolOmL7rKkIQec7p6wSSs8/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/AVvXsEgkN_zgKKeRr-dkt5kLcOoJoy2139ZS4SQ8EyAYHeuWqgdJfDr_EtJno7VjFwkunn5ng6GUQVrvXnZb_YS-llmsqTnOMgEGfwHqEK3tHvudw9nFFMlNGeMYiRhxCueCDbtkH1DOwaWZ26E/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/AVvXsEjdk43aDWKi0iq1PRn0wkWYwPRWoOI67dkCvuENj0jQPFHt8yoiAfWQGoqpBLRmLkAxoJ988FhBJY-GUM1OlWyZvb8nnEM6HPFm2eeiP4LPbzn06r7W8sVqbcNATMFBwcXNLx91nMDjc-I/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/AVvXsEg6-w5AfTyyDQ-ZIO255j8WOMsfni5XS22QSYmHkYL_5TNMqONpDmtfjVNEbtZQE5u3W3LZrEa8UjwxNlBVSa88wiSpeQbu_A1qEWqONcbtNd-NEcZ5fyCZZYSuB41meaIw3rb2_GuaGEs/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/AVvXsEh7h0UN16kxuCcUSeh_jzY3hdMqvwbelHoFQO9NllldtcsBHqEW1vD8xNer7S9_vV8QEWqJKm7cCM3t2Vy_wdqwkZfoX5P09cGsUDkMwMn93d7pj1KHtLVcuuS6u_gdoA99jfBhr661vpo/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/AVvXsEjPPR3bhnOXbHZRd6HoPsJjQyhfRx4nnhzmJtxk5H7bd0SDcGehEkrQjNxo1iDSgkvBU93UonYsKULIUymNDV-kydLm__ThIiPId4Bp_zslnV2-4Iw3ewp33eRm1QEIBlkLsaKZlI1UJfc/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/AVvXsEgiNGhGecrMc1gr4OS1dSypQWLsJK6WJxLh2IdSpdL-BVo9lUM4j9tbjVGcsBAGVV348xbXgOfutzoahUCT0jGCqLhl-mAUb8c6z5dDYqRcdOfRY6sHKzdnZSCoPXMhQytDUpP63pjjzo1v/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!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

20 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. This kinds of widget are mostly used in professional bloggers:)

    ReplyDelete
  2. Mohammad this widget is great. thanks. Many people are already using your widget. guess I must hurry too:D

    ReplyDelete
  3. This is fabulous! But when I load it (Blogger site) it shows up really spread out...(vertically) and to the right a bit somehow. What am I doing wrong, any ideas?

    Thanks from a little doggie just learning this stuff!

    ReplyDelete
  4. @Mattiedog

    Well this is how your widget must look like -> Cute Box Demo For Social Bookmarking Widget

    If you are getting a different view then kindly share your blog URL so that I could check your CSS settings.

    ReplyDelete
  5. @neil

    Why are you adding it inside your template? :> Add it inside HTML/JavaScript widget and it is working just fine dear! I rechecked the code. Give it a second try :p

    ReplyDelete
  6. very nice widget, may Allah bless you, and give you power to do more. I think there are many people will like your work and your sharing.

    ReplyDelete
  7. @ummufauzan

    With wishes from brothers like you nothing will be that tough to achieve. Same for you pal!

    ReplyDelete
  8. Nice one i am using it NOW
    the previews was completely horryble and just make connection with tweeter and facebook

    you are the heroe of my blog

    ReplyDelete
  9. Nice one i am using it NOW and also thank you for that

    ReplyDelete
  10. salam,
    i read ur article in vision 2010 ,i have made a blog which is also running very good but i need to make a blog just like ur blog .

    here is the link of my blog http://funghar.com

    i need to be

    ReplyDelete
  11. Best Sharing Widget . But could not insert . It shows an Error : Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "url" must end with the ';' delimiter. Please give us the Correct Code . Anyway Good Post !

    ReplyDelete
  12. @Anirudh

    Please add the code only to HTML/Javascript widget and not directly to the template. Check this post for more ideas and widgets:
    18+ Social sharing widgets

    ReplyDelete
  13. Thanks for the post....It was really helpful...
    Your blog rocks!!!

    ReplyDelete
  14. Its working great. thanx dear.

    http://hottest-tips-and-tricks.blogspot.in/

    ReplyDelete
  15. Hello mohammad, is it possible to scroll down this widget with page. coz now its fixed at a specific position. so if its scroll down with page then it will be more helpful.

    ReplyDelete
  16. Great widget! Thanks. It would be nice to have also a Google Plus button.

    ReplyDelete
  17. I am still confuse for Stumble Upon. Green one or red one?

    ReplyDelete