Sem duvidas alguma as redes sociais sao uma grande ferramenta de divulgacao para blogs, hoje no Brasil temos tres grandes que sao: Facebook com mais de 42 milhoes de usuarios no Brasil, Twitter com 3,33 milhoes de usuarios, e o Google + que foi criado em junho do ano passado e ja chegou a marca de 90 milhoes de usuarios. O Brasil e o terceiro pais que mais tem usuarios no Google + com cerca de 5,43%. Sendo assim nao podemos ignorar o Google +, e pensando nisso resolvi escrever este artigo ensinando como inserir um cracha que permite aos visitantes do seu blog adiciona-lo aos seus circulos.Visite o site de developers da Google clicando aquiAo visitar o site voce tera duas opcoes para criar seu cracha, voce podera criar um cracha do seu perfil ou da sua pagina.Apos escolher a opcao voce tera que visitar seu perfil do Google + e copiar sua ID.Depois de copiar sua id e so colar na opcao Enter a Google+ profile ID, como mostra a imagem abaixo:Tudo pronto? Agora e so escolher se quer apenas um icone ou um Cracha, o idioma do seu Widget, o tamanho ou se voce quer claro ou escuro.Depois de ter feito as configuracoes basta voce copiar o codigo e colar na barra lateral seu blog.Gostou dessa dica? Deixe-nos seu comentario e aproveite para nos circular no Google + Ola galera, nessa video aula irei mostrar como criar um texto arredondado com o Fireworks. Espero que gostem... Essa e uma pequena video aula ensinado como inserir uma imagem dentro de um texto usando o Fireworks CS5. Sem duvidas alguma o Facebook e hoje um grande meio de divulgacao para qualquer negocio na Web e pensando nisso decidi escrever este pequeno tutorial onde vou ensinar voce a colocar uma Fan Page do Facebook flutuante na lateral do seu blog.Entao vamos deixar de conversa e vamos ao que interessa.Primeiro: entre no seu painel do blogger e click em Design>>Editar HTML.Agora voce clica em Expandir modelos de widgets e depois voce clica Ctrl+F e procura por </head> e cole o seguinte codigo acima dele:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script><br /> Depois disto click em salvar modelo e va em Elementos da Pagina e adicione um Gadget >> HTML/JavaScript e cole o seguinte codigo:<script type="text/javascript"> //<!-- $(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script><br /> <style type="text/css"> .floatinglikebox{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .floatinglikebox div{border:none;position:relative;display:block;} .floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .floatinglikebox span a{color: #808080;text-decoration:none;} .floatinglikebox span a:hover{text-decoration:underline;} </style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href= <strike>http://www.facebook.com/pages/Jackson-Soares/265959946787173</strike>&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><br /> Agora basta voce trocar esta parte http://www.facebook.com/pages/Jackson-Soares/265959946787173 pela a URL da sua Fan Page e clicar em salvar.E interessante colocar um anuncio dentro do mesmo Gadget para que seu template nao fique com um lugar vazio.O resultado voce pode ver aqui mesmo no Dicas de Blogueiro. Aproveite e curta minha pagina.Nota: O codigo que utilizo aqui foi disponibilizado pelo Blogger Hack. Essa pagina e especialmente para