MENÚ CON CAJAS DE REDES SOCIALES PARA TU BLOG

Este truco se puede ver claramente a la derecha de Teoría Blogger: 

Enlaces de redes sociales

Para esto vamos a instalar el CSS en la plantilla yendo a Blogger.com → Diseño → Edición de HTML → buscamos la etiqueta </head> y arriba de este pegamos las siguientes fórmulas CSS: 

<style> 
/* LINKS DE REDES SOCIALES */ 
#seguir-redes-sociales {width:100%;float:right;} 
.redsocialmenu {background:transparent;border:1px solid #898989;padding:10px;margin-bottom:10px;} 
.redsocialmenu:hover{background:#CCCCCC;border:1px solid #898989;padding:10px;} 
.redsocialmenu a {text-decoration:none;font-weight:bold;color:#555555;} 
.redsocialmenu a:hover {text-decoration:none;font-weight:bold; color:#4CA5FF;} 
.redsocialmenu img{vertical-align:middle;margin-right:5px} 
</style>

Ahora vamos a insertar las cajas de los links de las redes sociales en un gadget, entonces vamos a Diseño → Elementos de la página → Añadir un gadget → Elegimos el tipo de gadget HTML/Javascript → Ahora copiamos el siguiente código HTML: 

<div id="seguir-redes-sociales"> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYIXk1sGBcB3gzqCky8rJTsTet8KJhqnhHG8jhejegPC3qadapEvE5wShGrNiH6QTL1xusluxG5N_58sgRLbQMgZ-qj8IW_jikI7iwcGM7Q3RQ5Rw8X6fwnJtqZgT6_a-e5fSzNs_p4I4/s0/social-connect-facebook.png" title="Hazte Fan!" alt="Facebook" /> <a href="URL de página en Facebook">Facebook</a> 
</div> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVeZGhV-QYkZpgDrqT2a327raSm_5CicTYgl7OPqW_sbjsrg26r2vh2dEq5Apk4p5-u3Eab6lPrhVFnGH6dJFaXZzj9-SISlVgYF7dssfeVPF45boHKnnB72gg6NxfvM83uNcZOAcKpfs/s0/social-connect-twitter.png" title="Sígueme!" alt="Twitter" /> <a href="URL de Twitter">Twitter</a> 
</div> 
<div class="redsocialmenu"> 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjiTdIikDp2GavpPrTdc20vpbff0etX-8uh8e8h_0kvVND_GEWAJ-meqBzQwOzpKNyxmauxNjwhE3v6cwd048sfq-iSJv5TgUKrjeGImjalEL2p_-6i6NC4OPCFD5V7BWHAxSsfRWEkQ/s1600/youtube-logo.png" title="Obsérvanos!" alt="Youtube" /> <a href="URL de usuario en Youtube">You Tube</a> 
</div> 
</div>

Como es posible deducir, en lo que está marcado en distintos colores va la URL de: 

• La página en Facebook
• Tu usuario en Twitter
• Y tu canal en Youtube