0 Como colocar botão das redes sociais no seu Blog

Oii galerinha, hoje vou explicar como colocar sua rede social no seu blog. Tive essa iniciativa porque quando fui pesquisar pra colocar no meu, não achava de jeito nenhum, alguns lugares mostrava formas que eram impossíveis de colocar.
Portanto vou ajudar.
Coloquei uma vídeo aula muito explicativa, além disso,explicarei algumas coisinhas a mais.




Aqui está os códigos:
=
<div class='widget-content'>
<a href="LINK DO SEU BLOG"position: fixed; right: 2px; top: 100px;" target="_blank">
<img border="0" heigth="48" src="http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png" title="Inicio" width="48" /></a>

<a href="LINK DO SEU TWITTER"position: fixed; right: 2px; top: 150px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZAyHkGXGeCOg4kRxtTbGjJ7j03NnVyEw2PoQRM665B-rgFdSBQSBGO4I_k2GfrjyFUsKAd6ru1aaI0a9zD6GPEMHnnXIcgE1YJ1PPqT4NEOh3iSnmi_HgghF0UTsbFx_qMIuilQfAOj8/s1600/1283728665_twitter_47.png" title="Twitter" width="48" /></a>

<a href="LINK DO SEU FACEBOOK"position: fixed; right: 2px; top: 200px;" target="_blank">
<img border="0" heigth="48" src="http://static.wix.com/media/8886b9eae995f0ead57060a5caf35f5b.wix_mp_256" title="Facebook" width="48" /></a>


<a href="LINK DO SEU ORKUT" style="position: fixed; right: 2px; top: 250px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlU1ewHphTgrmyZyujg0vmKKltKmO-K1kq-RfadJ1jQU2ThmxLuBWidJER92YuOXAe-QPlON_R_ulPE33sZ6I92kF2XpiI7WQCPIv8sGDV_hnOzTj0ULbgATHZXH7_nM2QHHsPsg5gKBii/s1600/Acesse-MiniTemplates.blogspot.com.png" title="Orkut" width="48" /></a>


<a href="LINK DO SEU YOUTUBE" style="position: fixed; right: 2px; top: 300px;" target="_blank">
<img border="0" heigth="48" src="http://thepainshop.co.uk/WebRoot/StoreDaily/Shops/eshop650350/MediaGallery/YouTube.png" title="Youtube" width="48" /></a>
</div>


=

Com esse vídeo já da pra entender bastante, mais eu fiz mudanças:
1- Se não quiser todos os Botões é só excluir o que não te agrada;
2- Da para mudar o lado(esquerdo direito). É só mudar right que está no código;
3- Nesses códigos não tem o botão do Tumblr, essa foi a mudança que eu fiz, eu apenas coloquei o link do meu Tumblr no lugar do Twitter e mudei a imagem, só isso;


Qualquer dúvida é só comentar!!

0 comentários:

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p

P�gina Anterior Home
 

Copyright © 2012 Pitaco Pink! Elaborado por Marta Allegretti
Usando Scripts de Mundo Blogger