Monday, January 12, 2009

Big Social Bookmarking icon widget for Professional Blogger

Big Social Bookmarking icon widget for Professional Blogger

Here is a quick Question I received from one of my readers:

I can see professional big social bookmarking icons on many websites like smashing mag. can you teach me how to get those big icons. To install on blogger. Thanks

Now this made me think for a while and got engaged designing this widget after looking at the smashing website. To install this Beautiful Big Social Bookmarking icon widget for Professional Blogger Look here is an easy tutorial.


Go to Layout - Edit HTML and please check the “Expand Widget Templates” option . Find


data:post.body


And paste the following code just below it :)

DOWNLOAD CODE

That's it. A simple installation right :) please comment here in case any problem using this social bookmarking widget. Can be used for Digg,stumbleupon,facebook,twitter,delicious, yahoo buzz up widgets.

Dear Reader There is another social bookmarking widget click here to get the codes to use it in your blogger blog.
Big Social Bookmarking icon widget for Professional Blogger

at

27 comments:

  1. Pushpinder BaggaJanuary 19, 2009 at 2:18 PM

    thanks for sharing... hope the bandwidth of the photobucket account doesnt expire with the widgets popularity... you may want to try tinypic instead... cheers

    ReplyDelete
  2. AnonymousJanuary 19, 2009 at 3:58 PM

    i've successful installed it but some of the links aren't working :( i've tried the small icons, but i encountered the same problems.

    i don't use the template/layout that are provided in blogger. i only use a simply html layout :)

    ReplyDelete
  3. chethJanuary 19, 2009 at 5:07 PM

    @Pushpinder Singh Bagga

    Yeah I know, I hope that doesnt happen. Will shift my images to google sites. Thanks for the suggestion :) Do return back to this blog :)

    ReplyDelete
  4. chethJanuary 19, 2009 at 5:13 PM

    @janelle

    Your html layout seems to be different from other layout, you can mail you source code to me at chethan2k4 @ gmail.com will be happy to help you out

    ReplyDelete
  5. NanaybelenJanuary 20, 2009 at 7:44 AM

    nice info.
    i'll try to do it in my site

    ReplyDelete
  6. AnonymousJanuary 20, 2009 at 7:46 AM

    came to give you some smiles

    ReplyDelete
  7. AnonymousJanuary 20, 2009 at 12:06 PM

    A very nice tutorial, thanks for sharing. There is a plugin that does this for WordPress http://wordpress.org/extend/plugins/sociable/ Your tutorial is great for blogger, thanks for sharing.

    ReplyDelete
  8. chethJanuary 20, 2009 at 1:17 PM

    yea but sadly blogger is lazy to manage a plugins sites to manage all the tweaks and addons to blogger

    ReplyDelete
  9. AnonymousJanuary 21, 2009 at 4:36 PM

    Happy Wednesday! Bloghoppin' here... Hey, I have an interesting tutorial for you that I have written myself. It is about adding Adsense on your Single Post in XML template. I hope you'll like it! God Bless you!

    ReplyDelete
  10. David FunkJanuary 22, 2009 at 7:35 PM

    Hi Cheth,

    I'm having trouble getting the widget to work on my site. I'm not sure exactly where I should put it in my template because that's why I think it isn't working for me. Any help would be appreciated.

    Take care friend.

    ReplyDelete
  11. chethJanuary 22, 2009 at 8:41 PM

    @David Funk

    There was a small correction. Sorry about that. You can now try it :)

    ReplyDelete
  12. AnonymousJanuary 22, 2009 at 8:46 PM

    wow this looks great on your blog itself I wanted the yahoo buzz button with counter for my blogger blog. Can you help me to install it on my wordpress blog as well?? thanks in advance

    ReplyDelete
  13. Sketches and ScribblesJanuary 22, 2009 at 11:33 PM

    Hi Cheth,

    Thanks for sharing.. been wondering for the longest time how i can add this widget to my site. It is awesome!!

    Btw, i found it easier to place the bookmark via the edit your page element, then add a gadget then place the html link to that gadget.. much simpler than expanding the widget and adding the html via that route.. just my two cents..

    ReplyDelete
  14. WebexpertApril 1, 2009 at 4:32 PM

    Nice information! Hope this would help many more as it has to me!

    ReplyDelete
  15. AnonymousApril 23, 2009 at 1:36 AM

    great post

    ReplyDelete
  16. hemantMay 14, 2009 at 4:38 PM

    Thanks bro... nice widget. Can you please tell me how can i add some text message above these icons.
    you can look at my blog 4xedu.blogspot.com

    ReplyDelete
  17. ShariqueJuly 11, 2009 at 4:58 PM

    thanks alot bro ;) .... working perfectly on my new blog

    www.techloader.co.cc (blogger)

    ReplyDelete
  18. bloggerJuly 25, 2009 at 1:27 AM

    Oh god! Also This widget is not working in my blog. What i can do?http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif

    ReplyDelete
  19. bloggerJuly 25, 2009 at 1:30 AM

    it says
    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 element type "div" must be terminated by the matching end-tag "

    What i do?

    ReplyDelete
  20. bloggerJuly 25, 2009 at 1:35 AM

    thanks to god, my probliem on this post widget solved, i add div closing tag in the last of it(bookmarking). Please check blogger status widget, its not working! Please mail me at twitter010@gmail.com if there is any solutions.

    ReplyDelete
  21. chethJuly 25, 2009 at 1:53 AM

    yes i noticed it now, you have to add a closing div tag at the end of the code. it works fine I'm using the same widget in my template. just add the closing tag. if you need any help use the contact form on top to mail me.

    ReplyDelete
  22. manikandan kJuly 27, 2009 at 11:31 AM

    hi cheth,
    while i am trying to add this big social icon to my blog, i am add the code to my template. but is shows me as xml - error, div- must be terminated matching tag. what to do cheth?

    ReplyDelete
  23. Dog BlogAugust 26, 2009 at 10:23 AM

    Hello

    I have downloaded this code and posted after data:post:body.But it showing the error.
    The massage showing is "xml error and div must must be terminited by matching tag"
    PLease help

    ReplyDelete
  24. UnknownSeptember 1, 2009 at 7:46 PM

    Thank you very much! I also had to add the closing div tag, but with that, it worked flawlessly and has replaced all of the other 'hack' jobs I had on my site. Thanks again!

    http:/www.ghost-electricity.blogspot.com

    ReplyDelete
  25. BrillieSeptember 2, 2009 at 10:53 PM

    You blog theme is so awesome!! can I get it too for free? oh ya, thanks for sharing this article

    ReplyDelete
  26. Cre8tivFactsAugust 28, 2010 at 4:41 PM

    Thanks a lot! I'll try it on my site.

    ReplyDelete
  27. HafizFebruary 10, 2011 at 4:24 PM

    nice share , funny how a simple task like this gave me a headache

    ReplyDelete

Please Don't Spam that's all. Grab our RSS Feed and we would Love to see you in our comments section more often.