A pouco tempo eu escrevi um artigo aqui mesmo no Dinheiro Web, Como colocar artigos relacionados no Blogger, onde eu apresento um codigo para mostrar posts relacionados no rodape da pagina, hoje vou apresentar aqui uma outra alternativa, LinkWithin!Este e um fantastico plugin para mostrar posts relacionados que funciona em varias plataformas de blogs, entre ela temos Wordpress e Blogger!Colocar artigos relacionados em seu Blog ajuda seus leitores a encontrarem mais artigos que seja de interesse para eles, assim aumentando seu tempo de permanencia no blog, o que acaba por ter dois efeitos:1 Diminuir a taxa de rejeicao no Google Analytics;2 Aumentar a chance de seu leitor se interessar por alguma das propagandas de programas de afiliados exibidas em seu blog, como Google Adsense. Para instalar este plugin e bastante simples, basta acessar o site LinkWithin e preencher os campos de uma area igual a esta que esta na imagem abaixo:Apos isso basta seguir os passos da instalacao que leva apenas alguns instantes para acontecer, e o resultado e muito bom, como voce pode observar aqui mesmo no Dinheiro Web, ao final de cada artigo ha os artigos sugeridos com imagens, o que realmente aumenta a visibilidade!Ele funciona muito bem mesmo em blogs com fundo preto! Repare que voce tem como escolher isso logo no inicio, como mostra a imagem, tambem podendo escolher quantos artigos serao mostrados, 3, 4 ou 5!E o melhor e que e um servico gratuito!Voce conhece algum outro plugin para artigos Relecionados? Voce ja deve ter reparado que em muitos blogs e sites na pagina inicial sao exibidos apenas resumos dos artigos e nao os artigos completos, o que torna sua pagina inicial muito mais interessante, mais compacta e com mais informacoes.Este codigo serve para fazer isso no blogger, mas devo alertar que caso voce tenha um dominio proprio nao funcionara. O JavaScript no Blogger funciona quando esta em dominio .blogspot, para usar em dominio proprio sera necessario o JavaScript completo instalado em seu servidor.Bom, vamos aos passos para modificar seu Blogger. Inicialmente vamos implementar o Java no codigo do seu Blog:Va em Design >> Editar HTMLAntes da Tag </head> coloque o codigo abaixo:<!-- JavaScript Resumo do Artigo --><script type='text/javascript'>var thumbnail_mode = &quot;float&quot; ;summary_noimg = 450;summary_img = 400;img_thumb_height = 100;img_thumb_width = 100;</script><script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);} }strx = s.join(""); }chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...'; }function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length>=1) {if(thumbnail_mode == "float") {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ = summary_img;} else {imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}//]]></script><!-- JavaScript Resumo do Artigo - Fim-->Editando o codigo:summary_noimg Aqui voce vai definir a quantidade de caracteres para quando o resumo nao tiver imagem.summary_img Aqui voce vai definer a quantidade de caracteres para quando seu resumo tiver uma imagem.img_thumb_height Altura da imagem em pixelsimg_thumb_width Largura da imagem em pixelsAgora vamos implementar o codigo no HTMLEm Design