Get 25% Discount For HostGator- $110 OFF! | Series: Become a Pro Blogger!, Create and Sale Ebooks , PDF Editing Ways


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:
We educate thousands of bloggers a week with our tutorials. To help us go ahead 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
Create your own blog!

17 comments:

Comment Page :
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

ummufauzan on 9:03 PM, April 28, 2010 said... #

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.

Mohammad Mustafa Ahmedzai on 4:01 PM, May 01, 2010 said... #

@ummufauzan

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

Juan Sebastian on 1:05 AM, June 16, 2010 said... #

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

resident on 10:48 AM, October 09, 2010 said... #

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

Anonymous said... #

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

Anirudh ~ Except Nothing | on 9:50 AM, August 22, 2011 said... #

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 !

Mohammad Mustafa Ahmedzai on 4:36 PM, August 22, 2011 said... #

@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

Techguy on 5:43 PM, November 29, 2011 said... #

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

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. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Try the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon my review.

Regards,
Mohammad

 

Recent Posts

Join Me On Facebook

4907+ Followers

Join The Team!

Licensed Under CC

Recent Comments

Follow Me On Twitter

1954+ Followers

| My Blogger Tricks (MBT) © 2012. All Rights Reserved | Contact | About |