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.


13 comentarios

Dryken · agosto 11, 2011 a las 4:57 pm

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 😉

Juvinao · agosto 11, 2011 a las 7:07 pm

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

Toxico.SM · agosto 14, 2011 a las 5:05 pm

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

Juvinao · agosto 14, 2011 a las 8:45 pm

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

Jorge Luis · agosto 15, 2011 a las 2:48 am

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

Juvinao · agosto 15, 2011 a las 8:46 pm

@Jorge Luis Que bueno que los uses,Suerte 😉

Laura · agosto 16, 2011 a las 9:43 pm

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!

Juvinao · agosto 17, 2011 a las 7:07 pm

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

Laura · agosto 18, 2011 a las 9:18 am

@Juvinao Vale, muchisimas gracias 🙂

Asesoriagonval · septiembre 2, 2011 a las 4:29 pm

gracias

Juvinao · septiembre 2, 2011 a las 6:48 pm

Asesoriagonval gracias por comentar

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

Rugarriza · noviembre 29, 2011 a las 9:02 am

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.

Juvinao · noviembre 29, 2011 a las 7:52 pm

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

Saludos! 😀

Responder a Asesoriagonval Cancelar la respuesta

Marcador de posición del avatar

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