Colocando No seu blog "Post Aleatório Com imagem e sem imagem"

Deixando bem claro esse tuturial vem em 2 Subdivisão.
>>1

Um Widget de post aleatório com uma imagem 

>>2 
Um widget de post aleatório sem imagem 







-1 widget Com uma imagem 

Em primeiro lugar vá num blog Que Seja Um teste do seu blog principal.E Veja sé esse aqui o agrada,Caso não queria vou deixa uma previa abaixo

1->>Layout E o primeiro passa

2>>Adiciona Gadgets segundo passo

3>>HTML/Javascript 3 passo

4>> Adicioune esse código abaixo


</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>

Ficara essa imagem no blog


-2)Agora um link para um post Aleatório.

Mesmo processo Do 1 acima

1>>Vá Em layout
2>>Adicionar Gadgets
3>>Html/javascript
4>>Add esse código abaixo



</div> <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 = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

Esse Abaixo ficara somente um link Indicando Para Um Post Aleatório.