<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d29653863\x26blogName\x3dPro-SEO\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dSILVER\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://pro-seo.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://pro-seo.blogspot.com/\x26vt\x3d5666858755316451389', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>
« Pro-SEO Home || Google Checkout Banned By eBay » || Longest Time Ever Between PR Updates » || Google Adsense google_hints Code » || Adsense Bot Now Helps Google Bot Index Sites » || How To Pick The Best Web Host Or Server » || Google Release Google Checkout » || BlackHat SEO - Why you shouldn't do it. » || How To Prevent Image Hotlinking » || When Is The Next PR (page rank) Update? » || How To Get Backlinks »

Add Social Bookmarking Buttons To Blogger Blog


Social bookmarking is a powerful tool. It allows your users to save links to your site to their page on their social bookmarking site, then others are able to see what links they have saved and perhaps visit them. Then perhaps they will also add that page to their social bookmarking account.

Some of the most popular social bookmarking sites are Blogmarks, Del.icio.us, Digg, Furl, Google, netvouz, Newsvine, Reddit, Spurl and Technorati..
There are many more, But those are my favorites.

If you look under each of my posts you should see little icons for each of these social bookmarks services. When a user clicks the icon they are able to save that post to the social bookmarking service of their choice..

The social bookmarking button code i am posting will work with blogger straight away, The same code can be used for other blogs but will need to have the appropriate sections changed accordingly..

You will have to figure out where to copy this to in your blogger template based on what template you used, But it should go somewhere under your post, I would recommend directly under the <$BlogItemBody$> tag and will look like this
Add To blogmarksdeliciousdigg This StoryAdd To furlAdd To GoogleAdd To netvouznewsvine This Storyredditspurl ItAdd Story To Technorati

| Longest Time Ever Between PR Updates »
| Google Adsense google_hints Code »
| Adsense Bot Now Helps Google Bot Index Sites »
| How To Pick The Best Web Host Or Server »
| Google Release Google Checkout »
| BlackHat SEO - Why you shouldn't do it. »
| How To Prevent Image Hotlinking »
| When Is The Next PR (page rank) Update? »
| How To Get Backlinks »

Posted by Anonymous Anonymous @ Sunday, 09 July, 2006

Wow, nice one. I have been looking for these social bookmarking buttons for ages.

I also agree that too many make the page look tacky. Best to use no more than 10 social bookmarking buttons.  



Posted by Anonymous Anonymous @ Thursday, 23 November, 2006

Great blog you've got here! Congratulations, and thank you very much for making this script available.  



Posted by Anonymous Anonymous @ Friday, 24 November, 2006

wow, thanks a lot..i've been looking for these codes foe a long time. You see, I joined a contest called ituloy angsulong, and i am hopeful that i caould win. this will be a big help for me. thanks again!  



Posted by Anonymous Anonymous @ Monday, 27 November, 2006

That is fab, thank you. It covers almost all the top sites with occupying much space. Thanks for sharing it.

Flora  



Posted by Blogger Casey Galatos @ Friday, 22 December, 2006

Thank's for the buttons. I have been looking for them a long time..I just luv the compact buttons, I have already used them in my
Blog  



Posted by Blogger Jim DeSantis @ Tuesday, 06 March, 2007

Hi Matt.

I love the buttons but I am having a problem pasting the code into Blogger Minima template.

I have a "Read more..." code inserted to shorten posts on the main page. If I paste your code as instructed I get the buttons on the Main Page.

I played with this for about an hour, trying various spots in the template, but can't get the buttons at the end of the post when the complete article shows.

Any ideas anyone? I could put the code by editing each Post but I have more than 150 posts I would have to edit. Sheesh!

Jim  



Posted by Blogger ian @ Monday, 21 May, 2007

Just discovered and used your code on my site and it works beautifully - thanks!  



Posted by Anonymous Anonymous @ Wednesday, 26 September, 2007

@Newsman

im guessing that you placed the buttons within the mainorarchive tag

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
PROBABLY PASTED CODE HERE
</MainOrArchivePage>

instead paste it just after </MainOrArchivePage> so it becomes

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
CODE PASTED HERE

if you want it to appear only on the post itself, enclose within <ItemPage> and </ItemPage>

then it will be

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
<ItemPage>CODE PASTED HERE
</ItemPage>  



Posted by Anonymous Anonymous @ Saturday, 06 October, 2007

My blog template not have a <$BlogItemBody$> line of code. Where should I put the social bookmarking code?  



Posted by Blogger [ Matt ] @ Saturday, 06 October, 2007

If you don't have a blogitembody tag you are probably using tyhe new blogger temple. This wont work with that.  



Posted by Blogger Christopher Hain @ Sunday, 01 June, 2008

Blogger won't let me save these with the following tags:

<$BlogItemPermalinkURL$>

<$BlogItemTitle$>

Can you offer a substitute code?  



Posted by Anonymous Anonymous @ Thursday, 21 August, 2008

Your blog is very informative. However it is pretty hard task but your post and

experienced serve and teach me how to handle and make it more simple and manageable.

Thanks for the tips… Best regards.  



Post a Comment