StumbleUpon for Blogger. ~ Dummies Guide to Google Blogger Beta

Labels Classified.

open all | close all

StumbleUpon for Blogger.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

StumbleUpon is another social bookmarking site which you can add to your post footers......

Viewers coming across any of your posts which they feel are good can "Stumble It" by clicking on the Stumble Upon icon in the post footer. Stumble Upon has a great Page Rank so if your site gets a backlink from there it can only benefit it. Besides rather than searching for quality web sites, StumbleUpon members are taken directly to web sites matching their personal interests and preferences. The StumbleUpon Toolbar is integrated with the user's browser to allow for one-click access to quality web sites. A simple 2-level rating system gives users the opportunity to pass on or give their opinion on any webpage with a single click. These ratings also connect people sharing unique combinations of interests. Stumblers share their favorite web sites and interact with other users to further improve their web surfing experience. An obscure but interesting site can be immediately shared with other like-minded users. Old or low-quality sites can be removed if their ratings become too low. The participation of community members helps maintain a database of the most up-to-date and highest quality sites possible.

First save this icon to your PC and upload it to a freehost like Googlepages and copy down its link. To add this icon to the post footer login to your Dashboard and click on Page Elements. Then click on Edit Html tab next to it. Put a check in the Expand Widgets Template box and scroll down in Edit Template text box till you come to this line in Blog Posts footer :

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

Then paste the following code below the above line :

<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumble Upon' src='URL OF STUMBLE ICON'/>Stumble it!</a>

Save Template and Preview. See the last icon below my posts where I have added it.

Technorati Tags:, , ,

23 comments:

TwisterMc said...

p class='post-footer-line post-footer-line-3' doesn't seem to exist in my blogger template.

vin said...

twistermc,
Put a check in the Expand Widgets Templates checkbox at the top of the Edit Template text box.

Sunflower said...

I posted the code to line 3 as mentioned in your post.


But it always show 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 reference to entity "title" must end with the ';' delimiter."

How can I solve this problem?

Thanks!

Sunflower

vin said...

Sunflower,
Replace the "&" character in the code with "& a m p ;" without the spaces. Then you will not get the error.

Sunflower said...

Thanks vin!

It works well now!

Your site is really helpful!

Welcome to my Sunflower blog too.

Ari said...

Can the display look like STUMBLE THIS in text without the image?

vin said...

Ari,
Use this code :

<a expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title' target='_blank'>STUMBLE THIS</a>

Meanie Greenie said...

When I put in the code after I added "&" i recieved an error message that said "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "img" must be followed by either attribute specifications, ">" or "/>". "
--ANyone got any ideas

vin said...

Meanie Greenie,

Add a slash at the end of the img src code line.

two point zero magazine said...

I don't see where your talking about page element and the expand to widgets.

vin said...

two point zero magazine,

Login to Dashboard----->Click on Layout------>Click on Edit Html subtab of Template tab------>See the small box on top of the box containing the template. Click it to put a check in it to Expand widget templates.

Doug Eby said...

I've added the code, but I keep 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 reference to entity "title" must end with the ';' delimiter.

Sugestions?

Doug Eby said...

sorry for the double post. Didn't read it right.

Duhhh

DianaTrees said...

Took me a while to sort it out, but once done, it's all good.

I'm new to blogging, though not new to the Net. I've been using computers for more than 25 years.

I give this tip a solid thumbs up, though I have to say, a bit more attention to punctuation would make easier.

carondg said...

I added the code, but you don't note what to do after that in terms of then bringing in the saved icon. How do I bring in the icon?

carondg said...

Sorry, I did upload to Google Pages and added the link as you said in that piece of html. However, this is the message I received:

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 value of attribute "src" associated with an element type "null" must not contain the '<' character.

So, what have I done wrong and how do I fix it?

vin said...

Carondg,

Upload the icon to a free host and copy it's link and paste it in the code instead of "URL OF STUMBLE ICON"

Shopalicious! said...

Thanks so much for posting this tip! I was starting to give up on ever having a Stumble button bel