Gadget artigos relacionados com opção assinar Feed

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Acredito que todos vocês já observaram que no rodapé das postagens aqui no Dicas Blogger, tem um gadget de artigos relacionados com opção assinar RSS FEED e assinar por e-mail.

Vários leitores do Dicas Blogger tem solicitado esse gadget de artigos relacionados com opção assinar RSS FEED e assinar por e-mail.

gadget

Para a felicidade de todos, nesse artigo estarei ensinando como colocar esse gadget tão solicitado.

Como colocar gadget de artigos relacionados com opção assinar RSS FEED e assinar por e-mail.

1. Acesso o Painel do Blogger e navegue até Modelo > Editar HTML

(Veja: Como acessar o código XML/HTML na nova interface do blogger)

2. Clique em: “Expandir modelos de widgets”

3. Encontre o seguinte ]]> (use CTRL + F para encontrar o código)

4. Copie e cole o seguinte código antes de ]]>

 

/*————- Start related by www.dicasblogger.org ————-*/

#related{background:#f7f7f7; border:1px solid #ccc; border-bottom:1px solid #ddd; border-right:1px solid #ddd;margin:0 0 5px;padding:10px}
ul#related-posts{font:normal normal 11px Oswald;list-style:none;text-transform: none;margin:10px 0;padding:0}
#related .related-posts{width:43%;float:right;font:normal normal 16px Oswald;text-transform: uppercase;color:#333;}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px; padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #ccc; display:block; height:72px;position:relative;width:72px;color:#333;text-decoration:none;}
ul#related-posts li .overlay{height:66px;line-height:16px; position:absolute; width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#fff;display:block!important; opacity:0.7}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:55%;float:left;color:#333;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px; background:url(http://lh3.ggpht.com/_pt7i0nbIOCY/SuPmf8r8eqI/AAAAAAAACXM/BYjbuwVwxas/FeedIcon-16_thumb.gif) 0 50% no-repeat;vertical-align:middle}
.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

/*————- End of related by www.dicasblogger.org ————-*/

 

5. Agora cole o seguinte código depois de  (se existir mais de um cole após o ultimo código) (use CTRL + F para encontrar o código)
 

 

6. Substitua os textos destacado em vermelho com o nome do seu blog

7. Clique em Salvar modelo e prontinho!

Qualquer duvida não hesite em perguntar.

Até a próxima!

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

22 Comentários

  1. cara esta dando erro no blogger fica tipo como se tivese uma coisa errada como
    , />, > tem como arrumar ou fazer um igual o seu com esse botão mais simples de feed esse ai que tem escrito “Receber atualizações via Email” faz um codigo assim o mais rapido possivel gostei do seu blog tem futuro voce rapaz…

    Responder

  2. Amigo, eu uso o LinkWithin… não seria necessário retirá-lo antes, já que este seu gadget fará o mesmo trabalho? E a configuração pra um layout de 3 colunas, será que vai dar problema? Eu tentei de cara e não funcionou, aí eu vi que vc falou algo sobre o LinkWithin. Obrigado.
    Você tem pronto algum tutorial para modificar a área das postagens, de forma que apareça a imagem pequena do lado do texto, ao invés dela gigante acima ocupando muito espaço?

    Responder

    • Se você ja usa o LinkWithin; não há nescessidade colocar outro. Agora com relação ao tamanho e posição das imagens; quando você inserir, você escolhe o tamanho e a posição da imagem. Qual editor você usa? O do proprio Google?

      Responder

  3. voce não me entendeu eu estou falando que seu codigo esta alguma coisa errada no blogger que meu site não aceita e quero que voce faça um igual o seu onde tem “Recomendamos a leitura dos seguintes arttigos -” e sem o botão de feed so que isso entende obrigado desde ja.

    Responder

  4. Oi Kemuel! Estou recebendo suas repostas, desde já mais uma vez, obrigado. Estarei aplicando-as e responderei todas. O problema é que acabou de dar um bug generalizado na parte do Layout do Blogger (só uso ele)… não estão abrindo pra eu poder ve-los! Em nenhum dos 4 blogs e em nenhum navegador! Nunca vi isso! E agora? rsrs
    Sobre o LinkWithin ele gera tráfego… é osso retira-lo… falei em retirar porque o seu aqui é muito mais organizado e oferece a assinatura… Será que valeria a substituição? Afinal este seu também manterá a geração de tráfego, certo?

    Responder

    • Visitei o seu blog e observei que você está usando um dos meus templates. Mas, você fez uma coisa muito feia; removeu os links do rodapé do template. Portanto não vou te ajudar, você é muito esperto, resolva você mesmo. Plágio é crime.

      Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.