Saturday, May 30, 2009

How to Insert StumbleUpon into your Blogger Footer

If someone stumbles your blog it can bring a lot of traffic to your site so it is a good idea to make it easier for visitors to your site to stumble it.

But have you ever tried to add a StumbleUpon button to your blogger template only to find that the instructions are impossible to follow, you cannot work out where to put the code or your icon sits higher than your text? I have played around with the code provided by StumbleUpon and got it sitting how and where I want it, see here, and have now created this simple tutorial so you can too.

Log in to Blogger

Click on 'Layout'

Click on 'edit HTML'

Click on 'download full template' and save a backup of your blog to your hard-drive in case anything goes wrong

Check the 'expand widget templates box' (you are still in 'Layout', 'edit HTML')

Click anywhere in the actual code then press 'ctrl' and 'f' at the same time (which will bring up the find box)

Enter post-footer-line-1; into the find box and click next to find the line of code that should either be identical with or look a lot like:
<p class='post-footer-line post-footer-line-1'>

Make some space under this line by clicking at the end of it and hitting 'enter' a few times then past the following code into your template:

<span style='float: left; background: url(http://cdn.stumble-upon.com/images/16x16_su_round.gif) left no-repeat; padding-left: 20px;'><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Stumble it! </a></span><br/>

Save your template. Easy peasy. You can change the background url to any button you want to use.

5 comments:

Anonymous said...

viagra substitute effects of viagra lowest price viagra viagra sample women's viagra try viagra for free viagra side affects generic name of viagra viagra soft tabs viagra dosages viagra prescription uk is viagra safe for women soma and viagra prescriptions free viagra try viagra for free

Anonymous said...

This is my first post I'd like to thank you for such a great quality site!
Just thought this would be a nice way to introduce myself!

Sincerely,
Johnie Maverick
if you're ever bored check out my site!
[url=http://www.partyopedia.com/baby-shower-party-supplies.html]baby shower Party Supplies[/url].

Anonymous said...

Hello. My wife and I bought our house about 6 months ago. It was a foreclosure and we were able to get a great deal on it. We also took advantage of the 8K tax credit so that definitely helped. We did an extensive remodeling job and now I want to refinance to cut the term to a 20 or 15 year loan. Does anyone know any good sites for mortgage information? Thanks!

Mike

Bishop jordan said...

Thanks, I will bookmark this page and use it... really very help full blog.

Christian church service

Anonymous said...

rfg cialis , buy cialis generic , generic cialis online , order viagra , online viagra , viagra samples