sábado, 25 de junho de 2011

Gadget botões de redes sociais fixo na tela

image Outro gadget desenvolvido por min! :) Este trata-se de um menu vertical de redes sociais que fica do lado do seu blog. Criei este gadget porque visitei muitos blogs que tinha esse menu, e com eu adoro desafios resolvi desafiar minha inteligência pra desenvolvir uma barra desse tipo, embora não seja lá tãaao difícil fazer um.
Você pode ver uma demostração clicando aqui.
Para criar esse menu eu usei:
  • HTML
  • CSS
  • CÓDIGOS DOS BOTÕES.
Juntei tudo e deu no que de.
Para colocar em seu blog, apenas acesse o ‘Editar HTML’ do mesmo e procure pela seguinte linha:
<div id='content-wrapper'>
Abaixo dessa linha cole o código abaixo:
<div style='width: 71px; position: fixed; text-align: center; margin-left: -87px; padding: 12px; background: url(http://codigosblogger.webs.com/Gadgets/Menu%20fixo%20de%20redes%20sociais/fundo.png); height: 226px;'>
<a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<div style='padding-left:10px'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='true' show_faces='true' width='100'/></div>
<p/>
<!-- Inclua esta tag na seção head ou logo antes da tag de fechamento da seção body -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
  {lang: &#39;pt-BR&#39;}
</script>
<!-- Inclua esta tag onde desejar que o botão +1 seja exibido -->
<g:plusone size='tall'/>
</div>
Depois veja como visualize e salve!

Marcadores: , , , , , ,