19 de abril de 2011

4

Como adicionar Barra Flutuante de Mídias Sociais e Sites de Relacionamentos.

É do conhecimento de todos os que possuem um blog e pretendem fazê-lo crescer, que as mídias sociais são cada vez mais importantes para tal crescimento. Porém, assim como para um post ter sucesso e visualizações é preciso divulgação, o mesmo acontece com as mídias sociais e outros sites de relacionamento ou canais que contenham material sobre o seu blog, tais como youtube.

Uma forma eficiente de chamar a atenção e ajudar outros a acompanhar o seu canal e/ou conta em tais mídias é por dar devido destaque no blog. Uma barra fixa flutuante na lateral do blog, que se movimenta, conforme o cursor o faz é uma excelente maneira de fazê-lo.

  1. Faça login no Painel do blogger
  2. Selecione a aba “Design”
  3. Adicionar Gadget >>> HTML
  4. Copie o código abaixo, fazendo as necessárias alterações. Altere o que está de vermelho para seus respectivos links (suas mídias sociais). No caso das imagens, elas devem ser pequenas (47x47) ou pouco maior.
  5. A cada novo site ou mídia adicionado, você deve alterar os valores destacados na cor verde, sempre acrescentando 50 ao número existente, conforme exemplificado abaixo. Por exemplo, o primeiro será 110, o segundo 160, o terceiro 210 e assim sucessivamente. Isso evitará que as imagens e links fiquem em cima dos outros.

<a href="http://feeds.feedburner.com/SosVip" style="position: fixed; right: 2px; top: 110px;" target="_blank">
<img border="0" heigth="47" src="Link da Imagem" title="Assinar Feed" width="47" /></a>

<a href="http://twitter.com/SOSVIP" style="position: fixed; right: 2px; top: 160px;" target="_blank">
<img border="0" heigth="47" src="Link da Imagem" title="Siga-nos" width="47" /></a>

<a href="http://www.facebook.com/SOSVIP2011" style="position: fixed; right: 2px; top: 210px;" target="_blank">
<img border="0" heigth="47" src="Link da Imagem" title="Facebook" width="47" /></a>

Tudo o que você precisará fazer agora é adicionar os mesmos códigos acima, modificando apenas os links de imagem e referência para cada respectiva mídia social ou outro link que queira disponibilizar. Nos códigos exemplos acima, colocamos apenas três, mas você poderá acrescentar quantos achar necessário.

O resultado será como você pode observar na imagem abaixo:

Barra Midias Sociais Flutuante Site Relacionamentos

Coloque seu email:

Início

4 comentários:

Unknown disse...

olá,

Eu gostaria de compreender um pouco melhor que link coloco no Feed... não sei muito bem.

Alterei apennas o ultimo nome para o nome do meu blogue,mas parece não estar a funcionar... se me puder explicar melhor...

Obrigado

SOSVIP disse...

Nuno: Para você alterar apenas o nome, é necessário que você tenha efetuado cadastro no sistema de feed via email (feedburner); ou seja é necessário conhecimento ou um tutorial específico para fazê-lo.
Entretanto caso deseje disponibilizar o feed usual, para assinantes, basta você substituir o primeiro link (em vermelho) pelo seguinte:
URL DO SEU BLOG/feeds/posts/default

MatheusCruz disse...

e em q linha coloca isso?

Anônimo disse...

Muito facil ficou muito bom muito obrigado!
www.clickunico.com.br

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