Mil Trucos Blogger

Agregar botones de redes sociales en el blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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:

/* 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:

<ul class="BotonesSociales">
<li><a href="https://plus.google.com/u/0/usuario"><img src="https://lh4.googleusercontent.com/-Jgd9rk6kRYM/TkC3KlKR6YI/AAAAAAAABl0/26vANOtT7LI/google_plus.png" /> <span>Agrégame en tus círculos</span></a></li>
<li><a href="http://www.facebook.com/usuario"><img src="https://lh3.googleusercontent.com/-cEItxWOllgk/TkC3K99nKrI/AAAAAAAABl8/vS3V49UFD2o/facebook.png" /> <span>Hazte fan en Facebook</span></a></li>
<li><a href="http://twitter.com/usuario"><img src="https://lh3.googleusercontent.com/-jchNp-BEnME/TkC3Kxs3yuI/AAAAAAAABl4/c2Z8_KkFWTs/twitter.png" /> <span>Sígueme en Twitter</span></a></li>
</ul>

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

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. agosto 11, 2011    

    que coraje macho, me has comentado lo del espacio para banner pero resulta que el que a mi me queda lo tengo reservado…si me hubiese avisado antes, pero sin problemas, en cuanto haga mas cajones para banners te aviso.

    Saludos compañero 😉

  2. agosto 11, 2011    

    @Dryken ok estare al tanto de tu blog,saludos 🙂

  3. agosto 14, 2011    

    lo boy a agregar cuando vuelva a retomar mi blog, en unos dias, espero haya mas trucos excelentess, saludos desde emxico, mi bro

  4. agosto 14, 2011    

    @Toxico.SM amigo agregalos te encantara,Saludos con tu blog =))

  5. agosto 15, 2011    

    Buenisiiiimo Compa jeje =)) ya lo coloque en mi radio.

  6. agosto 15, 2011    

    @Jorge Luis Que bueno que los uses,Suerte 😉

  7. agosto 16, 2011    

    Hola! (lo siento preguntarte en esta entrada, que no tiene nada que ver con mi duda)
    El otro dia dí con un blog, y me encontré con un header muy original.
    Este rotaba con imagenes cada “x” tiempo, el blog es este –> “http://justinbieber.es/”.
    Me encantaria ponerlo en mi blog, ya he encontrado una entrada donde explica como colocarlo pero cuando tengo que abrir el archivo javascript para coger la URL, me sale error.
    Dejo el link del blog donde lo explica por si me puedes ayudar y solucionar ese problema –>
    “http://elescaparatederosa.blogspot.com/2009/01/rotando-imagenes-en-la-cabecera.html”
    Muchisimas gracias!

  8. agosto 17, 2011    

    @Laura el truco que tu mencionas es un Slider muy bueno cuando pueda te hago un tutorial paso a paso ok 🙂

  9. agosto 18, 2011    

    @Juvinao Vale, muchisimas gracias 🙂

  10. septiembre 2, 2011    

    gracias

  11. septiembre 2, 2011    

    Asesoriagonval gracias por comentar

    Laura que pena he tenido muchas ocupaciones pero no me he olvidado de tu tutorial..

  12. noviembre 29, 2011    

    Hola!
    Disculpa mi ignorancia, pero no se como debo incluir estos códigos en el html de mi blog. Estoy usando la nueva versión de blogger y está algo limitada. Si me pueden ayudar lo agradecería.
    saludos.

  13. noviembre 29, 2011    

    Rugarriza en el nuevo editor de Blogger ve a Plantilla,Edicion de HTML y alli deberas agregar los codigos.

    Saludos! 😀

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo