Colocando artigos relacionados no blog| passo a passo

Como Colocar Artigos Relacionados no Final dos Posts do Blog?

Gadget de Artigos Relacionados com imagens para Blogger ou Artigos relacionados no Blogger é uma dica muito boa trata se de um código que exibe miniaturas de imagens com links para outras postagens dentro do blog e o mesmo aparece abaixo de cada postagem.

Tem duas maneiras de se fazer esta configuração no seu blog eu vou mostrar como fazer da maneira que estou usando e que acho mais recomendada.

Aqui neste outro post já expliquei como Colocar resumo de postagens no blog.

Veja na imagem um exemplo:

Clique na imagem para ver em tamanho maior!

1-  Acesse o site http://www.linkwithin.com e no canto do lado direito do site complete os dados como no exemplo abaixo:

E-mail: seu e-mail

Link do Blog: obviamente o link do seu blog

Plataforma: no caso é Blogger

Largura: aqui você decide a quantidade de miniaturas com link que devem aparecer no seu blog que pode começar em 3 e ir ate 5 escolha de acordo com seu gosto e largura de seu blog.

Se o seu blog tiver textos claros marque a opção (Meu blog tem textos claros sobre um fundo escuro)

Agora clique em Get Widget!

2-  Na pagina que vai aparecer bem lá em cima clique no link Instal Widget

Você vai ser redirecionado para o seu blog onde verá uma pagina escrito (Adicionar elemento de Pagina) bem no topo.

3-  Dentro da mesma pagina escolha o Blog que deseja instalar o Widget em seguida clique em instalar. Agora você vai ver a pagina de Design do blog procure pela Widget que vai estar escrito LinkWithin encontre-a e clique em Editar copie todo o  código html da  mesma e salve em um bloco de notas.Em seguida apague o Widget LinkWithin pois não vamos precisar mais dela porque vamos adicionar o código da mesma direto dentro do template.

4-     Vá para opção Editar Html e procure o código..

      <p class='post-footer-line post-footer-line-3'/>

    

      E bem abaixo cole este:

     <b:if cond='data:blog.pageType == &quot;item&quot;'>
     Aqui você deve colar o código que salvou no bloco de notas o do Widget
     </b:if>

     Deve ficar assim:

    

     <p class='post-footer-line post-footer-line-3'/>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
       Aqui você deve colar o código
      </b:if>

Agora pegue e copie o código do LinkWithin que você salvou no bloco de notas e cole no lugar do código onde esta escrito (Aqui você deve colar o código) e pronto agora salve e clique em visualizar e veja o resultado que deve

aparecer abaixo de cada postagem.