Social Bookmarking Icons after every blogger Post

Update:Facebook and Twitter Buttons Added Social bookmarking icons including stumble icon
Most of the bloggers out here know that social bookmarking is so important to us Do u wish to add these bookmarking icons like this: Social Bookmarking Icons after every blogger post after each of your blog post..OK here is the trick.. Back up your Template first Goto your Blogger Template>Edit Html Expand widget templates and replace
<head>
with
<head><script src='http://files.bloggerplugins.org/simpletricks.js'> </script>
Now find
<p class='post-footer-line post-footer-line-3'>
Or if that is not there then find
<div class='post-footer-line post-footer-line-3'>
Now place the code from this text file just below this line[whichever line you were able to find] and save the template. and the hack is done.You can edit the text file to remove some of the icons. Credits to Beautiful Beta for developing this awesome javascript. If you need the new better icons(which includes stumbleupon visit my new post here.

62 comments :

  1. This is a very useful article for bloggers in blogspot. Many of bloggers try to add social bookmarking services to blogs.
    Your experiments are really useful for me!.
    Shall we do a link exchange?

    The Site Writer :: Digital citizen Maker
    Good luck!

    ReplyDelete
  2. i could not find this

    < p class='post-footer-line post-footer-line-3'/ >


    in my html :(

    please help

    ReplyDelete
  3. This is great, I was looking for it for a long time. thank you very much.

    ReplyDelete
  4. @Madhu

    Ok you can do it in another way..
    Expand your widget templates
    Replace the head tag as said and then copy that text file after
    <data:post.body/>

    ReplyDelete
  5. @Planet Apex
    Thanks for the reply..
    Plz visit frequently..
    More hacks will be added soon..
    I am experimenting with blogspot..

    Blogspot Rocks..

    ReplyDelete
  6. please include this

    "Expand Widget Templates"

    now working fine for me..

    :D

    Thxx

    ReplyDelete
  7. Thank you! The first site that gave me similar code for these things did not work. I am only moderately skilled on the technical side of Web 2.0, so I could never have written the code on my own. Thank goodness for sharing people like you!

    ReplyDelete
  8. Now, do you have a similar gizmo for Stumbleupon?

    ReplyDelete
  9. @frank

    Check out my new post..it has the stumpleupon icon Simple Tricks

    ReplyDelete
  10. I went to 3 pages of results before this one actually worked. The other codes/ instructions didn't.

    Thanks!

    ReplyDelete
  11. When I hover over Google,,says add to Stumble??
    Plus Stumble-Upon is not showing up on mine,,I would like to get Google to say Google when hovered over,,what is the easiest way to do this?

    I have not altered the code in any way since installing.

    ReplyDelete
  12. i have just checked your blog and everything seems to work perfectly on your blog!!!

    ReplyDelete
  13. After hours searching finally! Only thing missing is StumbleUpon so what code can I add to get this icon on here too?

    Thanks!
    Alex
    www.vipvirtualsolutions.com.au

    ReplyDelete
  14. Excellent post.... i was looking for this code since quite some time. thanks.

    ReplyDelete
  15. Excellent code - thanks a mil

    ReplyDelete
  16. I just found this site and it's great. I already used 2 of it, the 'Remove NavBar' and 'Social Booking'. Thanks a lot. Hope those 'Social Booking' can make big traffic to our www.alphalipid.net

    ReplyDelete
  17. I've done just what you've said. Any idea what I can do with this?

    XML error message: The element type "head" must be terminated by the matching end-tag "".

    Jen
    jennifer@listplanit.com

    ReplyDelete
  18. Many thanks! Was trying with addthis, but it didn't work out.
    http://intotheneverlands.blogspot.com

    ReplyDelete
  19. Hey added this to my blog, http://www.GoneFishinClub.blogspot.com,
    its awesome and works great,

    ReplyDelete
  20. i was unable to find p class='post-footer-line post-footer-line-3' even after using ctrl+f what to do now?

    ReplyDelete
  21. Dear Sir
    Is the Script safe as I want to put it on my blog
    http://results4india.blogspot.com
    Has anybody experienced problems with it

    ReplyDelete
  22. Thanks for this social bookmarking information. useful for me.

    ReplyDelete
  23. I don't have "p class='post-footer-line post-footer-line-3'" listed in the HTML of my blog. Any suggestions?

    ReplyDelete
  24. I make it work! Thanks..
    but same problem with the mixed Stumble / Google button

    ReplyDelete
  25. Thanks!

    It works fine for me.

    Check my blog and please suggest something on what I can do.

    ReplyDelete
  26. Thanx a lot for the code.....

    ReplyDelete
  27. Thank You. It looks like Magnolia no longer works??

    ReplyDelete
  28. @Diane yea Magnolia is nolonger public.. They may come back after sometime..

    http://citizengarden.com/2009/02/15/episode-11-whither-magnolia/

    ReplyDelete
  29. Thankyou thankyou thankyou- unbelievably awesome!

    ReplyDelete
  30. Did everythign you said, but the icons are aligned vertically instead of horizontal? Can you help me out?

    thanks :)

    ReplyDelete
  31. @pfrecuente
    find
    img {
    border: 0;
    display: block;
    }

    and change it to

    img {
    border: 0;
    }

    ReplyDelete
  32. Thanks for the tips .nice articles

    ReplyDelete
  33. Really usefull article. I was searching for this and finally found in your blog.

    Thank you!

    ReplyDelete
  34. hey ... this helped me alotttt.... great article posted .. keep up the good work :) ... hope to follow your posts regularly.

    ReplyDelete
  35. hiiiiiiiiiiiiiiii duede thanks for it its wonderfull
    again thanks for it


    Admin smsformobile2008.blogspot.com

    ReplyDelete
  36. This is fantastic. However I have a need to make it complicated...I created a blog to serve as an additional "About me" page and I was wondering if there was anyway to code in an exception to keep the icons from appearing at the bottom of that page?

    Thanks so much great widget once again!

    ReplyDelete
  37. thanQ, I got it working on http://blog.macmasters.net

    ReplyDelete
  38. Text file? I am completely missing it...sorry..

    ?

    ReplyDelete
  39. Hi, just wanted to know if i don't have

    class='post-footer-line post-footer-line-3

    or

    div class='post-footer-line post-footer-line-3

    then what should i look for? thanks

    my blog dondon-tan: the blogger

    ReplyDelete
  40. This worked perfectly. Thanks for sharing this. Merry Christmas.

    ReplyDelete
  41. thanks. this worked perfectly in my blog

    ReplyDelete
  42. thanks.. im using this to my blog :)

    ReplyDelete
  43. Thanks google friends...../......./

    ReplyDelete
  44. Gente, sei ler ingles e ouço com perfeição, mas so um podre pra escrever, ma esse é o unico cheat que funcionou no meu blog!
    thanks!!!

    ReplyDelete
  45. More than one widget was found with id: Gadget1. Widget IDs should be unique.

    This is what i get when i want to "preview", what should i do ? Where can i change the gadget ID ?

    Thank you. Your Blog is just awesome !

    Here is my blog : Estilo - Fashion Blog

    ReplyDelete
  46. Is there a way to do this but have the buttons vertically? I have them in the side bar vertically but I want to be able to reddit a single post with one click???? Any clue?

    ReplyDelete
  47. That was so helpful - great blog!!!!!!!

    ReplyDelete
  48. I like the ones you have below your post wherein you integrated "You Might Also Like:" and "Share This Article". Could you share the code and how to add it on my blog? Thanks!

    ReplyDelete
  49. thanks...this worked perfectly in my blog.

    ReplyDelete
  50. Thanks for the code it looks good and I like it. I plan to add it to my other blogger blogs. In Firefox the corner covers up "older posts" but it's fine in IE. Not a biggie, thanks again.

    ReplyDelete
  51. nice blog.........i have got many tips here......

    ReplyDelete
  52. I want to add google adsense to my blog. But all time google disapproved my blog. How it maintain long time/

    ReplyDelete
  53. This is a great post. I am also struggling a bit on adding a social sharing bookmark gadget to my blogger blog. I think this will help me a lot to add this gadget to my blogger blog.

    The only problem I don't like in this widget is, it is using java script. I am worried a bit to apply java script since they slow my blog significantly.

    Anyway thanks for this useful tips.

    Good luck.

    ReplyDelete
  54. Hi Aneesh... I had added your above icons to my blog long years back. Now I want to remove a few of those irrelevant buttons (technorati, simpy etc.)... and also want to add 'Pinterest' to the list. But blogger has changed its control panel to a large extent since then. In the HTML text, I'm unable to locate the 'post footer' part from the collapsible menu. How do I do it... Please Help (Again)!

    ReplyDelete