Gadget artigos relacionados com opção assinar Feed

CSS, Dicas, Feed, Gadgets, Layout
22
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!

.

22 Comentários

  5. 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

  6. 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

  7. 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

  8. 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.