Blogger - Creating a HTML Gadget for Movember

Anyway, I was growing a Mo for Movember, its a great charity which encourages Men to grow a Mo (moustache) during the month of November, the aim of which is to raise vital funds and awareness for men’s health, specifically prostate cancer and testicular cancer.

My Mo's

I decided to see if I could get some extra donations through my blog, not ever so hopeful, but I thought it was worth a go, so I created a HTML gadget on my blog, which would show a picture of me and my Mo and provide a link to donate to Movember, on the top right.

Firstly a BIG thank you to those people who did donate, I really wasn't expecting any and those that did donate where fantastically generous.

So to create a HTML gadget in blogger:

• login to the admin bit of blogger 
• click layout on the left hand menu
• click "Add a gadget" where you want the gadget to go
• Scroll down or search till you find "HTML / Javascript Gadget" - this allows you to insert you own HTML code and have it displayed in the blogger gadget

• Click on the +
• Give your gadget a title, in my case "Movember"
• Insert your HTML or Javascript code (my Movember HTML is below)

<div>

<a href="http://mobro.co/martinohanlon">

<img src="http://static.movember.com/uploads/2011/profiles/874/0c8/8740c8575fb641c9fe2f7f16aba43035-50b348209c834-hero.jpg" alt="My Mo" />

</a><div style="font-style:italic;">"Im not growing this for fun!"<br /></div>

<div><a href="http://mobro.co/martinohanlon">http://mobro.co/martinohanlon</a></div>

<br />

<div>If everyone who visited my blog in November donated 10p, we would raise over £1000<br /></div>

<br />

<div>So maybe if you have found something useful today, and maybe Ive helped you solve a problem, why not <a href="http://mobro.co/martinohanlon">donate 10p</a> to raise vital funds for men’s health</div>

</div>

• Click save and that's it, a lovely new custom made gadget on your blog

Its never too late to donate to Movember - http://mobro.co/martinohanlon