Vamos a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pegamos este código:
<center><textarea rows="3" cols="30" onclick="this.select();"><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></textarea></center>
<center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></center>
El resultado es algo como este:
Este código está programado para que cuando se dé click sobre él se seleccione automáticamente todo el texto, si desean quitar esta función entonces eliminan donde dice: onclick="this.select();"
Cambian los datos en color rojo por los suyos y listo, tendrán un código para que los enlacen con una imagen. El área de texto donde aparecerá el código puede ser modificado, esto según el tamaño que lo quieran, sólo cambian el tamaño de rows (el alto) y el de cols (ancho).
Cambian los datos en color rojo por los suyos y listo, tendrán un código para que los enlacen con una imagen. El área de texto donde aparecerá el código puede ser modificado, esto según el tamaño que lo quieran, sólo cambian el tamaño de rows (el alto) y el de cols (ancho).
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
65 comentarios:
Brother!... te quedo muy bueno el nuevo logo de ciuda blogger!
Felicitaciones.
Hey qué bueno que te guste, muchas gracias. Dediqué la noche de ayer a hacerlo.
=)
pronto implementare esto tambien aunke es problable otra remodelacion del blog la cual ya estoy pensando que hacer....
saludos !!
oye una pregunta fuera del tema...XD me gustaria que me ayudaras a hacer el mismo buscador que le puse a mi pag pero sin que se vea lo de get widget... ya sea que se le pueda quitar eso... que te juro trate mucho y no pude o hacerlo de nuevo de otra forma y no solo copiar el codigo de donde sake el widget... esto es poderlo personalizar igual :
- cambiar el color de fondo del boton buscar
- cambiar la imagen de fondo de el cuadro donde se ingresa la busqueda
- ponerle lo de buscar en la web y en el blog y que sea predeterminado lo del blog (contrario del mio)
- y cambiar el tipo y color y tamaño de la letra del boton buscar y del campo de busqueda....
se podra hacer? o en caso de que no poderle quitar lo de de get widget del mio?
gracias por tus aportes y saludos !!
Hola WeS,
Mándame el código del widget a admin@ciudadblogger.com para ver qué le puedo hacer.
Saludos.
ok lo mandare me avisas si se pudo y si no pues ojala se pueda hacer otro buscador personalizado con el que te comento de otra forma...
saludos y gracias
Hola te quiero hacer una consulta fuera del tema también. ¿Cómo hago para poder colocar códigos html en un post?, asi como los colocas tú. Ya he hecho anteriormente con textarea pero quisiera saber si hay otra manera. Saludos.
Hola Ángel,
Con el textarea funciona muy bien, pero si lo prefieres puedes hacerlo "parseando" el código, esto lo puedes hacer desde un sitio online.
Puedes ver cómo aquí.
Yo lo hago así, y para que resalte lo encierro con <blockquote>Saludos.
Gracias, lo que pasa es que he querido copiar y pegar un codigo de otra web y cuando lo pego se junta todo y se pone bien feo asi que pense que habia otra opción. Saludos
Muchas gracias por el código. Voy a probarlo en mi blog. Feliz día.
Gracias a ti por pasar Anónimo, saludos.
GRACIAS! hacia mucho que queria hacer eso!!
Por nada GeRy,
Saludos!
Hey Potro, qué tal...
Necesitaba hacerte una pregunta con respecto a la imagen que está debajo del código, en este caso la tuya: ¿La imagen está en su tamaño original, o el código lo reduce?
Gracias, un saludo.
Hola Alfonso E.
Ese es el tamaño original de la imagen, también se puede reducir o agrandar desde el código, pero siempre es mejor poner el tamaño original para que no se distorcione.
Saludos.
ES PRECISAMENTE LO QUE BUSCABA, DE NUEVO GRACIAS POTRO, SOLO AQUI HE ENCONTRADO LAS RESPUESTAS...
THANK YOU
OMEGAGIL
SI NECESITAN APRENDER ELECTRONICA Ó REPARAR SU PC, NO DUDEN EN CONSULTARME...
INFOELECTRONICAPLUS.BLOGSPOT.COM
Gracias Antonio, estoy seguro que sí te consultaré varias cosas más adelante.
Saludos.
MUY BUENO!!! Q buena onda tu pagina!! te felicito loco!!!
Oso-Gringo
Hola Oso-Gringo,
Muchas gracias por tus comentarios.
Saludos.
hey man.. gracias x la ayuda
me sirvio de mucho.. te grege en mi blog.. recien creado.. ojala tmb puedas enlazarme.. xD
Hola visitante9,
Qué bueno que te ha servido el código. Por el momento no hago intercambio de enlaces, quizá más adelante.
Mucha suerte y éxito con tu nuevo blog!
Saludos.
listo ya agregue esta funcionalidad a mi blog, esta genial!
Chido brother!
Me alegro que te haya servido.
Saludos hasta Nuevo León!
Hola, estoy mejorando o por lo menos dandole vista personalizada al blog de mi grupo gracias a vos. Lo que quiero hacer ahora es que una de las entradas que hice que contiene todas fotos solo muestre una en la pantalla original y luego cuando se haga click en el titulo te lleve a otr aventana donde se muestren todas las imagenes. Se podra?
Hola Belen y Señales del Alba,
No sé si te he entendido bien, supongo que podrías crear una entrada con la foto que será el enlace a las demás fotos, y ocultar la entrada que contiene todas las fotos para que sólo se vea cuando hagan click sobre la foto.
Saludos.
Hola, Potro. Tengo una consulta, aunque no es exactamente sobre este post, pero tiene que ver con el tema de los enlaces.
En nuestras pantallas para la creación y edición de entradas aparece bajo el título para el post el espacio "Enlace" y luego, más abajo, "Añadir enlace a adjunto". Igualmente, en los posts ya publicados aparece "Crear un enlace".
Es que aún no comprendo muy bien cómo funciona este asunto de asignar estos enlaces y quisiera saber qué debemos poner exactamente en esos espacios. Perdona mi ignorancia y te agradecería si pudieras explicarme.
Gracias de antemano por tu atención.
Hola Vicky,
El espacio de Enlace, es para que escribas la URL de una entrada a la que quieres hacer referencia, por ejemplo, hoy viste en un blog una entada que habla sobre cómo criar aves, y tú quieres escribir un post sobre la crianza de aves y deseas mencionar el post que viste hoy, entonces en ese espacio deberás poner la URL del post de cómo criar aves, para que tus lectores sepan que tu entrada está relacionada con otra entrada de otro blog.
El de abajo de Añadir enlace a adjuntos, es para incluir información adicional en los móbiles, ahí es un poco más complicado de explicar pero de cualquier modo no es útil, al menos no para la mayoría.
Y Crear enlace, sirve para lo mismo que el primero pero esa opción es para que tus lectores hagan con un click lo mismo que tú harías en Enlace, es decir, si alguien lee un post tuyo y desea mencionarlo en su post entonces podrá hacer click en Crear enlace y se adjuntará la URL de tu entrada en su artículo.
Espero haberme explicado porque hasta yo siento que me confundí, jaja.
Saludos.
Hola, Potro. Pues para mí, quedó tan claro como el agua. Ahora sí entiendo. Lo explicaste clarito.
No sé cuál sea tu profesión diaria (además de todo este gran trabajo que realizas aquí), pero te digo que si no laboras como maestro o profesor, deberías hacerlo, porque explicando, eres excelente.
Gracias, de nuevo.
Gracias :D
hola potro
tengo un problemin
tengo el codigo para evitar qe me copien el texto y a la ora de copiar el codigo para qe me enlacen no se puede
se puede acer algo o de plano ya valio chetos xD
Hola Dark Samus,
Supongo que usas el método del script para evitar que te copien ya que presenta ese problema con Mozilla.
Te recomiendo este método que sólo bloquea el área de las entradas dejando la sidebar libre, ahí no tendrías ese problema.
Saludos.
Muchas gracias. ta muy bueno!
Por nada :)
Muchas gracias potro no sabia como hacer eso pero lo encontre eres el mejor.
Por nada. Qué bueno que te ha servido ;)
Me funciono perfecto mil gracias!!!!!!!!!!!! Visitame y opina sobre que me falta
Excelente Laura, me encanta ese juego de letras y colores que haces en tus entradas :D
Saludos!
Hola
Me dedico a escribir en un blog, como di contigo,¿? investigando orientaciones, de tantas que he leído, mis respetos!!!! que excelentes consejos, supongo serás programador ó algo por el estilo , porque en mi caso de la nada he tratado de hacer algo, pero como estos muy muy pocos.
¡Felicidades!
y ¡Mis respetos!
Hola Jose,
Qué gentil eres con tus comentarios. No soy programador ni nada por el estilo, pero mi propio desconocimiento del tema me obligó a aprender y luego a compartir.
¡Saludos y mucho éxito con tu blog!
Hola!quisiera cambiar el codigo de "enlaza mi blog" por un boton con imagen,podrias decirme como hacerlo??
excelente tu blog!!
gracias
c.m
Hola Cocofansclub,
No estoy seguro de haberte entendido bien ¿me podrías dar un ejemplo?
Saludos.
HOLA
si ,lo he visto en el escaparate de rosa tiene su boton de enlace con imagen.
gracias por contestarme!
saludos!
C.M.
Te dejo el enlace donde Rosa explica cómo hacerlo:
http://elescaparatederosa.blogspot.com/2008/03/link-tu-blog-mediante-un-widget.html
Después haré una entrada sobre el tema.
¡Saludos!
gracias!voy a probar!
c.m
MUCHAS GRACIAS POTRO!!ME QUEDO GENIAL ERA LO QUE BUSCABA!
GRACIAS
BESOS
CLAU
Gracias a ti por tu visita :)
Hola otra consulta!veo que tienes en tus entradas un enlace que marca numero y enlace a comentarios una especie de burbuja,podrias decirme como hacerla??
gracias
C.M
Expande los artilugios, busca este código y agrega lo que está en negrita:
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(URL de la imagen) no-repeat;Padding-left:20px;'>
Saludos.
potro en el mismo lugar tengo otra url donde lo ubico o no se puede??quise mostrarte el ejem.pero no me publica los codigos..
Necesitaría ver el código. Visita esta entrada, ahí se explica cómo poner códigos en los comentarios.
Potro,te lo envie en un e-mail
gracias espero tu respuesta!
C.M.
Gracias, ya lo he realizado. Funciona a la perfección.
Fruto Frívolo
Hola Potro,
Fuera del tema de la entrada por favor sabrías decirme como centrar el texto de los títulos de los widgets. Llevo horas obsesionado con esto y no doy con la solución.
Gracias por estar siempre ahí ayudándonos.
Hola Enrique Muley,
Depende de cuál se la plantilla que usas es la forma de arreglarlo. Por lo general es así, busca esta línea en tu plantilla y agrega debajo lo que está en negrita:
h2 {
text-align:center;
Saludos.
Hola Potro.
Como puedo hacer para que el código de mi enlace solo se muestre cuando se de un click sobre la imagen. O como en el caso de Vagabundia que se ve su logo y al hacer click sobre el aparece en forma deslizante debajo el código del enlace?.
Gracias por adelantado.
Un saludo
No sé cómo lo habrá hecho JMiur, tendrías que preguntarle a él.
hola mira intente hacerlo como tu lo explicaste me sale todo pero la imagen no ???? mmm como lo puedo hacer aqui te dejo mi blog!! porfis ayudaa graciasss
pd: me encanto tu blog!
http://dreacorner.blogspot.com/
La URL de la imagen que estás poniendo no te servirá para esto, necesitas subirla a otro alojamiento como Imageshack, Tinypic o Google Sites.
Saludos.
ok!!
gracias por ayudarme ahora me funciono!!!
Hola Potro!
luego de felicitarte por tu blog
quiero saber como hago para que la imagen quede arriba y el codigo debajo?
Sólo corta esta parte del código:
<center><a href="URL de tu blog"><img alt="Nombre de tu blog" src="URL de la imagen"/></a></center>
Y ponla al inicio de todo el código, con eso saldrá arriba.
GRacias Potro!
:)
HOLA POTRO, INICIALMENTE TE FELICITO POR TUS GRANDES APORTES, ME HAN SERVIDO MUCHISIMO, QUISIERA SABER COMO PONER EN MI BLOG ALGO DONDE DIGA "AGRADECIMIENTOS", LOGICAMENTE TE ENLAZARIA, SINO DIME OTRA FORMA DE ENLAZARTE EN MI BLOG. SUERTE.
http://elbarcoperdido.blogspot.com/
HOLA OTRA VEZ YO, COMO HAGO PARA PONER UNA DESCRIPCION DE MI BLOG REFERENTE AL TITULO, GRACIAS.
http://elbarcoperdido.blogspot.com/
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.