Mostrando postagens com marcador facebook. Mostrar todas as postagens
Mostrando postagens com marcador facebook. Mostrar todas as postagens

sexta-feira, 4 de janeiro de 2013

Gadget Redes Sociais no blog

Um gadget de Redes Sociais é a maneira mais fácil de fazer com que seus leitores encontre você em outros meios de contato, ou até mesmo acompanhar as maiores novidades que acontece em seu blog.  Já pensou em colocar as redes sociais que você participa em seu blog? É fácil!


1 - Acesse o painel do Blogger;
2 - Clique na guia "Layout" e em seguida "Adicionar um gadget".
3 - Adicione o gadget "HTML/JavaScript" e insira o código informado abaixo:

<a href='LINK DO PERFIL DO ORKUT OU COMUNIDADE' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Orkut'><img alt='Orkut' src='http://icons.iconarchive.com/icons/danleech/simple/48/orkut-icon.png' style='border:0; width:45px; height:45px;'/></a>     <a href='LINK DO TWITTER' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Twitter'><img alt='Twitter' src='http://icons.iconarchive.com/icons/danleech/simple/48/twitter-icon.png' style='border:0; width:45px; height:45px;'/></a>     <a href='LINK DO FACEBOOK' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Facebook'><img alt='Facebook' src='http://icons.iconarchive.com/icons/danleech/simple/48/facebook-icon.png' style='border:0; width:45px; height:45px;'/></a> <a href='LINK DO GOOGLE+' onclick='javascript:window.open(this.href, &quot;hangoutBC&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=no, width=1000, height=700&quot;); return false;' style='text-decoration: none;' title='Google +'><img alt='Google +' src='http://icons.iconarchive.com/icons/danleech/simple/48/google-plus-icon.png' style='border:0; width:45px; height:45px;'/></a>   
Adicione o link de sua rede social em: LINK DO PERFIL DO ORKUT OU COMUNIDADE, LINK DO TWITTER, LINK DO FACEBOOK e LINK DO GOOGLE+

Link destacado em Verde - Caso você queira mudar a imagem. Existe vários sites de icon, eu conheço o http://www.iconarchive.com/

Prontinho! Agora todos podem te achar facilmente nas redes sociais! :)
Leia Mais...

sexta-feira, 15 de abril de 2011

Como adicionar Fan Box com os seguidores do Twitter no Blogger


Adicionar legenda

É muito comum ver em muitos blogs uma “Caixa de Fãs” (Fan Box) do Facebook. Sim, essas caixetas que mostram o número de fãs que tem a página do blog no Facebook assim como as suas fotos de perfil.


Mas você deve estar a pensar porque é que ele está a falar no Facebook quando o post é sobre o Twitter? A resposta é porque, neste post, vou ensinar a adicionar ao seu blog um Fan Box do Twitter, criada com bases da Fan Box do Facebook. Esta Fan Box (a do Twitter) mostra o número de seguidores e os seus os avatares dos 10 últimos seguidores conseguidos. Veja um exemplo abaixo:



Isto é possível através do gadget criado por Moopz e que nos permitirá ter uma Fan Box de Twitter usando um script.

Para adicioná-la ao seu blog só precisa adicionar um gadget HTML/JavaScript com o código abaixo ao seu blog:
<div class="textwidget"> 
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"> 
<script type="text/javascript">fanbox_init("utilizador");</script></div> 
</div> 
<style> 
.FB_SERVER_IFRAME { 
width: 290px !important; /* Largura do gadget */ 
height: 250px !important; /* Altura do gadget */
 

</style>
Obs.: Substitua a palavra em vermelho pelo seu nome de utilizador do Twitter sem o @. Se quiser personalizar a largura e a altura do gadget modifique a parte especificada a cor verde.
Leia Mais...

.