StumbleUpon for Blogger. ~ The Blog Doctor.
Loading...

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:, , ,

28 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 below my posts!

FYI, I just linked to the location of the Stumble button on the Stumble upon site, instead of uploading it. Do you think will that be a problem?

vin said...

Shopalicious,

Have a look at :

http://altlab.com/hotlinking.html

Jen said...

I must be using a different version of blogger or something cos i DON'T HAVE THIS

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.

If I go into Templates In the edit HTML tab I just have the Edit HTML box. There is no Widget templates thinggy. I have choose new, Customise design and Adsense.

WHy do they have to make this so hard. Many people have done it already so why can't I? ARGH!!

Jen said...

OK just to update. I was in fact still using the old version of Blogger. I upgraded and now I see what you were saying and I have added the Stumbleupon button.
Thanks for the article. Maybe you should mention that people have to upgrade the Blogger template first :)

Vin said...

Jen,

You have the Classic Template. Upgrade to Layouts :

Interchanging Templates and Layouts in Blogger.

Vin said...

Jen,

The name of this blog is "BetaBlogger....". This was after Blogger upgraded to Layouts and looks like you have some catching up to do...

:-)

Flex said...

I had to replace the "&" to "& a m p ;" because I got the error. Yet now when I click on the image, it does not do anything.

If I hover the mouse over the image and look in the bottom-left hand corner (showing the location of the image link), it says ""javascript:window.location= \"

Any ideas?

Vin said...

Flex,

What is the blog address?

mylitlbratz said...

Ok, your awesome. Your site is very helpful for people like me that don't know much about editing codes. Took a bit to figure out how to get it to work, no fault of your.I'm a little slow!!!

Sydney said...

I've tried everything and keep on getting the "your item can't be parsed...." error.I have been using The code listed above
replacing the URL OF STUMBLE ICON with a hot link to the icon in photobucket. doesn't work.

Vin said...

Sydney,

What is the exact code you used? Send it by email.

CLICK TO LEAVE A COMMENT..... :-)



Skip to top of post.

Search Blog Before Commenting

Loading...

Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,

Vin.

The Blog Doctor The Blog Doctor2 Blog Doctor Home

SUGGESTED READING

Tips On Blogger and Latest News.



Skip to top of post.