¿Quieres que tus visitas puedan encontrarte en todas tus redes sociales pero sabes que hacerlo, por regla general, aumentará el peso de tu blog? No temas, aquí está la solución. Este gadget que te voy a enseñar a instalar es perfecto para quienes quieren mostrar un acceso fácil a sus redes sin cargar demasiado el blog. ¿Te gusta? ¡Vamos a ponerlo!
Instalar este script es realmente fácil, lo único que debes hacer es abrir tu escritorio y dirigirte hasta Plantilla-Edición HTML
Una vez allí busca la siguiente línea: ]]></b:skin> y pega justo encima de ella el siguiente código:
div.socialbox-mbl,
div.socialbox-mbl ul,
div.socialbox-mbl ul li,
div.socialbox-mbl ul li p,
div.socialbox-mbl ul li img,
div.socialbox-mbl ul li p span,
div.socialbox-mbl ul li a{
background: none;
border: none;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
}
div.socialbox-mbl ul,
div.socialbox-mbl ul li{
list-style: none;
}
div.socialbox-mbl ul li a,
div.socialbox-mbl ul li img{
display: inline;
width: auto;
}
div.socialbox-mbl ul li a.socialbox-button{
text-align: center;
}
div.socialbox-mbl.mbl-classic{
color: #768a96;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
div.socialbox-mbl.mbl-classic ul{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc4LjSb_h16kP2vKQnl_RS2ZJWZFPU6-2XhZr2hqvhSTBRZlBUdvBgiqXsCFjz83jb_IRC8LpJrKZg1vK2uqCFWBmPGSNlr6Jp6Pratq2yKCm1FYbWxJ8FztXrKgahklvzp_09sFMHXdQ/s1600/classic-background.png) repeat;
border: 1px solid #d8dcdf !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 4px #dfe4e7;
-moz-box-shadow: 0px 2px 4px #dfe4e7;
box-shadow: 0px 2px 4px #dfe4e7;
margin: 0 !important;
padding: 0;
}
div.socialbox-mbl.mbl-classic ul li{
background-image: none;
border-bottom: 1px solid #d8dcdf;
height: 40px;
overflow: hidden;
padding: 19px 9px 0 9px;
}
div.socialbox-mbl.mbl-classic ul li:last-child{
border-bottom: none;
}
div.socialbox-mbl.mbl-classic ul li img{
border: none;
margin-right: 10px;
float: left;
}
div.socialbox-mbl.mbl-classic ul li p{
display: inline;
position: relative;
top : -3px;
}
div.socialbox-mbl.mbl-classic ul li p span{
color: #425763;
font-weight: bold;
}
div.socialbox-mbl.mbl-classic ul li a.socialbox-button{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK8cEz6hdfbfIes_OdfZDZO6zAfch401EZ7XilW5k9uAh0TCqCijh_MVOwcJicyb0BBxquUwIBcTwl0lUra_KYuhppI3zN8D_HMbAwTIwhtRFkTZ8sFRCJIKPGEZbSMLr-cTVmwC9EEkk/s1600/classic-button.png) no-repeat;
border: 1px solid #d8dcdf;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #425763;
float: right;
font-size: 11px;
font-weight: bold;
line-height: 11px;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-transform: uppercase;
top: -4px;
}
div.socialbox-mbl.mbl-classic ul li a.socialbox-button:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK8cEz6hdfbfIes_OdfZDZO6zAfch401EZ7XilW5k9uAh0TCqCijh_MVOwcJicyb0BBxquUwIBcTwl0lUra_KYuhppI3zN8D_HMbAwTIwhtRFkTZ8sFRCJIKPGEZbSMLr-cTVmwC9EEkk/s1600/classic-button.png) 0 -27px no-repeat;
}
div.socialbox-mbl.mbl-classic ul li a.socialbox-button:active{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK8cEz6hdfbfIes_OdfZDZO6zAfch401EZ7XilW5k9uAh0TCqCijh_MVOwcJicyb0BBxquUwIBcTwl0lUra_KYuhppI3zN8D_HMbAwTIwhtRFkTZ8sFRCJIKPGEZbSMLr-cTVmwC9EEkk/s1600/classic-button.png) 0 -54px no-repeat; } Perfecto, ahora guarda la plantilla y dirígete hasta Diseño-Añadir Gadget-HTML/Javascript
Pega dentro del cuadro que se te abre el siguiente código y edítalo con tus redes sociales:
<!-- Laredmovil.com All in one Social Subscription Box -->
<div class="socialbox-mbl mbl-classic" style="width: 280px !important">
<ul>
<li>
<a href="https://www.facebook.com/Systemhaker" title="Like en Facebook" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTYLWAfWo3Be3dUlU-sQgKtuIW63xuJX9l1XmiRhnxLjrpvsSfPMiLYqrLPVqk0n3UDV5VSr1_K1ort-umvk5JGln1g0YVEqXVDxTBhEYv8w4Y4881keyLeDtBKI2T0PDyrIMrFbcof8/s1600/facebook_16.png" alt="Facebook" />
</a><p><span>32</span> Fans</p><a href="https://www.facebook.com/Systemhaker" class="socialbox-button" rel="nofollow" title="Like en Facebook" target="_blank">Me Gusta</a>
</li>
<li>
<a href="https://twitter.com/Alexitoplus" title="Sígueme en Twitter" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9pV84lxp0nXm-80CaMWrAxOkzIDyGs2Wyn47RPyGgdvsKqQIKlzNtJMr2Q8sZQM7kJCgUhi6nIZdXNcRgtf6wsEj73l1s8mmumhCB51JtfJ0gu1JNZ0BIHn5ToGjBO2IfgW4DzjJ759s/s1600/twitter.png" alt="Twitter" /></a><p><span>16</span> Seguidores</p><a href="https://twitter.com/Alexitoplus" class="socialbox-button" rel="nofollow" title="Sígueme en Twitter" target="_blank" >Sígueme</a>
</li>
<li>
<a href="https://instagram.com/alexitoplus/" title="Sígueme en Instagram" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEz1_e66-vvcRS4eq_W0e9gjPip04sJq8RjjeyDtwN6k21-xb779G-hARSnlJTwQXQNWdMu8AkU4fmS9zA3lQ_XyWEhlGyY4717jgEZ7mOEZJKeVJ53DH0hSnogvB3ZSt8PiOgR2TDGEeI/s1600/instagram.png" alt="YouTube" /></a><p><span>44</span> Seguidores</p><a href="https://instagram.com/alexitoplus/" rel="nofollow" class="socialbox-button" title="Sígueme en Instragram" target="_blank" >Sígueme</a>
</li>
<li>
<a href="https://www.youtube.com/user/SystemHaker" title="Sígueme en Flickr" rel="nofollow" target="_blank"><img src="http://i722.photobucket.com/albums/ww228/ronlee/youtube-16x16-1.png" alt="Youtube" /></a><p><span>1540</span> suscriptores</p><a href="https://www.youtube.com/user/SystemHaker" rel="nofollow" class="socialbox-button" title="Sígueme en Flickr" target="_blank" >Suscribete</a>
</li>
<li>
<a href="https://plus.google.com/u/0/b/106878330416600510427/+SystemHaker" title="Sígueme en Google+" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrRakNRS6fk9F6MCCDHk03YFVLA4y-S699WpwfQCL_eOQQLTSMCDfJiX4hDIaHbDAyukLrHL57MRoUSGhD5EWDTEMoTr7QW94qnWDTHBo7ZR3HqK0dTtMkiDROA2MziscQC0K1YgZPKSw/s1600/Googleplusmbl.png" alt="Google+" /></a><p><span>37</span> Followers</p><a href="https://plus.google.com/u/0/b/106878330416600510427/+SystemHaker" rel="nofollow" class="socialbox-button" title="Sígueme en Google+" target="_blank" >Seguir</a>
</li>
</ul>
</div>
<!-- End -->
EmoticonEmoticon