Box de mult assinaturas sociais para Blogger

Box de mult assinatura social
Olá e bem-vindo ao Mult-focos. Trazemos neste post uma importante ferramenta para seu blog é o Box de mult assinatura social. Este Box contém as cinco redes sociais mais importantes no momento, o que dá seu visitante um leque maior de opções.

Gadget social profissional para Blogger

Demonstração

Como adicionar no seu blog 

  • Copie o código CSS do Box de códigos 
  •  Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
  • Acima desta tag copie e cole o código CSS do box de códigos abaixo. 
Próximo passo

  •  Ir para o painel do blogger->layout 
  •  Clique em Adicionar um Gadget. 
  •  Na janela Adicionar um gadget->Html/JavaScript. 
  •  Copie o código JS abaixo e cole-o dentro da caixa de conteúdo. 
  •  Salvar o gadget. Arraste o gadget e reposicione-o onde você quer mostrá-lo. 
  •  Clique no botão Salve (canto superior direito). 
Configurações

  •  Estão todas no código, copie o código em um bloco de notas proceda as alterações e adicione seu widget. 
 Isto é tudo.

<center>
<!-- http://mult-focos.blogspot.com.br/ Box de assinatura social -->
<div class="socialbox-mbl mbl-classic" style="width: 300px !important">
 
<ul>

 <li>
<a href="http://www.facebook.com/Multfocossuarevistadigital" title="Like on Facebook" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGO_Vxai0TEro4IsY8R3GOnzaE5mpi7lVem3OPFFDI0CU9OLMUnaz4kdi7Ugiog7lHan_4biQ1FBqXGIh6B5OiKHqfZMZCTPl9PzeVHXLlSx1Zf7nxIbkushuoRnvoONfq4ZrzcY1JwStn/s16-no/facebook+16x16.png" alt="Facebook" />
</a><p><span>500</span> Fãs</p><a href="http://www.facebook.com/Multfocossuarevistadigital" class="socialbox-button" rel="nofollow"  title="Like on Facebook" target="_blank">Curtir</a>
</li>
 
<li>
<a href="http://twitter.com/multfocos" title="Follow on Twitter" rel="nofollow"  target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRknmgNa_SzhyxGU9PsOQxWqQpQBJfLHJs-pH9562BqTaquxxBzxlROemooFWtIgojmWmCTSDBoIFrU1FEZZaeH9z1sbrDphS1Ul3O3HQhlO2XW_UJQsKRk5WzvwzNHl8ybjDiHevFbrgZ/s16-no/twitter+16x16.png" alt="Twitter" /></a><p><span>40</span> Seguidores</p><a href="http://twitter.com/multfocos" class="socialbox-button" rel="nofollow"  title="Follow on Twitter" target="_blank" >Seguir</a>
</li>
        
<li>
<a href="https://www.youtube.com/channel/UCAqO86-qfYpdvAFKqXRudkg" title="Subscribe to Youtube Channel" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhux6ate2TxpPv6LfoNUTZNq8W2XZyHSl8OqeuUw267aWjw-tW8VNZVL1O_wszUsLF8R3oPTQsS49pzBmOJKxO_ZV_SbsaPQMcslYxKHX7z1TV_J-OwWmjlRmtuaWK2sObEqUlLxV-X3g-r/s16-no/youtube+16x16.png" alt="YouTube" /></a><p><span>3300</span> Assinantes</p><a href="https://www.youtube.com/channel/UCAqO86-qfYpdvAFKqXRudkg" rel="nofollow" class="socialbox-button" title="Inscreva-se canal Youtube " target="_blank" >Subscrever</a>
</li>
    
<li>
<a href="http://pinterest.com/multfocos/" title="Follow on Pinterest" rel="nofollow"  target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgae7XQsby9vNlsw56Ywrq879yX-nYqghLmx1taj5W4vibuNMt9ktwc69OaawexHH2qEJrTxqIh5I7fqSahhILYd29lnf1wez1sM5hogMW2uO5ft6_K5R66SS8EZshA15RkQB_ndGH9H9rs/s16-no/Pinterest+16x16.png" alt="Pinterest" /></a><p><span>200</span> Seguidores</p><a href="http://pinterest.com/multfocos/" rel="nofollow"  class="socialbox-button" title="Siga-me no Pinterest" target="_blank" >Seguir</a>
</li>
      
<li>
<a href="https://plus.google.com/105144526522017770430/" title="Follow on Google+" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDzqW6imJy9Fkw2z_kocjpssC6KIq2hRk0erg_wMzfJPxewfVKUndpcE3mtKMRGAImY1x8ki0UT2vlU_ZqyHyJ7vWCB9rODcSnGj4h2FpERfz9kydXkj-pLM91dmyRwq2lQYS-4oMAt5ks/s16-no/Googleplus+16x16.png" alt="Google+" /></a><p><span>1000</span> Seguidores</p><a href="https://plus.google.com/105144526522017770430/" rel="nofollow"  class="socialbox-button" title="Siga-me no Google+" target="_blank" >Seguir</a>
</li>   
   
</ul>
  
</div>
<!-- Fim de código -->  
</center>

See the Pen zGhbC by Mairink (@Oemes) on CodePen.



Postado por Mairink Oemes

0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter