Box do Google + com Efeito JQuery

Para colocar em seu blog

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:

<script src="http://bloggerspicebd.googlecode.com/files/bloggerspice.fb.popup.slide.js" type="text/javascript"></script>
<div id="bloggerspiceslidebox" style="position: fixed; width: 300px; overflow: hidden; bottom: 5px; left: 5px; background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAMyNkiVCPzbnf7lq5iQmo4Yw80zD18Nebhrg8WFJB2mDJSzfpyKO4mwCk4YqajkjG68FeTyy9h8Zut1Ep3kQQAN81MrbkKQtIX2UBcqlA2_YiEZmqZnHGvzEIN2zl-W53KlLoTpDILs/s0/pattern.png);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border: 1px solid #222; display: block;">
<div style="width: 300px; padding: 2px; margin: 0pt auto; overflow: hidden;"><div style="color: orange; font-family: &quot;Trebuchet MS&quot;,sans-serif; text-align: left;"></div>
<div style=" float:left;margin-right:10px;" > <a href="http://dicashot.blogspot.com.br/" target='_blank'><img width='19' alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbTtHn7U3yekvnzBKtfteavKc___1LcU5x4d68i6z_fhqJ_0WbZ2Sr5nVQpdYe9p89cbf7q-qG_hHeh-CIdS2UAQFm5Jg7KhO616TfxlJeJqHrxcCYmPG7oKGqaov3fQJh5bCVQj5C_-G/s1600/Link+BS.png'/></a></div>
<b><span style="font-size: 12px; color:#666; padding: 0pt 2px;">Me adicione em seus circulos!</span></b><a id="bloggerspicecloseslidebox" style="float: right; color: #000; padding: 0pt 2px; border: 0px solid #000; text-decoration: none; font-size: 11px; font-family: Agency FB,Geneva,sans-serif;" href="#"><img width='20' alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJxQJJ7RpLk1vRusF-k_DDqBfKXMkXwTKGs7OVu3GLwGGQ-YI64ZCcaZ2Z7OvmcbJle4h3qKhGM0cqCcUF7JHaZZxd-9diTcpq7OVgOuyZkIeBz15LLX2b2jeKEMhaVLfiinKQjw-zms/'/></a>

<!-- Posicione esta tag onde você deseja que o widget apareça. -->
<div class="g-page" data-width="316" data-href="//plus.google.com/u/0/106844438449547772074" data-layout="landscape" data-rel="publisher"></div>

<!-- Posicione esta tag depois da última tag do widget. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

</div></div>

A parte destada de Azul corresponde ao código do sua box. Para você pegar a sua box entre em https://developers.google.com/+/web/badge/ e pegue o seu código e, como já disse cole os eu no lugar da parte destacada no código.

Tendo feito isto, está pronto!!!

Carregando atualizações...

Box do Google + com Efeito JQuery

DESTAQUES DO MÊS