17 de julho de 2010

1

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.

imagemA 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

1 comentários:

Pop Blogs disse...

Parabéns pela postagem, como sempre é um excelente artigo. A Internet no Brasil realmente precisa de postagens de qualidade como estas que você está nos oferecendo. Gostaria de lembrar também um ótimo agregador de conteúdos que vem se destacando muito, que é o Pop Blogs:
http://www.popblogs.net

Divulgue quantas postagens gratuitamente você quiser todos os dias (não há limites), sem fila de espera, tenha seus links publicados em nosso site e aumente muito mais as visitas diárias de seu blog.

Postar um comentário

Agora você é VIP. A palavra está com você agora. Aproveite e faça seu comentário!
PS.: Se for xingar, ofender ou usar palavras de baixo calão, não perca o seu tempo pois CERTAMENTE excluiremos seu comentário!
Sinta-se a vontade.

Related Posts with Thumbnails