Redes sociais n/ post

Venho trazer gadget social bem cool com hover nos icones,é util ter no nosso blog porque podem partilhar nosso artigo,postagem nas redes socias.É de facil instalação basta seguir certinho passos abaixo.
Vamos lá aplicar...

FAÇA UMA CÓPIA S TEMPLATE ANTES.

Entre modelo do seu blog e depois clik em html,depois disso procure este código:

Encontrou clik setinha preta p abrir e encontre este código :

Bem coloque abaixo onde está a vermelho ,e prévisualize ,caso não esteja dentro área post ,coloque abaixo post-footer.line-2 e pré visualize a ver está certo,pode variar de template para template ,mas numa dessa irá estar certo.

Pegue o código para colocar :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <style type='text/css'>
                          p#socialicons {
                            background:#e2f4f9;border:0px
                              solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;font-size:14px;margin:5px;padding-top:4px;
                          }
                          p#socialicons img {
                            widht:50px;height:50px;opacity: 0.5;
                            -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;
                            border:2px solid #ddd;-ms-border-radius:50px;-o-border-radius:50px;-mz-border-radius:50px;-webkit-border-radius:50px;
                            border-radius:50px;
                          }
                          p#socialicons img:hover {
                            opacity: 1;-o-box-shadow: 0px 0px 20px #8d2373;-ms-box-shadow: 0px 0px 20px #8d2373;-moz-box-shadow: 0px 0px 20px #8d2373;
                            -webkit-box-shadow: 0px 0px 20px #8d2373;box-shadow: 0px 0px 20px #8d2373;}
                        </style>
                        <center>
                          <p/>
                          <p id='socialicons'>
                            <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://i.imgur.com/hRWPggL.png'/>
                            </a>
                            <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://i.imgur.com/kNOGZxh.png'/>
                            </a>
                            <a
  expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://2.bp.blogspot.com/-PfT1YSSroJY/UExXvZMMQQI/AAAAAAAAAOQ/bmyQitwObBU/s1600/digg.png'/>
                            </a>
                            <a                            expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://i.imgur.com/eTV4psu.png'/>
                            </a>
                            <a
expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://2.bp.blogspot.com/-oa5oDtmljaY/UExXvx5JH3I/AAAAAAAAAOk/2idhxCKLkP4/s1600/stumbleupon.png'/>
                            </a>
                            <a                              expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://i.imgur.com/0LqNMSu.png'/>
                            </a>
                            <a  expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'>
                              <img border='0' src='http://1.bp.blogspot.com/-HqPMcsCVvQs/UExXwFXCRsI/AAAAAAAAAOo/v0G5s2XlqHQ/s1600/technorati.png'/>
                            </a>
                          </p>
                        </center>
                      </b:if>
                    </b:if>

Foi isto por agora espero goste desta minha partilha e deste meu gadget de redes sociais ,alguma duvida disponha sempre até mais...

Redes sociais n/ post

► 0

► r sociais

► Cartita