Arquivos do Website:

Random post na barra lateral do Blogger


Este gadget não exibe artigos relacionados, ele exibe apenas artigos aleatórios, derivados de diversos marcadores com categorias diferentes. Para instalar gratuitamente este gadget no seu blog do Blogger, basta você copiar o código e, adicionar num elemento de página do Blogger. Faça as personalizações necessárias no código, para adaptá-lo às necessidades do seu blog!


 
Imagem: http://pixabay.com/pt/dos-dados-red-dois-jogo-circulante-25637/

As personalizações básicas no código CSS, são:

a)color: #4c86f0 !important; - Cor do título.
b)font-size: 16px !important; - Tamanho da fonte do título.
c)color: #444 !important; - Cor do título ao passar o mouse.
d)width: 90px;  - Largura da imagem.
e)height: 90px;  - Altura da imagem.

As personalizações básicas no código JavaScript, são:

a)var rdp_numposts=5;  - Determina a quantidade de artigos que será exibida no blog.
b)var rdp_snippet_length=0;  - Determina a quantidade de caracteres do resumo. Quando o usuário passar o mouse sobre o título, irá aparecer um resumo do texto do artigo (só aparece algo, se o valor for maior do que "0").
c)var img_width=90;   - Largura da imagem (deverá ser o mesmo valor do código CSS).
d)var img_height=90;  - Altura da imagem (deverá ser o mesmo valor do código CSS).
e)var rdp_info='no';    - Mostra data e comentários, quando ativado por "yes".

Basta copiar o código abaixo, e adicionar num elemento de página do seu blog.

<style type='text/css'>
#random-posts {text-align: left;}
#random-posts li {margin: 5px 0 0 !important;}
#random-posts li a {color: #4c86f0; font-size: 16px !important; line-height: 17px; font-family: Arial;}
#random-posts li a:hover {text-decoration: none !important; color: #444 !important;}
#random-posts img {float: left; margin-right: 5px; width: 90px; height: 90px;}
</style>

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=0;
var img_width=90;
var img_height=90;
var rdp_info='no';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb.replace("/s72-c/","/s"+img_width+"-h"+img_height+"-c/")+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul> 


Faça login no painel de controle do Blogger ==> escolha a opção "Layout" ==> clique em "Adicionar um Gadget" ==> HTML/JavaScript ==> cole o código dentro do gadget ==> clique em "Salvar".