Blogger Beta: Adding Posts to 30+ Social Bookmarking Sites

In this post I’m providing you with codes for adding more than 30 “add-to” buttons for blog post footer so visitor of ur site will be able to bookmark favorite posts on sites like delicious, technorati, digg, google, yahoo, furl, spurl, etc. There is absolutely no need to know HTML or anything else to make this work for you! Just note, this is only for blogger in beta user. For other blogs read this post.

Now lets start…

A. Get Access To Codes…

  1. Login to your blogger in beta account.
  2. Click on Layout link of blog in concern from dashboard.
  3. It will open “Page Elements” tab.
  4. There will be an option “Edit HTML”, click on that.
  5. Now find a checkbox saying “Expand Widget Templates”, check that.

B. Editing HTML Code… (Getting Ready)

Just Search for following codes….

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span> </p>

<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </p>

Once you find above code, write following codes below that…

<p class='post-footer-line post-footer-line-3'>
<!-- Add Bookmarking Code Here-->
</p>

Now you are ready to add bookmarking codes!

C. Editing HTML Code… (Final Step πŸ™‚

You have two options now.
If u like to add all 30+ bookmarking codes in one-shot.

  1. Just download this text file.
  2. Copy entire codes as it is.
  3. Paste these codes below <!– Add Bookmarking Code Here–> and before </p>.
  4. Press “PREVIEW” button in the bottom to check if its working.
  5. If yes, click “SAVE TEMPLATE” and u r done!

Or if u r choosy then copy codes for ur favorite bookmarking site from following listing one by one and paste them between <!– Add Bookmarking Code Here–> and </p>.

digg Stumbleupon (New)

diggIndianPad (New)

digg Digg

digg Digg

delicious Delicious

TechnoratiTechnorati

Spurl Spurl

GoogleGoogle

BlinkListBlinkList

Blogmarks Blogmarks

askjeevesAskjeeves

WinkWink

'Feedmarker'Feedmarker

'Mojo Rojo

'Buddymarks' Buddymarks

'diigo'Diggo

ma.gnoliaMa.galina

Netvouz

'Newsvine'Newsvine

'Nextaris'Nextaris

'Nowpublic'Nowpublic

'reddit'Reddit

'rawsugar'RawSugar

'HOLM'HOLM

ScuttleScuttle

ShadowsShadows

SimpySimpy

SmarkingSmarking

Yahoo! MywebYahoo

AddtoanyAddToAny

onlywireOnlyWire

SocializerSocializer

SquidooSquidoo

TailrankTailrank

UnalogUnalog

Furl buttonFurl

Well if u like my work, spread it… buttons are below πŸ™‚
If you have ANY kind of difficulty, feel free to post a comment or mail me!

18 Comments

Rahul Bansal March 15, 2007

Sorry for late reply ross,
but tel me whether u hv tried to add all 30 sites in one go or u got error for some particular code box!

please write in detail. I hv some free time to help u out!

Ross Cidlowski March 15, 2007

Rahul,

Thanks for writing this out. You have the easiest and simplest method of adding social bookmarks anywhere around. I keep trying and getting this error message “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 reference to entity “url” must end with the ‘;’ delimiter.”

Help! I have no idea what to do. Can you take a look at my blog http://lifefilter.blogspot.com

Thanks

Ross
[email protected]

Rahul Bansal March 20, 2007

@cindy
Thats great it worked for u! But can u tel me which of above box gave u error so that I can correct it for future use! πŸ™‚

Cindy Pinsonnault March 20, 2007

Thanks for posting this. Like others, I was looking for this info and no one else has such straightforward simple instructions. You made it really easy.

I had the same problem as Ross when using the individual links, so instead of using those, I just copied the 30-all-in-one code and picked out from there the ones I wanted and it worked great!

Thanks again.

Rahul Bansal April 5, 2007

@Ross
That shud definitely work as I’m using that code only!
Wel if u can figure out which of the above code block(s) giving error, lemme know so that I can rectify them! πŸ™‚

Ross Cidlowski April 5, 2007

rahul,

Will try pasting the 30+ comments and see if that works

Ross Cidlowski April 8, 2007

Ok so im thinking it could be 2 things. I have a weird 3 column template which screws things up.

You mentioned placing the bookmark codes between p class footer 3

but mine is different in that it is listed as
post-footer-line post-footer-line-3′
forward slash div
forward slash div
forward slash b:includable
forward slash b:widget
forward slash b:section
end: your content here —

Should i have a foward slash p to close it?

Could this be the problem? If i add a forward slash p i get this error
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

Any ideas Rahul?

Rahul Bansal April 17, 2007

@ross
First sorry for delayed reply!
Now about XML error!
matching tag to “div” is </div>
About </p> ; it will give error whenever there is some problem with code!

If </div> doesnt solve ur prob, u can contact me! I wil try to reply ASAP! πŸ™‚

Rahul Bansal April 17, 2007

@Anonymous
There may be some problem with ur template! Cant say much without looking into code! πŸ™

If possible send me link to ur blog so I can check its template! πŸ™‚

Anonymous April 17, 2007

i tried it in-a-one-go way. but the icons are hanging vertically.

any way to get them horizontal???

Rahul Bansal April 30, 2007

@sweatpantsmom
Ur welcome! πŸ™‚

sweatpantsmom April 30, 2007

Thank you for this! After going through a million ‘how to’ pages yours was the only one that made sense.

It worked beautifully.

Md Shaffir April 30, 2007

Nice one, good job.

Robert August 4, 2007

Awesome. Thank you!!!! I’ve been asking people who have the icons on their website how they did it and never got a response. I followed your instructions and it works great. I uploaded all 30 and then deleted the ones I didn’t want.
Question: I do in fact belong to most of the groups that I now have bookmark icons in my post footers for but do I have to register at each site if I’m not already, or is the fact that the code is in my template automatically link me up to stumble upon, for instance, so when someone else presses that icon my feed can be saved there no problem? Hopefully my question makes sense.

Thanks again.
Compassionate Council

Rahul Bansal August 6, 2007

Hello Robert,
first thanks for writing… πŸ™‚

About your question…
I guess u r asking that to show a particular icon (from 30) do u need to register on that site??

The answer is NO. U can show all 30 icon (n more…) without registering anywhere! The icons will link to respective sites without any problem.

If you have further question, please feel free to ask!

regards,
Rahul πŸ™‚

Prateek January 24, 2009

There is Some problem with quotes used in codes above

Rahul Bansal January 26, 2009

@Prateek
These are very old codes.
If you have fixed the problem, please send me updated code so I can update them for all. πŸ™‚