O site gerador widget de imagens miniatura das postagens em destaque é o Linkwithin
Para colocar este elemento de página acesse e siga:
http://www.linkwithin.com/learn?ref=widget
1 - Ao abrir o site, de cara você vai ver campos
coloque nestes campos: Email, Link para o seu blog, a platforma do blog, e a Color.
2 - Agora clique no botão "Get Widget"
Irá abrir uma página com o tutorial de como inserir o widget, muito fácil por sinal...
segue abaixo a tradução para colocar no blogger mais tambem da para colocar em outras plataformas:
Instale o Widget no Blogger
2. Escolha um blog, se tiver mais de um e, em seguida, clique em Adicionar Widget.
3. (Opcional) Para um melhor desempenho, arraste e solte a caixa do LinkWithin da caixa para baixo das "Postagens do Blog".
4. clique em Salvar.
Configurando o Linkwithin:
Para que apareça apenas na página dos artigos completos, como fiz aqui no Tectest Blog. Para isso, basta seguir os passos abaixo:
1. Vá à área de configurações de seu blog e entre em “Layout” / “Editar HTML”.
2. Marque a opção “Expandir modelos de widgets”.
3. Copie o código abaixo dessa caixa para um editor de texto (sugiro o ótimo Notepad++).
4. Salve uma cópia de segurança para o caso de precisar reverter o processo.
5. Localize o widget do LinkWithin no HTML do seu template. Se você não alterou o nome sugerido é só localizar o texto LinkWithin. Ele estará similar ao abaixo (o número 9 marcado em azul é só um exemplo e pode variar em seu blog):
<b:widget id='HTML9' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
6. Substitua o texto pelo abaixo (mantendo, em lugar do 11, o mesmo número que estava em seu blog). Veja que foi incluída uma condição para que ele seja mostrado apenas em páginas do tipo “item” (linhas marcadas em vermelho):
<b:widget id='HTML9' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<data:content/>
</b:if>
</b:includable>
</b:widget>
7. Copie o código alterado e cole-o de volta em seu blog. Antes de salvar, clique em “Visualizar”, apenas para garantir que não existe nenhum erro. Se não houver, é só clicar em “Salvar Modelo”.
Agora, você pode também definir a mensagem que aparecerá antes dos artigos relacionados (por padrão, “Poderá gostar também de:”). Para isso, basta adicionar em seu template a linha abaixo em seu template, alterando o texto em vermelho para a mensagem que você desejar:
<script>linkwithin_text='Seu texto aqui:'</script>
<b:includable id='main'><data:content/></b:includable>
</b:widget>
6. Substitua o texto pelo abaixo (mantendo, em lugar do 11, o mesmo número que estava em seu blog). Veja que foi incluída uma condição para que ele seja mostrado apenas em páginas do tipo “item” (linhas marcadas em vermelho):
<b:widget id='HTML9' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<data:content/>
</b:if>
</b:includable>
</b:widget>
7. Copie o código alterado e cole-o de volta em seu blog. Antes de salvar, clique em “Visualizar”, apenas para garantir que não existe nenhum erro. Se não houver, é só clicar em “Salvar Modelo”.
Agora, você pode também definir a mensagem que aparecerá antes dos artigos relacionados (por padrão, “Poderá gostar também de:”). Para isso, basta adicionar em seu template a linha abaixo em seu template, alterando o texto em vermelho para a mensagem que você desejar:
<script>linkwithin_text='Seu texto aqui:'</script>
