Como colocar botão de Post Aleatório no Blogger

Recentemente eu coloquei aqui no Eu Te Explico um botão para ver post aleatórios basta clicar nele que ele ira jogar os dados trazer um excelente post.
Resolvi então compartilhar com vocês como se faz para colocar este botão no blogger.
primeiro copie todo este código:
<div id="myLuckyPost"></div> <span id="preserve0494d138efe349cc96867b72108cbb45" class="wlWriterPreserve"><script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Ver Post Aleatório" border="0" alt="Ver Post Aleatório" src="http://i43.tinypic.com/24i79.jpg" width="140" height="90" /></p>'; document.getElementById('myLuckyPost').appendChild(a); } </script></span> <span id="preserved0d51eabe3024fba8115ec3460b82bbb" class="wlWriterPreserve"><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script></span><p align="center"><a href="http://www.euteexplico.com.br/2010/07/como-colocar-botao-de-post-aleatorio-no.html" target="_blank">Adicione em seu blog</a></p>
agora entre no painel do blogger e vá na opção Design 
Escolha agora a opção adicionar novo Gadget
e depois
agora é só colar o código que você copiou e depois salvar e colocar onde quiser no blogger.
Para alterar o nome ou a imagem é só procurar por esta entrada e fazer as alterações
"Ver Post Aleatório" border="0" alt="Ver Post Aleatório" src="http://i43.tinypic.com/24i79.jpg" width="140" height="90" /></p>