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


Respected Readers:
As a 20 year old student, the only income I rely on is my pocket money. Bearing the running costs of MBT Blog has become really difficult. We educate thousands of bloggers a week with our tutorials. To help us go forward with the same spirit, a small contribution from your side will highly be appreciated.



If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Thanks for making this possible! Kindly Bookmark and Share it.
Technorati Digg This Stumble Facebook Twitter

9 comments:

Anup| Hack Tutors on 9:32 PM, December 06, 2009 said...

This kinds of widget are mostly used in professional bloggers:)

Mohammad Mustafa Ahmedzai on 10:07 PM, December 06, 2009 said...

I am glad you liked it Anup!

rahman said...

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

Mohammad Mustafa Ahmedzai on 1:19 AM, December 14, 2009 said...

@Rahman


You must hurry :>>

Mattiedog on 9:32 AM, January 02, 2010 said...

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!

Mohammad Mustafa Ahmedzai on 11:38 AM, January 02, 2010 said...

@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.

neil on 4:29 PM, February 10, 2010 said...

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

Mohammad Mustafa Ahmedzai on 12:37 AM, February 11, 2010 said...

@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

Review and Information on 10:14 PM, March 10, 2010 said...

thank you very much

Confused? Feel free to ask

Your feedback is always appreciated. I will try to reply to your queries as soon as time allows.
Note:-
1. Please do not spam Spam comments will be deleted immediately upon my review.
2. For asking Off-Topic questions please comment on this page -> Blogger Help

Regards,
Mohammad

 

Recent Posts

Join Me On Facebook

258+ Followers

Join The Team!

Licensed Under CC

Creative Commons License

Recent Comments

Follow Me On Twitter

| My Blogger Tricks (MBT) © 2010. All Rights Reserved | Template Style by Mohammad Mustafa Ahmedzai |