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.

60 comments :

  1. Digital WriterJuly 23, 2007 at 11:09 PM

    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. Madhukar HiranyaJuly 25, 2007 at 11:22 PM

    i could not find this

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


    in my html :(

    please help

    ReplyDelete
  3. Planet ApexJuly 28, 2007 at 10:34 PM

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

    ReplyDelete
  4. UnknownJuly 29, 2007 at 9:02 PM

    @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. UnknownJuly 29, 2007 at 9:03 PM

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

    Blogspot Rocks..

    ReplyDelete
  6. Madhukar HiranyaAugust 2, 2007 at 8:53 PM

    please include this

    "Expand Widget Templates"

    now working fine for me..

    :D

    Thxx

    ReplyDelete
  7. Frank GibsonAugust 24, 2007 at 7:28 PM

    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. Frank GibsonAugust 24, 2007 at 7:29 PM

    Now, do you have a similar gizmo for Stumbleupon?

    ReplyDelete
  9. UnknownSeptember 8, 2007 at 6:30 AM

    @frank

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

    ReplyDelete
  10. Hooked On BeautyMarch 24, 2008 at 8:46 AM

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

    Thanks!

    ReplyDelete
  11. UnknownJuly 17, 2008 at 10:48 PM

    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. UnknownJuly 20, 2008 at 8:31 AM

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

    ReplyDelete
  13. AnonymousJuly 30, 2008 at 2:06 PM

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

    ReplyDelete
  14. Mór RíganSeptember 30, 2008 at 6:43 PM

    Excellent code - thanks a mil

    ReplyDelete
  15. Brand New Sham & SueOctober 12, 2008 at 1:40 PM

    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
  16. ListPlanItNovember 14, 2008 at 10:06 AM

    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
  17. AnonymousNovember 22, 2008 at 4:32 AM

    I used ur methode

    thanks

    ReplyDelete
  18. VolkerDecember 1, 2008 at 1:18 AM

    thank you!

    ReplyDelete
  19. LinaDecember 23, 2008 at 3:35 AM

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

    ReplyDelete
  20. GaryJanuary 6, 2009 at 11:59 AM

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

    ReplyDelete
  21. AnonymousFebruary 2, 2009 at 11:33 AM

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

    ReplyDelete
  22. The GuruFebruary 21, 2009 at 4:59 PM

    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
  23. EnsiklopediaFebruary 26, 2009 at 1:23 PM

    Thanks for this social bookmarking information. useful for me.

    ReplyDelete
  24. BobbiMay 30, 2009 at 1:08 AM

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

    ReplyDelete
  25. Yodi InsigneJune 10, 2009 at 2:16 PM

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

    ReplyDelete
  26. iHateGossipsJune 20, 2009 at 6:00 PM

    Thanks!

    It works fine for me.

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

    ReplyDelete
  27. JitzzzzJuly 4, 2009 at 4:44 PM

    Thanx a lot for the code.....

    ReplyDelete
  28. DianeJuly 13, 2009 at 5:38 AM

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

    ReplyDelete
  29. UnknownJuly 13, 2009 at 8:08 AM

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

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

    ReplyDelete
  30. kamikezoJuly 17, 2009 at 4:46 PM

    thanks.. it works great

    ReplyDelete
  31. EileenAugust 2, 2009 at 9:16 PM

    Thankyou thankyou thankyou- unbelievably awesome!

    ReplyDelete
  32. Poko FrecuenteAugust 6, 2009 at 4:01 PM

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

    thanks :)

    ReplyDelete
  33. UnknownAugust 6, 2009 at 4:45 PM

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

    and change it to

    img {
    border: 0;
    }

    ReplyDelete
  34. jolsAugust 13, 2009 at 1:12 AM

    Thanks for the tips .nice articles

    ReplyDelete
  35. AnonymousSeptember 5, 2009 at 5:36 PM

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

    Thank you!

    ReplyDelete
  36. Hiren DesaiSeptember 5, 2009 at 10:48 PM

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

    ReplyDelete
  37. smsformobileOctober 2, 2009 at 11:55 AM

    hiiiiiiiiiiiiiiii duede thanks for it its wonderfull
    again thanks for it


    Admin smsformobile2008.blogspot.com

    ReplyDelete
  38. JessicaCRBOctober 12, 2009 at 11:56 AM

    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
  39. RinkuOctober 26, 2009 at 2:10 PM

    nice information

    ReplyDelete
  40. RobinNovember 14, 2009 at 2:21 AM

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

    ?

    ReplyDelete
  41. UnknownNovember 24, 2009 at 9:07 AM

    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
  42. AdminDecember 5, 2009 at 1:09 AM

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

    ReplyDelete
  43. UnknownDecember 28, 2009 at 9:19 PM

    thank

    ReplyDelete
  44. AbhishekMarch 12, 2010 at 4:24 PM

    its not working

    ReplyDelete
  45. Traveling-freakMarch 31, 2010 at 1:44 AM

    thanks. this worked perfectly in my blog

    ReplyDelete
  46. ...April 1, 2010 at 1:29 PM

    thanks.. im using this to my blog :)

    ReplyDelete
  47. UnknownApril 3, 2010 at 5:50 PM

    Thanks google friends...../......./

    ReplyDelete
  48. estudando internetApril 3, 2010 at 6:38 PM

    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
  49. AnonymousApril 8, 2010 at 8:12 PM

    Nice

    ReplyDelete
  50. digitalworldApril 25, 2010 at 9:07 PM

    THANKS

    ReplyDelete
  51. RoswithaAugust 2, 2010 at 4:21 PM

    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
  52. Troll KINGAugust 18, 2010 at 1:38 PM

    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
  53. The Secret ClassAugust 23, 2010 at 12:34 AM

    That was so helpful - great blog!!!!!!!

    ReplyDelete
  54. JulietNovember 2, 2010 at 10:07 PM

    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
  55. UnknownJanuary 7, 2011 at 10:05 PM

    thanks...this worked perfectly in my blog.

    ReplyDelete
  56. Silly iPhone Not!February 9, 2011 at 4:29 AM

    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
  57. UnknownMarch 26, 2011 at 6:11 PM

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

    ReplyDelete
  58. Tally KnowledgeAugust 7, 2011 at 10:47 AM

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

    ReplyDelete
  59. TechmakerNovember 25, 2011 at 3:46 AM

    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
  60. Hemant Sonawane's StudioJuly 8, 2013 at 5:50 PM

    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

Subscribe to: Post Comments ( Atom )