BOTONES DE REDES SOCIALES EN TU BLOG DE BLOGGER

by Blogs Famag - noviembre 10, 2020

BOTONES DE REDES SOCIALES EN TU BLOG DE BLOGGER.

Aprovechando el auge que están teniendo las redes sociales hoy en el mundo del Internet vengo con un truco de El Potro el cual consta de una preciosa caja de suscripción con los servicios de Google +, Facebook, y Twitter.

Para agregar estos botones vamos a DIseño,Edicion HTML,Expandir plantillas de artilugio y antes de ]]></b:skin> agrega lo siguiente:

Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:

1 Un clic en “Plantilla”

2 Un clic en “Editar HTML”

Ahora se te abrirá el Editor HTML de tu plantilla

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,

debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,

3 Busca el siguiente código

]></b:skin>

Cuando lo hayas Encontrado el código deberás insertar las siguientes líneas de código justo arriba del código que encontraste

/* Botones de Redes Sociales

----------------------------------------------- */

.BotonesSociales li {

border:1px solid #6E6E6E !important; /* Color del borde */

padding:5px !important;

margin:0 5px 6px 5px;

background:#ccc; /* Color de fondo */

list-style:none;

}

.BotonesSociales li a {

font-weight:bold; /* Texto en negrita */

text-decoration:none;

color:#1C1C1C !important; /* Color del texto */

}

.BotonesSociales li a:hover {

color:#2E9AFE !important; /* Color del texto al pasar el cursor */

position:relative;

top:1px;

left:1px;

}

.BotonesSociales span {

padding-left:10px;

}

.BotonesSociales img {

vertical-align:middle;

border:0;

}

Ahora entra en Diseño ,Elementos de la página ,Añadir un gadget ,HTML/Javascript, y ahí pega esto:

<li><a href="https://plus.google.com/u/0/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19bqpLtN94DuUR1D0mPG6cFrJeVXDkfOaWnOHYZ4CDp4AqH8kjVg_6movSZK5AtwtdMdeH4leVkmg6HWaaFbTv54pMraDAMtrzS9oftYsu0gCiASSOG5enOkGUgqvlEa-ZjStZaDaOHg/" /> Agrégame en tus círculos</a></li>

<li><a href="http://www.facebook.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOFwt033yMI-fxj81ebaJ7qTPHLNOkxpLv0CvK4E5GHVvYbNACREqbcXyC-hchj71ITDyOyyLfp4Rrj5GDBenp5lzKIXazEDKNAIa2BYaSL9QW_ZJBag1Rl6uNDH33a6ZNrBya8GnChg/" /> Hazte fan en Facebook</a></li>

<li><a href="http://twitter.com/usuario"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZPWuPR_aGsPs9NkWN9GQ29jdrJS1MbQVj0pHDJn0qYnYeEcHbpXZE9xB_ysAYgYuB5iy6T31vQx1wpPpkwSHBVCNHkoJB3BCh6ByHdiaiALEgY_wx9HRQbu35QXLN7RtYssrvwCDdUeE/" /> Sígueme en Twitter</a></li>

</ul>

Ahora solo cambia los nombres de usuario que estan en rojo y listo.