Crear seccion Linkeame!!!
Categorías: Aprende lo Básico, Barra Lateral, Links/Vínculos, Personaliza Código, Plantillas26. January 2006.17:01
Hola:
La sección Linkeame..., como le llamo yo es para mostrar al visitante del blog un código que permita linkearte desde su página.
Aquí les muestro un ejemplo:
HTML:
-
<!-- Inicio botón link-me -->
-
<a href="http://lorenasaez.blogspot.com" target="_blank">
-
<img src="http://static.flickr.com/38/91438881_18b4e253cb.jpg?v=0" border="0" alt="Repositorio" />
-
</a>
-
<textarea name="cxlinkme" rows="2" cols="8" onclick="this.focus()" onfocus="this.select()">
-
<a href="http://lorenasaez.blogspot.com" target="_blank">
-
<img src="http://static.flickr.com/27/91438885_935d5d856b.jpg?v=0" border="0" alt="Repositorio" />
-
</a>
-
</textarea>
En este caso, el link es a mi página y se acompaña de una imagen.
Espero les guste y a crear su propia imagen para linkearlos.
Si este Post te ayudó recuerda votar por el blog En esta Página
Post Relacionados
Crear un Blog Con Secciones">Crear un Blog Con SeccionesPost Por Hacer">Post Por Hacer
Intercambio de Enlaces entre Blogs y Páginas Web">Intercambio de Enlaces entre Blogs y Páginas Web
Menu en tu blog">Menu en tu blog
Cambiando los LINKS">Cambiando los LINKS
Post al Azar:
Envía este Post


Translate this Blog 








26. January 2006. a las 10:18 pm
Buen dato Lorena, pero tengo una duda…. como puedo crear mi una imagen para mi blog? existe alguna pagina en que se pueda hacer? porque he visto que algunos lo hacen en el paint, y encuentro que es un poco demoroso…
Besos…
27. January 2006. a las 12:45 am
Que way este dato, lo necesitaba hace tiempo pero no daba con la forma de hacerlo.
Conely, hay montón de aplicaciones via web para crear tu nombre o link personalizado.
Yo he usado Flikr Logo Maker en http://flickr.nosv.org/. Guardo la imagen, edito con el photoshop y ajusto el tamaño.. y luego pongo el código de Lorena
Lo puedes ver en mi blog
¡ Saludos !
27. January 2006. a las 1:26 pm
Conely…
Hay una página(de donde yo saque las imágenes) que te puede servir:
http://lorenasaez.blogspot.com/www.maisblog.com
[espero te sirva] Lo demás lo puedes hacer con Adobe Photoshop(yo uso un derivado de este Adobe Image Ready CS2, si te interesa me escribes al mail lorenasaez@gmail o me envias alguna imagen y lo que quieres hacer y yo te puedo ayudar con el diseño)
Neolovix…
Me alegra que te sirviera el dato, visitaré tu blog para ver cómo te quedó.
Cualquier cosa estoy a vuestras ordenes.
27. January 2006. a las 9:15 pm
Lorena, gracias pero no pude entrar en esa direccion…. de todas maneras te mande un mail con mis dudas. Espero puedas ayudarme.
besos…
28. January 2006. a las 4:16 am
Sorry, la direccion correcta es:
http://www.maisblog.com
Saludos!!!
Ah! Y para hacer una simple imagen con tu e-mail visiten:
http://www.nhacks.com/email/index.php
30. January 2006. a las 2:19 am
este blog es muy bueno,aprovechando el espacio,por favor comentenme mis posts que quiero una opinion mas profesional muchas gracias!!!!!!!!!
30. January 2006. a las 10:29 pm
hola muy buena tu pagina.. quiero hacer una consuta ¿en que pagina puedo crear mi propio logo o imagen para despues hacerla hipervinculo?
saludos
31. January 2006. a las 2:01 am
lorena muchas gracias por responderme,(eso habla muy bien de ti)valoro n tu opinion ,pues como puedes haberlo notado no se nada de html y ando media perdida .
Vale por lo que me dijiste y cualquier duda te pregunto.
8. February 2006. a las 1:53 am
Bien, pero qué tengo que cambiar en el código que vos das para que te lleve a mi dirección?
Muchas gracias
8. February 2006. a las 5:04 am
<!– Inicio botón link-me –><br /><a href=”http://lorenasaez.blogspot.com” target=”_blank”><br /><br /><img src=”http://static.flickr.com/38/91438881_18b4e253cb.jpg?v=0” border=”0″ alt=”Repositorio” /><br /></a><br /><br /><textarea name=”cxlinkme” rows=”2″ cols=”8″ onclick=”this.focus()” onfocus=”this.select()”><br /><a href=”http://lorenasaez.blogspot.com” target=”_blank”><br /><br /><img src=”http://static.flickr.com/27/91438885_935d5d856b.jpg?v=0” border=”0″ alt=”Repositorio” /></a>
Fijate en las partes con negrita. Haí va la dirección de tu página.
Las luineas que están con letras cursivas [itálicas], ahí va la dirección de donde está tu imagen.
10. February 2006. a las 1:17 pm
tu no compartirías el código de esta ventanita con cursor?? lo he buscado por todas partes, sólo encuentro cambio de colores…
10. February 2006. a las 1:55 pm
a ke ventanita refieres anónimo.??
11. February 2006. a las 5:07 am
Pegue el codigo en mi plantilla y me borro todo lo escrito. Incluso en el recuadro aparece el resto de mi codigo html de la plantilla a partir de donde pegue este codigo(me dejo entender?). Cambie los links adecuados y puse mis datos y mi foto (yo utilizo photobucket para quien lo necesite saber) pero al pegarlo tal cual saco error. Alguien sabe pq?
18. July 2006. a las 3:11 pm
hola, como estas?? bueno estuve leyendo su blog, y sinceramene no entiendo nada .. mi duda es dodne pegar los codigos se q van dentro de la plantilla pero no se en que parte.. desde donde pegar un codigo para que mi plantilla sea diferente a las demas hasta como pegar el codigo para poder poner una imagen en mi titulo.. esoty sumamente confundido.. y aprendo muy rapido pero esto me esta frustrando .. me podrias ayudar? te dejo mi email: emanuelito_12@hotmail.com
21. July 2006. a las 10:42 pm
Esto va para Dragon y para todos aquellos que intentaron usar el ejemplo en su blog y obviamente no les resultó. La culpa no es precisamente de ustedes…
Este código que dio Lorena tiene un pequeño error, o mejor dicho, una pequeña omisión, lo que provoca que TODO el blog se eche a perder. Para corregir esto, al final del código dado por Lorena agreguen el siguiente tag:
/textarea (pongan /textarea entre signos de menor y mayor)
Esto permitirá cerrar el textarea y hacer que el ejemplo funcione correctamente (ya no tendrán todo el resto del código de la plantilla metido dentro del recuadro de texto).
Notas:
1. Para redimensionar el TEXTAREA pueden cambiar los valores núméricos de los atributos rows y cols. En el ejemplo figuran como “2″ y “8″, pero al aumentar dichos valores aumentará también el tamaño del area de texto.
2. Tal como en el ejemplo que dio el usuario “xr211205″, siguiendo el código reemplacen la dirección de Lorena por la dirección del blog de ustedes, y la dirección de la imagen de Lorena reemplácenla por la dirección en donde ustedes tengan alojada su propia imagen (para guiarse fíjense en los tags “a href” e “img src” respectivamente).
21. July 2006. a las 10:45 pm
gracias por el aviso…voy a editar el post y corregirlo!!!!
21. July 2006. a las 10:53 pm
ya se lo que paso….no era un error. El codigo en el post(lo edite) es correcto, lo que pasa es que como lo que tratamos de hacer es un textarea dentro de otro textarea…Queda el caos…
Por que en realidad al cerrar el textarea de adentro…obviamente cree que estamos cerrando la ventana grande y el otro text no lo despliega…para que pueda desplegarse lo voy a escribir con espacios….ASI QUE PONGAN ATENCION CUANDO COPIEN EL CODIGO, DEBEN ELIMINAR LOS ESPACIOS DEL ULTIMO TEXTAREA QUE APARECE!!!
21. July 2006. a las 10:55 pm
Muchas gracias por el aviso Carlos Es dificil darse cuenta de esos errores..
Gracias, te pasaste!!!
28. October 2006. a las 1:33 am
gracias, hace tiempo que queria ponerlo y no sabia como
17. February 2008. a las 1:33 pm
Gracias!!!! salio perfect