É muito importante para um blogueiro ter seu conteúdo divulgado na web, para isso, o meio mais fácil são as redes sociais. Nesse breve tutorial ensinarei a colocar links para que os visitantes do seu blog possam visitar seu blog.Você pode observar do que estou falando no gadget com o nome “compartilhe esse blog” na sidebar do Diretório Blogger.
Atenção: sempre baixe uma cópia do modelo antes de mexer no Editar HTML do blog.
1° Passo - Adicionando o CSS
Para ter links mais bonitos e que chamem a atenção é sempre bom dá-los um pouco de estilo. Para isso, entre no editar HTML do blog e sem marcar a caixinha “expandir modelos de widgets” encontre a linha ]]</b:skin> e logo ANTES, cole o código abaixo:
.addthis_toolbox{text-align:center;}.custom_images a{width:32px;height:32px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.50}
2° Passo - Colocando o widget
Agora vamos colocar o gadget de redes sociais. Para isso, basta colar o código abaixo em um widget tipo HTML/java script:
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://img263.imageshack.us/img263/9638/1288725660twitter.png' width='32'/></a>
<a class='addthis_button_orkut'><img alt='Orkut' height='32' src='http://img94.imageshack.us/img94/170/1288725425orkut.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://img189.imageshack.us/img189/1834/1288725653facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://img810.imageshack.us/img810/7078/1288725656digg.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://img841.imageshack.us/img841/4927/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='Mais' height='32' src='http://img710.imageshack.us/img710/3271/mais1vd.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
Veja:
Agora seus visitantes podem compartilhar seu conteúdo nas famosas redes sociais. Deixe um comentário com sua opinião sobre esse artigo.
0 comentários:
Postar um comentário