Truco WordPress: Agregar un Cuadro de Texto con un Código para enlazarte
En estos días en los que esperamos el Google Dance de manera fervorosa, decidí, y guiado por algunos blogs que ya lo usan, a crear un pequeño cuadro de texto que nos permita darle a nuestros lectores la posibilidad de Copiar directamente el Código HTML necesario para que sea más fácil enlazarnos, de manera que se adapte a nuestro blog y muestre el código necesario en las Entradas.
Me refiero al cuadro que ya hemos Implementado en MarlexSystems, y gracias a la Ayuda de un gran amigo del Mundo Real, lo conseguimos.
Crearlo es muy fácil, simplemente debemos agregar un cuadro de texto, con el siguiente código:
Código para Enlazar: <input type="text" size="70" onfocus="this.select()" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px" value="<a href="<?php echo get_permalink() ?>"><?php the_title(); ?></a>">
Esto nos creará un cuadro que nos permitirá, con sólo pasar el mouse por encima, seleccionar el código HTML necesario para poder enlazarnos. Veamos el código parte por parte:
- onfocus=”this.select()”: Nos permitirá seleccionar el texto con sólo poner el mouse sobre el cuadro de Texto que hemos creado.
- style=”font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px”: Nos permitirá personalizar el diseño del Texto dentro del cuadro, en mi Caso, con la Familia de las Verdada, y un tamaño de 10 píxeles, “a doc” con el Diseño del Blog.
- value=”<a href=”<?php echo get_permalink() ?>”><?php the_title(); ?></a>”: Esto nos creará el Código necesario para poder enlazar mediante un Código HTML, es decir, nos hará el Enlace tipo <a href=”http://www.marlexsystems.org”>MarlexSystems</a> agregando como Anchor, el Título del Post, ideal para Posicionamiento.
- size=”70″: Se refiere al ancho que tendrá nuestro Cuadro de Texto que mostrará el Enlace.
Podemos obtener diferentes formas de acuerdo a lo que buscamos, quizás nuestros lectores no necesitan el código completo en HTML porque usan el Editor Visual de WordPress, en ese caso, podemos darles sólo la URL para enlazarnos, que resultaría en cambiar el valor de “value” por <?php echo get_permalink() ?> que nos agregará automáticamente el permalink de nuestra entrada. El código a usar sería algo así:
Código para Enlazar: <input type="text" size="70" onfocus="this.select()" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px" value="<?php echo get_permalink() ?>">
Pueden ir variando los Valores para obtener diferentes resultados, así tambien, a algunos les puede parecer muy intrusivo el hecho de que el texto se seleccione de manera automática, por lo que si lo desean desactivar, simplemente remuevan onfocus=”this.select()” del Código resultante y ya.
El resultado lo pueden ver en MarlexSystems donde ya lo hemos implementado, a ver si animamos a enlazarnos! Y recuerden que cada vez que enlacen a MarlexSystems obtendrán un enlace de regreso 
Tags:
- Consejos para Mejorar el Posicionamiento de tu Blog
- Tip WordPress: Cambiar el Texto que aparece en el Botón de Feedburner
- El Blog escrito en Código Morse
- Truco para nunca perder en el Buscaminas
- Rapidshare cambia su CAPTCHA para mayor seguridad
- Probando WordPress 2.3 “Dexter”
- Protégete del Contenido Duplicado de las páginas que te copian usando WordPress
- Plugins para mejorar los Feeds de nuestro WordPress
Por favor, asegúrate de no escribir Comentarios difamatorios, racistas o similares. Haz un comentario acorde a la Temática y que colabore en la Discusión.
Los comentarios que contengan enlaces de referidos, mensajes engañosos o datos personales serán eliminados y el acceso de la persona que los redactó será cerrado a poder publicar nuevos comentarios.
Este Sitio muestra pequeñas imágenes al lado de Cada comentarista mediante el Servicio Gravatar. Regístrate en este Servicio para mostrar la tuya!
Reglas, historia y consejos de ruleta para jugar en los casinos en internet
19 de Agosto del 2007 a las 3:48 PM
ahh, que bueno, funcionan perfectamente los dos, ya lo implemente en mi blog y se ven bien…
Saludos.!
20 de Agosto del 2007 a las 2:13 PM
que desgracia
, si tan solo lo hubiera sabido hace algunas semanas atrás 
10 de Diciembre del 2007 a las 1:01 PM
Mi consulta es bien simple y a la ves les solicito cooperación en lo siguiente….en mi blog quiero insertar un cuadro similar al que use para escribir este mensaje……de ante mano gracias
20 de Mayo del 2008 a las 10:04 PM
hola chikos me a interesado mucho su post pero kiero saber como puedo dejar asi los post como los de ustedes y o asi como los de mi blog porfa si pueden responder … le agradecerias muchos ….. mi correo es m3ll0×77@gmail.com de antemano muchas gracias
13 de Junio del 2008 a las 12:20 PM
muy bueno el dato.