Wednesday, July 12, 2006

No Vid: Digg, Delicious and more buttons for Bloggers

So I saw this and noticed that this blogger and many other Wordpress bloggers have a specific plugin made to create buttons so that users can digg, tag, bookmark, etc the link to their favorite Web 2.0 site. It looks like this:


Well I got jealous of those guys with WordPress and decided that I should do something about it. So originally I made this post on the TechWrap. Well that seemed to lack 7 out of the 9 you see above and it didn't have pictures so after a lot of tedious work I present you this guide for Blogger users (the guys with the blogspot.com URL). If you have any problems just let me know in a comment below and I will try and help as best I can.

_________________________________________________

Go to ----> Edit Template. Next scroll down and find your bar that has the comments button and your name and link on it.

Scroll past --->
/*
-----------------------------------------------
Blogger Template Style
Name: Rounders 3
Designer: Douglas Bowman
URL: www.stopdesign.com


Keep going until you see a code that looks like this:
<p>
<$BlogItemBody$>
</p>

</div>

<p class="post-footer">
<em>By: <$BlogItemAuthorNickname$><a href="<$BlogItemPermalinkUrl$>" title="permanent link">Permalink</a></em>
<BlogItemCommentsEnabled>

Should be about half-way down the page although it will change for everyone.
Right before "<BlogItemCommentsEnabled>" Note: Some people may have a <MainOrArchivePage> just before the <BlogItemCommentsEnabled>. If you do then just place the code right before that.

Just enter in (all in ONE line):


<a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkUrl$>" Title="Submit To Digg" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/200/16x16-digg-guy.png" alt="" border="0" /></a> | <a href="http://del.icio.us/post?url=<$BlogItemPermalinkUrl$>&title=<
$BlogItemTitle$>" Title="Del.icio.us" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/200/delicious.gif" alt="" border="0" /></a> | <a href="http://reddit.com/submit?url=<$BlogItemPermalinkUrl$>" Title="Submit To ReddIt" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/1600/reddit_btn.png" alt="" border="0" /></a> | <a href=http://slashdot.org/bookmark.pl?url=<$BlogItemPermalinkUrl$>" Title="Save to Slashdot Bookmarks" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/slashdot.gif" alt="" border="0" /></a> | <a href=http://www.furl.net/storeIt.jsp?t=<$BlogItemTitle$>&u=<
$BlogItemPermalinkUrl$>" Title="Save to Furl" target="_blank">
<img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/frul.0.png" alt="" border="0" /></a> | <a href=http://www.newsvine.com/_wine/save?h=<$BlogItemTitle$>&u=
<$BlogItemPermalinkUrl$>" Title="Save to Newsvine" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/newsvine.jpg" alt="" border="0" /></a> | <a href=http://myweb2.search.yahoo.com/myresults/bookmarklet?t=
<$BlogItemTitle$>&u=<$BlogItemPermalinkUrl$>" Title=
"Save to Yahoo My Web 2.0" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/
yahoomyweb.jpg" alt="" border="0" /></a> | <a href=http://simpy.com/simpy/LinkAdd.do?href=<
$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>" Title="Save to Simpy" target="_blank"><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/simpy.gif" alt="" border="0" /></a> | <a href=http://www.shadows.com/features/tcr.htm?url=<$BlogItemPermalinkUrl
$>&title=<$BlogItemTitle$>" Title="Save to Shadows" target="_blank"
><img style="width: 14px; height: 14px;" src="http://photos1.blogger.com/blogger/5750/611/320/shadows.gif" alt="" border="0" /></a> |

It should all be in ONE line.

Please if you use this guide then link to this specific post. The URL is here.

The final product looks like what is right underneath the list of tags below.

1 comment:

Guerilla Bitch said...

There is no edit template section???

Plus i posted the code above into the

formatting - post template section

And it says:

Your HTML cannot be accepted: Tags cannot enclose tags a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkUrl$>" Title="Submit To Digg" target="_blank"

Any idea what is going wrong???