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!
Artigos relacionados com imagens blog veja como ganhar

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ódigoe pronto agora salve e clique em visualizar e veja o resultado que deve
aparecer abaixo de cada postagem.

5 comentários:

  1. Oi amigo tudo bem? sim esta dica que você indicou segue os mesmo princípios valew..

    ResponderExcluir
  2. Muito útil sua dica, parabéns :D

    ResponderExcluir
  3. po valew mesmo brother, só o da qui que deu certo no meu.

    ResponderExcluir

Seguidores

Siga o Blog nas Redes Sociais

Translator [ Tradutor ]

Colocar no meu Blog!