Codigo Html Botones sociales para Facebook, Twitter y Google

Codigo Html Botones sociales para Facebook, Twitter y Google

Para promocionar nuestro blog en las redes sociales como Facebook, Twitter y Google+ vamos a agregar botones sociales en el sidebar como se puede ver en la imagen. Para hacer esto sólo utilizaremos código HTML.

Nos vamos a Escritorio > Diseño > Elementos de la página > Añadir un gadget > HTML/javascript donde pegaremos el siguiente código:

<ul class="BotonesSociales">
<li><a href="https://plus.google.com//usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuFrbemoEjlOpqmOY7D6w-Bc-9TNECiW33gLpTrYP9lTAkUNeAJTeFuJB75CBxH4bh5_SNVI2Rsh3B7bY2qwwX2sGNAzoIjzT7Aj6S1tHpNWVX1enxZ23fXpm-avjlClqWgnygEUafUNY/" /> <span>Agrégame en tus círculos</span></a></li>
<li><a href="http://www.facebook.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjypFLw86JwVFWNETT_4GkBz6zKTPUUoY5OnV1oM5TCK5XZTB3RuTiztP-vQ_v9Ac6J1wV1Eyhj1pel1ZTDW0UcFWecbFzxo9ylS9T86E54A3lXmnZRiNgc_fI67wkIleYC55wtRUsSNHU/" /> <span>Hazte fan en Facebook</span></a></li>
<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHvVEfrYt5JKTmCN_V4oOfW2f0iG4VTVffXXZAWfMze59TuQmb9LUmQMO9wPcgRmog4ohRFvJxQVjREiVN-jdh05ZNEq2dHhf7VVr5rPCWBfb9-vwF8nFp3G7Y9Ip1YjCWk_F1D4wtLNI/" /> <span>Sígueme en Twitter</span></a></li>
</ul>

Modifica lo que está en rojo con tus respectivos nombres de usuario o reemplaza con la URL de Facebook, Twitter y Google+, después guarda los cambios y ya los verás funcionando