Blogging Ethics

MBT Tube

December 6, 2009

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

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 »

23 comments : Post Yours! Read Comment Policy ▼
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. Getting this 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 "bodytext" must end with the ';' delimiter."

    I'd appreciate your help.

    social bookmarking

    ReplyDelete
  6. @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
  7. 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
  8. @ummufauzan

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

    ReplyDelete
  9. 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
  10. Nice one i am using it NOW and also thank you for that

    ReplyDelete
  11. 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
  12. 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
  13. @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
  14. Thanks for the post....It was really helpful...
    Your blog rocks!!!

    ReplyDelete
  15. Great gadget, but for some reason I don't understand, the .png for the
    "Receive e-mail update" (http://4.bp.blogspot.com/_7wsQzULWIwo/SxMuFjn0BII/AAAAAAAACbE/GOTIEAtrU0I/s400/Email+Orange_128.png) won't appear on my blog. Since the image appears when I copy and paste the address in the navigation bar, my browser is evidently not blocking it.

    ReplyDelete
  16. Its working great. thanx dear.

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

    ReplyDelete
  17. 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
  18. Great widget! Thanks. It would be nice to have also a Google Plus button.

    ReplyDelete
  19. Thank you for the post, why not Horizental, your Horizental bookmarking widget is't good because the icons are't pretty well as it should be. Social Bookmarking widgets for blogs

    ReplyDelete

Widgets + Web Designing

Workshops

SEO Mashup