Como colocar feed nos marcadores – feed por categoria.

Recentemente fizemos uma mudança ampla no layout do SOSVIP. Foi um aprendizado e tanto, pois a falta de verba para adquirir um modelo customizado nos obrigou a aprender a fazer as mudanças desejadas.

Mas valeu a pena, pois agora está conforme nosso agrado. Depois de aprender, é tempo de ensinar. E é claro que eu não deixaria de explicar passo a passo pra vocês como fazer.

A dica de hoje é como colocar feed nos marcadores. Isso é bem interessante pois os seus visitantes terão a opção  de assinar somente as categorias que lhes interessam. Embora o melhor é quando assinam seu conteúdo completo.

Lembrando que antes de realizar qualquer mudança no template é essencial fazer um backup do seu modelo. Assim se algo der errado, você poderá coltar ao seu antigo modelo facilmente. Se não souber como fazer backup, clique aqui e aprenda a fazer um backup do seu template.

Não há grandes mistérios em implementar essa mudança. Primeiramente você terá de:

• Faça login no Painel do blogger
• Selecione a aba “Design”
• Editar HTML
• Expandir Widgets
• Procure pelo seguinte código:

  <b:loop values='data:labels' var='label'>
  <li>
  <b:if cond='data:blog.url == data:label.url'>
  <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  <b:else/>
  <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  </b:if>
  <span dir='ltr'/>
  </li>
  </b:loop>

OBS.: Para encontrar o código no seu template, você pode usar as teclas CONTROL + F, bastando depois disso digitar o texto/código que procura no campo de pesquisa que abrir-se-á.

• Depois da segunda linha do código acima; mais especificamente depois de “<li>”, você deve colar o seguinte código:

  <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src=' URL da imagem do Feed ' style='vertical-align:middle;border:0'/></a>

Lembre-se de substituir o trecho “URL da imagem do Feed” pela URL da imagem que você quer que apareça. Sugiro uma imagem de tamanho entre 14 x 14 à no máximo 18 x 18.

• Visualize e se tudo estiver ok, salve o modelo.

Feito conforme mostrado, as imagens ficarão alinhadas a esquerda dos marcadores, como usado aqui no SOSVIP. Se desejar alinhar a imagem a esquerda, bastará você inserir o código depois da 9ª linha do primeiro código, ou seja, depois de “<span dir='ltr'/>”.

Gostou da dica? Tem muito mais na nossa categoria de Ferramentas e Dicas para Blog.

Seja VIP, receba as novidades no seu email, clique no ícone...

Início