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
:

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.
This is a very useful article for bloggers in blogspot. Many of bloggers try to add social bookmarking services to blogs.
ReplyDeleteYour experiments are really useful for me!.
Shall we do a link exchange?
The Site Writer :: Digital citizen Maker
Good luck!
i could not find this
ReplyDelete< p class='post-footer-line post-footer-line-3'/ >
in my html :(
please help
This is great, I was looking for it for a long time. thank you very much.
ReplyDelete@Madhu
ReplyDeleteOk 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/>
@Planet Apex
ReplyDeleteThanks for the reply..
Plz visit frequently..
More hacks will be added soon..
I am experimenting with blogspot..
Blogspot Rocks..
please include this
ReplyDelete"Expand Widget Templates"
now working fine for me..
:D
Thxx
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!
ReplyDeleteNow, do you have a similar gizmo for Stumbleupon?
ReplyDelete@frank
ReplyDeleteCheck out my new post..it has the stumpleupon icon Simple Tricks
I went to 3 pages of results before this one actually worked. The other codes/ instructions didn't.
ReplyDeleteThanks!
When I hover over Google,,says add to Stumble??
ReplyDeletePlus 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.
i have just checked your blog and everything seems to work perfectly on your blog!!!
ReplyDeleteExcellent post.... i was looking for this code since quite some time. thanks.
ReplyDeleteExcellent code - thanks a mil
ReplyDeleteI 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
ReplyDeleteI've done just what you've said. Any idea what I can do with this?
ReplyDeleteXML error message: The element type "head" must be terminated by the matching end-tag "".
Jen
jennifer@listplanit.com
I used ur methode
ReplyDeletethanks
thank you!
ReplyDeleteMany thanks! Was trying with addthis, but it didn't work out.
ReplyDeletehttp://intotheneverlands.blogspot.com
Hey added this to my blog, http://www.GoneFishinClub.blogspot.com,
ReplyDeleteits awesome and works great,
i was unable to find p class='post-footer-line post-footer-line-3' even after using ctrl+f what to do now?
ReplyDeleteDear Sir
ReplyDeleteIs the Script safe as I want to put it on my blog
http://results4india.blogspot.com
Has anybody experienced problems with it
Thanks for this social bookmarking information. useful for me.
ReplyDeleteI don't have "p class='post-footer-line post-footer-line-3'" listed in the HTML of my blog. Any suggestions?
ReplyDeleteI make it work! Thanks..
ReplyDeletebut same problem with the mixed Stumble / Google button
Thanks!
ReplyDeleteIt works fine for me.
Check my blog and please suggest something on what I can do.
Thanx a lot for the code.....
ReplyDeleteThank You. It looks like Magnolia no longer works??
ReplyDelete@Diane yea Magnolia is nolonger public.. They may come back after sometime..
ReplyDeletehttp://citizengarden.com/2009/02/15/episode-11-whither-magnolia/
thanks.. it works great
ReplyDeleteThankyou thankyou thankyou- unbelievably awesome!
ReplyDeleteDid everythign you said, but the icons are aligned vertically instead of horizontal? Can you help me out?
ReplyDeletethanks :)
@pfrecuente
ReplyDeletefind
img {
border: 0;
display: block;
}
and change it to
img {
border: 0;
}
Thanks for the tips .nice articles
ReplyDeleteReally usefull article. I was searching for this and finally found in your blog.
ReplyDeleteThank you!
hey ... this helped me alotttt.... great article posted .. keep up the good work :) ... hope to follow your posts regularly.
ReplyDeletehiiiiiiiiiiiiiiii duede thanks for it its wonderfull
ReplyDeleteagain thanks for it
Admin smsformobile2008.blogspot.com
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?
ReplyDeleteThanks so much great widget once again!
nice information
ReplyDeleteText file? I am completely missing it...sorry..
ReplyDelete?
Hi, just wanted to know if i don't have
ReplyDeleteclass='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
This worked perfectly. Thanks for sharing this. Merry Christmas.
ReplyDeletethank
ReplyDeleteits not working
ReplyDeletethanks. this worked perfectly in my blog
ReplyDeletethanks.. im using this to my blog :)
ReplyDeleteThanks google friends...../......./
ReplyDeleteGente, 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!
ReplyDeletethanks!!!
Nice
ReplyDeleteTHANKS
ReplyDeleteMore than one widget was found with id: Gadget1. Widget IDs should be unique.
ReplyDeleteThis 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
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?
ReplyDeleteThat was so helpful - great blog!!!!!!!
ReplyDeleteI 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!
ReplyDeletethanks...this worked perfectly in my blog.
ReplyDeleteThanks 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.
ReplyDeletenice blog.........i have got many tips here......
ReplyDeleteI want to add google adsense to my blog. But all time google disapproved my blog. How it maintain long time/
ReplyDeleteThis 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.
ReplyDeleteThe 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.
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