quinta-feira, 10 de novembro de 2011

Gadget Redes Sociais para o seu Blog











As redes sociais são hoje um meio de interação, onde podemos nos relacionar com pessoas de todo o mundo, fazer novas amizades, compartilhar imagens, vídeos, músicas dentre outras coisas.
Para quem tem um blog ou site na rede, é indispensável disponibilizar os links de suas redes sociais na página principal. Como todo blog sobrevive de visitas, nada mais indicado que interagir com seus leitores através de outras maneiras, como nas redes sociais!


O gadget Redes Sociais é simples de ser instalado. Como utilizo a plataforma Blogger, as instruções são de acordo com esse recurso.


O resultado final deve ficar como a imagem abaixo:






1º) No painel do Blogger, selecione a opção "Layout/Adicionar um Gadget" - um local sugerido é no início da SideBar, como você pode conferir neste blog.


2º) Na próxima janela, selecione a opção HTML/JavaScript


3º) Copie e cole na caixa de texto o código abaixo:



<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
a {
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
-->
</style>
<div align="center">
<table
style rgb(243, cellspacing="4
" border: 7); 145, 100%; width:="solid" cellpadding="2" text-align: left; 1px>
<tbody>
<tr>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK NO FEEDS" target="_blank"><img border="0" alt="Assine nossos Feeds" src="http://img33.imageshack.us/img33/7861/feeds3.jpg" title="Assine nossos Feeds"/></a></p> </td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK NO FACEBOOK" target="_blank"><img border="0" alt="Facebook" src="http://img412.imageshack.us/img412/8598/facebookiconk.png" title="Siga-nos no Facebook"/></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK NO ORKUT" target="_blank"><img border="0" alt="Orkut" src="http://img148.imageshack.us/img148/9800/orkutuu.jpg" title="Siga-nos no Orkut"/></a></p></td>
<td valign="undefined" align="undefined">
<p align="center"><a href="SEU LINK NO TWITTER" target="_blank"><img border="0" alt="Twitter" src="http://img522.imageshack.us/img522/1390/twitteriy.jpg" title="Siga-nos no Twitter"/></a></p></td>
</tr>
</tbody>
</table
style>
</div>
<h6 align="center" class="style1">Widget <a href="http://www.publicidade-na-web.com/2010/02/widget-de-icones-para-as-redes-sociais.html">Publicidade-na-web</a></h6>

4º) Substitua os textos destacados pelos seus links nas redes sociais.


5º) As imagens estão salvas no site ImageShack. Se você quiser utilizar suas próprias, é só substituir os links após o código src=["url da sua imagem"].
Se você ainda não utiliza um site de hospedagem, acesse http://imageshack.us.
Para começar a usar, é só se cadastrar e upar as imagens!


Então, ficamos por aqui. Espero que gostem desta dica para incrementar ainda mais o seu blog ou site.


Abraço a todos e até mais!







Related Posts Plugin for WordPress, Blogger...

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!