Entradas Aleatorias
viernes, 21 de agosto de 2009
De Vacaciones
Muchas gracias a todos por seguirme y espero que nos volvamos a ver después de este pequeño descanso.
con Iconfinder encontraras el icono que buscas
Enlace/web de Icon sets: 186 Icon Sets
Enlace/web del Buscador: Iconfinder
jsAnim: Javascript para crear animaciones utilizando CSS
Nunca pensé que iba a decir esto, me gustan algunos fondos animados, en especial lo que se están empezando a utilizar ahora y con pequeños detalles, un ejemplo excelente que me viene a la cabeza es Vimeo, que reacciona en base a como nos desplazamos dentro del sitio, es un simple detalle pero que me encanta.
El uso de Javascript + CSS hace que estas soluciones sean bastante livianas y que sean bastante distintas a los GIF animados que tanto mal le hicieron al diseño. Buscando un poco de información sobre como realizar estos efectos llego a la librería jsAnim, que utilizando Javascript como plataforma nos da un soporte para que podamos animar cualquier elemento CSS de forma simple.
En la web oficial de esta fantástica librería tienen varios ejemplos de implementación, les recomiendo que si quieren ver esto en mas detalle la visiten, vale la pena y quizás con muy buen gusto se pueda hacer algo
Fuente: librería jsAnim
Enlace/Web: Kabytes
Rotando imágenes con Scriptaculous
[1] Para empezar tenemos que incluir el código necesario para el uso de cualquier efecto con Scriptaculous (como ya vimos en la primera entrada sobre Scriptaculous, este código solo es necesario incluirlo una vez en la plantilla) así que, si ya lo tenemos incluido nos saltamos este paso.
Si es la primera vez que vamos a usar un efecto mediante Scriptaculous, añadimos este código antes de la etiqueta de nuestra plantilla (Edición HTML):
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
[2] Añadimos a continuación el código html para construir el slide y el script para conseguir el efecto, que incluiremos como ya dije antes, en un gadget html o en una entrada.
<div style="height: 200px; text-align: center; width: 10
0%;">
<div class="slide" id="slideshow1">
<div>
<img src="URL_DE_LA_IMAGEN" /></div>
</div>
<div class="slide" id="slideshow2" style="display: none;">
<div>
<img src="URL_DE_LA_IMAGEN" /></div>
</div>
<div class="slide" id="slideshow3" style="display: none;">
<div>
<img src="URL_DE_LA_IMAGEN" /></div>
</div>
</div>
<script type="text/javascript">
start_slideshow(1, 3, 2000);
function start_slideshow(start_frame, end_frame, delay) {
setTimeout(switch_slides(start_frame,start_frame,end_frame, delay), delay);
}
function switch_slides(frame, start_frame, end_frame, delay) {
return (function() {
Effect.Fade('slideshow' + frame);
if (frame == end_frame) { frame = start_frame; } else { frame = frame + 1; }
setTimeout("Effect.Appear('slideshow" + frame + "');", 850);
setTimeout(switch_slides(frame, start_frame, end_frame, delay), delay + 850);
})
}
</script>
Notas y modificaciones:
Lo más apropiado para la correcta visualización del slide, es usar imágenes con la misma medida.
La primera línea del código es la que controla el
height: 200px; La altura del div. Sería apropiado colocar un poco más de lo que midan de alto las imágenes.
text-align: center; El contenedor de las imágenes estará centrado respecto al lugar donde se coloca, por tanto las imágenes del slide también.
width: 100%; Es el ancho del
En el ejemplo he usado 3 imágenes, pero podemos añadir más siempre antes del último
<div class="slide" id="slideshow4" style="display: none;">
<div>
<img src="URL_DE_LA_IMAGEN" /></div>
</div>
Cada vez que añadamos una nueva imagen, tenemos que cambiar la id del código que la muestra, es decir, en el ejemplo la última imagen tiene como id "slideshow3", así que la nueva que añadamos a continuación tendrá que llamarse "slideshow4".
En el script que va debajo del código html, cambiaremos el 3 por el número de imágenes totales que mostraremos en el slide, lo haremos en esta línea:
start_slideshow(1, 3, 2000);
En el código no he añadido enlaces a las imágenes, pero pueden añadirse de la misma forma que hacemos habitualmente:
<a href="Url_del_enlace"><img src="Url_de_la_imagen"/></a>
Gracias a Rosa y siempre su inestimable soporte y ayuda.
Fuente: El Escaparate de Rosa
Como añadir un boton de Retweet en Blogger
Los seguidores habituales del blog habrán escuchado en más de una oportunidad acerca de las ventajas que ofrece Twitter en términos de generar tráfico hacia nuestro blog. Para aquellos que aún no conocen este servicio los invito a leer este post acerca de Que es y como funciona Twitter.
Bueno, ahora si vamos a ver como añadir un botón de Retweet en Blogger. Como dije, este truco ya pueden verlo aplicado en mi blog, y para que se den una idea así es como quedará luego de aplicado:
El servicio es muy fácil de aplicar. Lo primero que debemos hacer es ir a la edición html de nuestra plantilla, expandir artilugios y buscar el siguiente código:
<div class='post-header-line-1'/>
(Aclaración: en la mayoría de las plantillas funciona ese código, pero para quienes no lo encuentren busquen por:
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'NOMBRE_DE_USUARIO_DE_TWITTER';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Opcionalmente podemos hacer que el botón de Retweet se muestre a la izquierda del post, y no a la derecha como lo tengo configurado en este blog. Para ello solo debemos cambiar la palabra "right" que está en la primer linea por "left" (sin las comillas).
Una vez añadido nuestro nombre de usuario de Twitter podemos hacer vista previa para ver si los cambios aplicados salen perfectamente, y de ser así, guardamos los cambios y ya tenemos nuestro botón de Retweet en Blogger.
Ahora ya tienes tu botón de Retweet en Blogger, solo falta que tu y tus seguidores comiencen a dar retweets a los posts que les parecen interesantes. ¿Que esperas para hacerlo?
Fuente: BloggerPLugins.org y Vida Blogger
jueves, 20 de agosto de 2009
Backupurl, crea una caché de cualquier Web
Muchas veces intentamos acceder a un sitio Web que conocemos desde hace tiempo y nos encontramos con la desagradable sorpresa de que ya no existe. Cuando esto sucede podemos intentar acceder a través de la caché que Google guarda de las páginas de Internet, aunque esto no siempre está disponible o podemos encontrarnos con que tenemos el texto pero no podemos ver las imágenes (quizá sea lo que realmente nos interesa).
Para evitar esto podemos optar por guardar la página completa en nuestro disco duro con algún programa que cumpla esta función o optar por utilizar un sitio como Backupurl. Gracias a este sitio podremos guardar una caché de cualquier página que nos interese.
El modo de funcionamiento es realmente sencillo, sólo tenemos que escribir la URL completa de la página que queramos guardar y en unos segundos el sitio nos dará un enlace para que podamos acceder en cualquier momento. Hay que tener en cuenta que Backupurl sólo guarda la página que nosotros especifiquemos con la URL, es decir, si le indicamos que guarde una copia de http://www.limitenet.com sólo nos guardará lo que se encuentre en la portada de este blog, las demás páginas y enlaces no serán seguidos, así que es importante definir bien que URL queremos guardar.
Por otro lado el sitio nos guarda la página completa, imágenes, enlaces, textos, CSS, todo. Lo que desconozco es el tiempo que guarda las páginas ya que no aparece información al respecto en la página de Backupurl.
Enlace/web: Backupurl
Fuente: Limitenet
Como descargar un sitio completo y verlo offline?
No hay limites para el material que se puede guardar. Documentos en html, e-book, imágenes, vídeos, sonidos, etc. Si son demasiados archivos los que bajaste, el programa te lo zipea.
No hace falta que descargues el sitio completo, sino que también podés elegir que tipo de archivos descargar o seleccionar directamente las páginas del sitio que queres que se bajen a tu PC. Ahora podés tener toda la información en cualquier momento y de forma offline, con Webzip.
Enlace/web: Webzip
Fuente: Extremisimo
Como transmitir video en vivo por Internet con Procaster
Si deseas monter tu propio canal de TV online, transmitir tu vida en vivo para que tus fans te vean siempre así como lo hace Chris Pirillo, montar tu propio sistema de vigilancia gratuito o mostrar lo que haces en tu computadora, pues esto lo podrás hacer fácilmente con Procaster que es un software que te permite transmitir video en vivo usando el servicio de Mogulus donde a través de tu canal privado tienes después de registrarte en Mogulus podrás transmitir en video usando tu Webcam o lo que sucede en pantalla como un Screencast pero en vivo.
Las tres caraterísticas principales de Procaster son:
- Posibilidad de transmitir video en vivo además de que los videos se quedan grabados para para poder ser reproducidos en otra ocasión.
- Se puede utilizar cualquier cámara conectada a la computadora y soporta tarjetas de video, Firewire y USB.
- Puedes transmitir la pantalla de tu computadora (Screencast), todo lo que se te ocurra, presentaciones de power point, lo que estás navegando, videojuegos, etc.
Por el momento es compatible solamente con Windows razón la cual no lo pude probar personalmente, pero prometen my pronto una versión para Mac, y para Linux ni dicen nada, pero para ver la transmisión no es necesario Windows ya que el video se ve en formato Flash como los videos de YouTube.
Enlace/web: Procaster
Fuente: WebAdictos y Carlos Leopoldo.
Convertir un sitio web en PDF con “HTML to PDF Converter”
La cantidad de artículos interesantes que podemos encontrar en la red es indirectamente proporcional al tiempo que tenemos de leerlos. Todo el tiempo nos ocurre de toparnos con una nota o artículo que despierta nuestro interés, pero por distintas razones tenemos que hacerlo a un lado y seguir adelante. Guardarlo en favoritos para volver a él en otro momento siempre es una buena opción, aunque otra podría ser guardarlo a un archivo PDF y llevarlo contigo a todas partes.
¿Cómo? se preguntarán; con HTML to PDF Converter, una interesante aplicación online que en muy pocos segundos se encarga de transformar cualquier documento HTML en un archivo PDF listo para ser descargado a tus discos, conservando en todo momento el aspecto original (tanto en textos como imágenes), y hasta los enlaces insertados dentro del sitio.
El proceso no puede ser más sencillo: simplemente ingresas la URL del artículo que quieras descargar (o de cualquier otra página que desees), pulsar el botón “Make PDF”, y en pocos segundos podrás comenzar a descargar el archivo PDF convertido de forma totalmente gratuita, sin marcas de agua, y sin necesidad de registros ni pasos innecesarios.
Una vez descargado el archivo ya podrás enviarlo por e-mail, abrirlo con tu lector predeterminado, imprimirlo, o simplemente archivarlo para cuando tengas un poco más de tiempo para leerlo.
Enlace/web: HTML to PDF Converter
Fuente: MakeUseOf y El Geek
Genera tu propio logo en Twitter
Entonces, tan sólo haz clic en "make" y verás lo que hayas escrito con una tipografía muy similar a la del logotipo de Twitter:
Fuente: Todo Twitter
Guía para ofrecer suscripción por email paso a paso
La suscripción por correo electrónico no ha muerto, por el contrario, mucha gente aun prefiere actualizarse por este medio y dependiendo de la temática el porcentaje puede ser más o menos importante. En esta guía mostraremos desde como activar este servicio hasta crear un formulario personalizado de suscripción paso a paso para Blogger y WordPress.
Leer la guía completa en: Blog and Web.
miércoles, 19 de agosto de 2009
Crea templates Joomla, Wordpress HTML
Artisteer 2.0 es el único programa conocido para crear templates para Joomla, Wordpress, Drupal y HTML sin tener ningún conocimiento.
Las instrucciones para aplicar dicha solución están en el archivo descargado, también esta incluido el programa con la versión que funciona en la actualidad.
Si quieres descargarlo has de ir su blog.
Enlace/web: Todo te Gusta
Crea tu muro estilo Facebook en WordPress
Hoy en día la popularidad de Facebook a llegado a un nivel en que el muro de la red social se ha convertido en un medio de comunicación esencial entre personas. Ahora tienes la oportunidad de tener tu propio “muro” con WP Wall, un plugin con el que los lectores de tu blog podrán dejarte sus impresiones acerca de tu sitio.
El plugin, que se activa como cualquier otro, utiliza las funciones internas de Wordpress, lo que facilita mucho la gestión de los comentarios que se dejan en el “muro”. Así que no tendrás el más mínimo problema con el spam y los trolls, ya que lo gestionaras como los comentarios de tus artículos.
Instalación
- Sube todo los ficheros a la carpeta /wp-content/plugins/.
- Activa el plugin desde el panel de administración.
- Usa la página de opciones para personalizarlo.
- Añade el widget a tu sidebar.
Descargar : Descarga el WP Wall
Enlace : Web del proyecto WP Wall
Fuente: Ayudawordpress y B de Bloggers
martes, 18 de agosto de 2009
Como monitorear hasta 5 sitios web
Como vimos en la imagen anterior, cuando los circulos de los sitios aparecen en verde significa que están online y funcionando perfectamente, cuando están en rojo, significa que están caídos, y cuando estan en amarillo, es por que no se pudo acceder al mismo.
También se puede minimizar la utilidad para webmasters, en la barra del sistema y simplemente dejar que te muestre las estadisticas.
La aplicación no te da la posibilidad de agregar nuevos sitios web, por eso, si quieres agregar mas sitios tendrás que ir a Are My Sites Up e iniciar sesión con tu cuenta.
Se recomienda: Site24×7, para Monitorear Sitios Web
Descargar : Are My Sites Up Desktop Application
Fuente : nirmaltv y Extremisimo
Alternativas a Adsense
Enlace/web: Backlinks y Linklift
Fuente: Tutoriales para Blogspot
4 servicios para guardar enlaces y leerlos más tarde
Tanto si dispones de poco tiempo para conectarte a Internet o si necesitas leer gran cantidad de artículos, puede ser muy útil almacenar sitios para verlos luego con más detenimiento. Entre la importante variedad de herramientas que permiten generar listas de enlaces, seleccionamos cuatro que poseen funcionalidades para todos los gustos:
Read It Later
Es el que soporta más formas de añadir enlaces: Firefox, Internet Explorer, Google Chrome, iPhone/iPod, correo electrónico, Twitter y se puede integrar manualmente a Google Reader, entre otros.
Pros: La apariencia es altamente personalizable. Cuenta con un agregado para Firefox muy completo, que permite leer la lista en un pop-up y suma atajos de teclado para simplificar la tarea. Además, posee una API que ya cuenta con desarrollos para varios dispositivos móviles.
Contras: En caso de querer sincronizar el add-on de Firefox con otros equipos, es necesario obtener el usuario y la contraseña de una forma poco intuitiva. Asímismo, las opciones para leer en línea, offline o sincronizar tienden a confundir o muestran cuadros de diálogo innecesarios.
Laterthis
A diferencia de sus competidores, la apariencia es amigable. Utiliza pestañas para filtrar la información y posee bastante ayuda a lo largo del sitio para no dudar ni un segundo.
Pros: No sólo cuenta con el bookmarklet tradicional, sino que también proporciona uno para agregar comentarios o enlaces y otro para acceder a la cuenta. Sus características distintivas son el motor de búsqueda y los thumbnails de los sitios.
Contras: No recuerda los datos de acceso pese a tener una opción para hacerlo. Si la idea es almacenar y recuperar rápidamente las webs, es un gran obstáculo.
Laterloop
Aunque cuenta con menos opciones que los aplicativos ya analizados, dispone de funcionalidades útiles y llamativas.
Pros: Los marcadores pueden ser organizados a través de casillas de selección múltiple, ideal si se cuenta con una gran cantidad de ellos. Aprovecha la caché de Google para mostrar versiones de sólo texto y permite importar feeds externos.
Contras: Aunque con su Modo avión pueden descargarse 30 links en un archivo .zip para leer offline, no fue posible generarlo, aún cuando se trataba de un sólo ítem. Por otro lado, las extensiones de Firefox son incompatibles con la última versión del browser.
Instapaper
Blanco, negro y algunos botones de color. Con eso es suficiente para un servicio que ni siquiera requiere una dirección de correo electrónico o contraseña para comenzar a utilizarlo.
Pros: Brinda una opción para generar una versión imprimible. También se pueden crear carpetas y sincronizar la lista con Amazon Kindle. La versión Pro para iPhone permite desplazarse por artículos extensos con sólo mover el equipo.
Contras: Tiene problemas intermitentes a la hora de crear las versiones de texto. Asímismo, si bien el bookmarklet es compatible con iPhone, la única forma de instalarlo es por medio de la sincronización con una PC.
Por su variedad de formas para añadir el material, Read It Later es un claro ganador, ya que lo puedes usar prácticamente en todas partes, sobre todo si trabajas constantemente en ordenadores públicos. De todos modos, la interfaz y los filtros de Laterthis hacen que le pise los talones.
En cuanto a LaterLoop e Instapaper, si bien cuentan con menos funciones, son buenas opciones para quienes buscan simplicidad a costa de perder algunas utilidades.
Fuente: Bitelia
11 consejos para proteger el área de administración de WordPress
Recientemente vimos problemas de seguridad en WordPress. específicamente en las versiones de la rama 2.8, en donde cualquier persona con los conocimientos suficientes, puede reiniciar la contraseña de administrador sin aviso previo. Para evitar ese tipo de incidentes en donde la seguridad del blog se ve comprometida, aquí tienes 11 consejos para mejorar la seguridad en el área de administrador de WordPress:
- Crear URLs especiales para loguearte. Así evitas el típico wp-admin y haces más difícil encontrar la página de acceso. Se recomienda usar el plugin llamado Stealth Login
- Elegir un password fuerte; al decir fuerte se refiere a incluir mayúsculas y minúsculas, números y caracteres especiales. No elijas palabras comunes o muy obvias como contraseña o password.
- Limita el número de intentos de logearse. Si un usuario sobrepasa un número de intentos determinado a la hora de iniciar sesión, dicho usuario será bloqueado. Se recomienda usar el plugin Login Lockdown
- Usa páginas seguras bajo SSL. La seguridad que ofrece el protocolo es ideal para manejar el área de administración. Hay que verificar antes con la compañía de hosting, para ver si disponemos con certificados SSL disponibles para usar. Se recomienda usar el plugin Admin SSL
- Proteger el directorio wp-admin con contraseña. Una doble protección no está demás; puedes usar un archivo .htpasswd o un plugin llamado AskApache Password Protect
- Limitar el acceso vía dirección IP: debes crear un archivo .htaccess en el directorio wp-admin con las siguientes instrucciones:
- Nunca uses el nombre de usuario admin. Ese usuario es el que se crea por default pero puede ser blanco de ataques de fuerza bruta. Lo más sensato es cambiar ese nombre por uno no tan obvio.
- Remueve los mensajes de error de la página de inicio de sesión; así eliminas pistas que los hackers pueden aprovechar para intentar descifrar tu contraseña. Para remover los errores, tienes que agregar al archivo functions.php en el directorio de tu theme:
add_filter(’login_errors’,create_function(’$a’, “return null;”));
- Usa contraseñas encriptadas; en el caso de que no cuentes con SSL, este método puede ser útil ya que encripta el password mediante una llave RSA pública. Esto se logra con el plugin Semisecure Login Reimagined
- Antivirus para WordPress: suena raro, pero esta prueba de concepto realmente ayuda a la seguridad, ya que ofrece protección en contra de exploits e inyecciones de spam.
- Actualiza la versión de WordPress a la más reciente; de esta forma obtienes mayor protección al corregir bugs y exploits presentes en versiones anteriores
AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName “WordPress Admin Access Control”
AuthType Basic
order deny,allow
deny from all
# IP permitida
allow from xx.xx.xx.xxx
Crea tantas entradas como sea necesario
Fuente : WP Beginner y Incuba Web y Ayuda Wordpress
lunes, 17 de agosto de 2009
Como conseguir Enlaces a mi blog
Instalarlo fue fácil y rápido, la empresa que esta por detrás del plugin ya ha hecho bastantes componentes para Joomla y saben lo que hacen.
Una vez creada la cuenta de usuario entre en mi panel de administración para crear mis campañas de enlaces. El sistema es bastante completo te deja elegir tus palabras clave como “anchor text”, en que tipo de paginas quieres que aparezcan tus enlaces, puedes elegir el pagerank de las paginas y siempre tienes la posibilidad de rechazar enlaces en paginas que no te gustan.
Enlace/Web: AutomaticBacklinks
Fuente: Lee mi blog
Twitblock detecta spammers entre tus followers de Twitter
Si tengo que mencionar un problema que Twitter no se puede sacar de encima, es el spam. Hay muchísimas cuentas que solo tienen por fin engañar a los usuarios (usualmente con avatares de chicas bonitas) para luego enviarles enlace tras enlace a sitios de dudosa reputación.
Hasta ahora la solución que viene aportando el servicio de microblogging es limpiar periódicamente este tipo de cuentas (lo cual suele redundar en una baja sorpresiva de followers cada tanto). Pero si quieren tener su propio análisis de cuántos de sus seguidores son realmente spammers antes de que Twitter los elimine, el servicio Twitblock es una herramienta que se encarga de esto, basándose en factores como la cantidad de enlaces que envía, la relación entre seguidores y gente que sigue, y el tipo de palabras usadas.
Lo bueno de Twitblock es que accede mediante OAuth, para que podamos bloquearlos directamente desde esa interfaz sin tener que ingresar nuestras credenciales. Por supuesto, si bien hay usuarios que evidentemente son spammers, hay otros que quizás solo sean usuarios muy particulares, así que vale la pena revisar dos veces antes de bloquearlos.
Enlace/Web: Twitblock
Como usar exponsor, ganar dinero con tu blog
para registrarte ingresa a exponsor con el siguiente link:
Exponsor - registrarse
Los pagos se efectúan a comienzos del mes siguiente de haber superado los 35 dolares en tu cuenta si eres de España puedes cobrarlo por medio de cheque si eres de otro país de este bello mundo puedes cobrarlo por intermedio de paypal.
Enlace/Web: Exponsor
Fuente: Tutoriales para Blogspot
Insertar código html en los post de blogger
Para ello vamo a hacer uso de la aplicación SimpleCode, que nos formatea el código para que en el post no se modifique.
Enlace/Web: SimpleCode
Fuente: Breaking the habit y Internet paso a paso
Protege de copia tu WordPress
Promete evitar que se pueda seleccionar texto e incluso hacer clic derecho en tu sitio creado con WordPress solo con instalar y activar el plugin. No hay que configurar nada, a partir de ese momento cumple lo que promete, además de añadir un enlace en el
footer
de tu sitio indicando que el sitio está protegido por el plugin. Eso si, como ya anticipaba, no es una solución definitiva pues el feed RSS sigue estando sin protección de ningún tipo, y además con herramientas de desarrollo como Firebug o el Inspector Web accedes a todo el contenido. Pero bueno, de algo sirve; para evitar que usuarios no avanzados copien el contenido de tu sitio.
Fuente: Ayuda WordPressEnlace/web: WP-CopyRightPro.
Traductor de google para tu blog
Texto del gadget
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=es&w=160&h=60&title=&border=&output=js"></script>
Enlace/web: Google-Gadgets
Fuente: Tutoriales para Blogspot
Diferencia entre etiquetas y categorias
La diferencia es sencilla, la categoría es genérica y la etiqueta especifica, viendolo con un ejemplo la categoria podría ser automovil y las etiquetas podrían ser "0 kilometros" "porche" "deportivo" "convertible" cosas que describan a tu entrada por lo tanto una categoría es superior jerarquicamente a una etiqueta.
Fuente: Tutoriales para Blogspot
viernes, 14 de agosto de 2009
Como numerar los comentarios en Blogger
Luego de aplicar este truco, en tu blog se mostrarán numerados todos los comentarios, algo similar a lo que se puede ver en esta imagen:
Numerar los comentarios en Blogger es muy fácil, ves a la web de "Vida Blogger" e introduce el código que nos da.
Fuente: BloggerPlugins y Vida Blogger
Wordpress: personalizar la cabecera según la categoría
Seguro que más de una vez has pensado en personalizar la cabecera de tu blog, dependiendo de la categoría en la que se encuentre un post en particular. Algo que puede ser muy útil, sobre todo si tienes una sección con mucha importancia para tu blog y además quieres centrar el posicionamiento en una categoría en particular.
Pues pongámonos manos a la obra, que lo que tenemos que hacer es muy sencillo. Usaremos para este ejemplo la categoría “Micategoria” y tu cabecera personalizada en header-micategoria.php, lógicamente usando como base tu header.php por defecto. Para el caso, lo más normal será tener que cambiar la imagen y usar una acorde con la categoría especial.
Ahora solo tienes que sustituir el clásico código por esto:
Si además piensas un poco en las aplicaciones que esto conlleva, imagina hacer lo mismo con los pies de página (footer) o con las barras laterales (sidebar).
Para mostrar footer-myfooter.php solo tendrías que poner esto en cualquier página:
Y para el sidebar-mysidebar.php más de lo mismo:
Después con esto, estrujándote un poco la cabeza puedes hacer autenticas virguerías, personalizando tu blog totalmente y consiguiendo que tus categorías más importantes sobresalgan por encima del resto.
Fuente:Wp Recipes y B de Bloggers
20 plugins / Técnicas jQuery Para diseñadores Web y desarrolladores
Fuente: Code Fusion Lab y DevBlab.net
Captchas originales para usar en Wordpress
El uso de captchas en un blog puede convertirse en una eficaz estrategia antispam; y de hecho, Wordpress tiene sus propios plugins como WP-recaptcha, Si Captcha o YaCaptcha.
A veces los captchas son necesarios para comprobar que eres humano y no un robot, pero pueden ser muy molestos cuando se trata de identificar caracteres borrosos o poco legibles o, peor aun, cuando tienes que volver a llenar un formulario porque te equivocaste al tipear una letra.
En 7 Bloggers, descubrí dos opciones particulares y originales que permiten lidiar con el spam, pero que se muestran de una manera amigable a tus lectores:
1. WP-NotCaptcha: Un método antispam que previene de los comentarios y registros automáticos. La característica esencial de este plugin, es que en vez de ingresar caracteres, tienes que rotar tres imágenes a su posición correcta (vertical). Los dibujos del plugin se ven tan agradables, que te hacen olvidar que estás usando un captcha, y sentir que estás jugando un juego infantil. Puedes probarlo en el blog de su autor, y leer la documentación en el Directorio de
2. AJAX Fancy Captcha: Un plugin jQuery de seguridad media que se basa en seleccionar un determinado elemento, arrastrándolo con el mouse hasta un círculo. Ejemplo: “Para verificar que eres humano, arrastra el corazón hasta el círculo”. También puedes ver un demo en vivo de él en el blog de su autor.
No está demás decir que puedes personalizar ambos plugins, y que es recomendable traducirlos al español.
Finalmente, no estoy del todo de acuerdo con el uso de captchas; pero, cuando hay que usarlos, es mejor tener a mano opciones prácticas que cumplan su función pero que, en vez de causar irritación a los usuarios de tu blog, sirvan de terapia a la captcha-fobia.
Fuente: Chica Blogger
Unir dos feeds o más en una sola
Fuente: Tutoriales para Blogspot
WP.me, el acortador de URLs de WordPress.com
A partir de ahora, cuando publiques un nuevo post puedes obtener la URL corta solo con hacer clic en el nuevo botón junto al del permalink, y tendrás un enlace un 70% más corto, perfecto para Twitter.
Matt afirma que estas URLs serán permanentes, pues nunca cerrarán, así que si te fías de su palabra puedes empezar a usarlos para compartir tus posts de WordPress.com.
Si quieres acortar las URLs en tu WordPress alojado puedes usar uno de estos tres trucos:
Fuente: Ayuda WordpressWP Wall, un muro en tu WordPress
Si quieres habilitar un espacio en tu web en el que los lectores dejen sus impresiones, al estilo del “muro” de Facebook, ahora puedes hacerlo con WP Wall, un plugin que usa las funciones internas de WordPress para que te sea más fácil gestionar los comentarios incluidos.
Y digo esto porque el plugin te permite gestionar los comentarios dejados en el muro como si fueran comentarios, pudiendo marcarlos como spam, sin que requiera datos de acceso a usuarios registrados, etc. Solo tienes que añadir el widget a tu barra lateral, configurar alguna de sus opciones y ya lo tienes.
Puedes probarlo aquí.
Fuente: Ayuda Wordpress
Enlace/web: WP Wall
jueves, 13 de agosto de 2009
“Is My Blog Working” te dice todo acerca de tu blog
Todo aquel que tiene o tuvo alguna vez un blog, se habrá encontrado más de una vez en la situación de tener que estar entrando cada tanto, simplemente para ver que todo funcione correctamente. Existen para esto diversas aplicaciones (web y de escritorio), que lo que suelen hacer simplemente es enviar un ping para comprobar que el sitio “está vivo”, pero en ningún caso te dice en qué condiciones se encuentra.
Is My Blog Working? es un interesantísimo servicio web que intenta ir un poco más allá en la comprobación de nuestro Blog, ofreciéndonos no solo la posibilidad de saber que nuestro sitio efectivamente está en línea, sino además informándonos acerca de diversos aspectos técnicos que nos darán una pauta de su funcionamiento general, su compatibilidad con los buscadores más importantes, y muchas otras cosas más.
Lo único que tienes que hacer es ingresar la URL de tu blog, y esperar unos segundos mientras el sitio recopila toda la información acerca del mismo. Entre algunos de los datos que brinda, te dirá si el servidor donde se hospeda el sitio está activo, si tu feed RSS se encuentra disponible, si está indexado en Google y Bing (y en cuánto resultados aparece en cada uno de ellos), si el archivo robots.txt es correcto, y alguna que otra cosa más.
De forma adicional, te ofrece una lista de datos técnicos como el tiempo que demora en generar una página, el tiempo de respuesta, la velocidad de transferencia, etc.; así como también tres enlaces para que puedas validar el código HTML de tu sitio, validar tu Feed RSS y comprobar las cabeceras HTTP.
Is My Blog Working? no nos dice nada que no nos digan otros servicios similares, pero cuenta con la interesante característica de combinar todos los datos en una sola ventana, algo que siempre resulta bastante más ventajoso que utilizar varias webs para un mismo propósito.
Enlace/Web: Is My Blog Working?
Fuente:Rarst y El Geek
ConveyThis traduce tu sitio o Blog
Lo único que tienes que hacer es pegar el código que te da la pagina de ConveyThis solo te pide es tu dirección de correo electrónico y escoger el tipo de botón que quieres , si ere usuario de Wordpress también hay un Plugin que te facilitara la instalación.
Fuente : techie-buzz y Web Adictos
Enlace/web : ConveyThis
Mostrar URL’s cortas en Blogger
En el blog de "Blog and Web" han hecho un gran Paso a Paso de como poder acortar nuestras URL, para blogger, en el mismo post/entrada tienen el enlace para Wordpress.
Es un artículo muy interesante con su código correspondiente si estáis interesados en acortar vuestras URL´s.
Fuente y artículo completo en: Blog and Web
Going Up!: Un completo sistema de estadísticas para tu sitio web
GoingUp! es un poderoso sistema de estadísticas web con una amigable inferfaz AJAX que tiene el “plus” de integrar una serie de herramientas SEO gratuitas con la finalidad de mejorar el tráfico hacia tu sitio. Ahí es cuando se torna interesante.
Añadiendo el código de seguimiento a tu sitio, obtienes estadísticas completas de tus visitantes: país de procedencia, palabras clave a través de las cuales llegan (referring keywords), navegador que utilizan, y cómo se mueven a través de tu sitio (mediante un heat map), alcance de objetivos (goals), y monitoreo de tus enlaces entrantes. Hasta ahí, nada muy nuevo.
Quizás, lo que hace de GoingUp! un servicio interesante y recomendable, son las herramientas SEO que ofrece en el mismo paquete, y a las cuales obtienes acceso sin necesidad de registrarte. Entre ellas:
- SiteAnalizer: Te entrega un comprehensivo reporte del posicionamiento de tu sitio: diagnóstico SEO (título, descripción, uso de keywords y encabezados y presencia de favicon), validación HTML y CSS según los estándares W3C, datos de tu dominio, backlinks en buscadores y redes sociales, ranking (pagerank, Alexa, autoridad en Technorati).
- SEO Optimizer: Una herramienta que te permite saber qué tan bien está optimizado tu sitio para determinadas keywords o frases, y que te da sugerencias para mejorar en posicionamiento en Google, Yahoo y Bing.
Lo más curioso, es que ofrece un sistema de puntos canjeables por premios y dinero, por solo hecho de utilizar el código de seguimiento PHP. No sé si funcionará pero sí sé que aunque para muchos no logre sustituir a Google Analytics, sí es una buena alternativa para tener en cuenta a la hora de medir los progresos de tu web o blog.
Enlace/web: GoingUp!Fuente: Chica Blogger
Los 10 mejores sitios para crear tu avatar online
La identidad digital lo es todo en internet, pero no siempre una foto es la mejor opción, salvo que seas una figura semi pública o pública.
La mayoría de las veces es mejor crear un avatar que te represente.
Puedes crear tu avatar online sin registrarte y luego descargarlo en los siguientes sitios:
- Crea tu propio superheroe de Marvel
- Face your manga
- Conviértete en un personaje de los Simpsons
- Crea tu personaje de South Park
- Avatar estilo Anime
- Doppel me
- Tu avatar a lo Picasso
- Conviértete en conejo
- Mii, el avatar del Nintendo Wii(escoger opción export)
- Portrait, tu retrato
miércoles, 12 de agosto de 2009
Delicious potencia su buscador y se integra con Twitter
La herramienta de marcadores sociales Delicious estrenó nuevas características. Las mejoras apuntan a ofrecer búsquedas más potentes, mostrar los bookmarks más nuevos, e integrarse con Twitter para compartir los enlaces con mayor facilidad.
La interfaz del buscador cuenta con más opciones para refinar los resultados. Un panel brindará términos adicionales o relacionados, la opción de filtrar por etiquetas rediseñada, y una línea de tiempo que permite elegir los vínculos guardados en las últimas 24 horas, 7 días, 14 días o la totalidad de ellos. Además, si corresponde, se añadirán vídeos de YouTube, imágenes de Flickr y datos locales de Yelp.
Por otro lado, hace su aparición en la página de inicio la pestaña Fresh Bookmarks. En vez de mostrar exclusivamente lo más recomendado, que podría convertir a Delicious en un sitio prácticamente estático, ahora se determinará el orden del material más novedoso y popular, en base a los tweets que hagan referencia a él. Un dato adicional es que interpreta los links cortos para agrupar los que se refieran a la misma URL.
Y así como toma prestada información de Twitter para potenciarse, también lo retroalimenta. Si utilizas la extensión de Firefox o los bookmarklets para publicar tus webs favoritas, ahora también podrás compartirlas por e-mail o en la red de microblogging, todo desde un mismo lugar.
Era hora de hacer cambios, y que estos estén vinculados a integrar los patrones de comportamiento de otros servicios, lo hace más poderoso y preciso. Sobre todo, si apunta a mostrar lo que ocurre en tiempo real, una característica que llegó para quedarse y puede definir quién gana y quién pierde en esta Web 2.0. ¿Tú que opinas de estas modificaciones?
Fuente: Yahoo! Search Blog y Bitelia
Multiplataforma: OpenTumblr, cliente multiplataforma para Tumblr
OpenTumblr es una aplicación de escritorio, libre y multiplataforma (Windows, Linux, Mac) que te permitirá actualizar tu Tumblr sin abrir el navegador. Al contrario que con el resto de alternativas, ¡no está escrita en Adobe AIR! Es bastante completo e incluye casi todas las opciones de escritura de entradas de la web de Tumblr, incluyendo algunas avanzadas.
Las instrucciones para instalarlo en Linux son algo más enrevesadas que las versiones de Windows/Mac por las dependencias, pero en la página de descarga puedes encontrar los comandos para Debian/Ubuntu listos para copiar/pegar. Además se encuentran desarrollando una versión para Windows Mobile disponible en su blog, aunque todavía está algo verde y no es trivial su instalación.
Fuente : OMG! UBUNTU! y Genbeta
Blog oficial : OpenTumblr
Enlace/web : OpenTumblr
Bumpbox, una alternativa a Lightbox con soporte de Flash y PDF
Lightbox es un script para mostrar las imágenes de una web en tamaño ampliado, sin necesidad de abrir ventanas nuevas ni abandonar el sitio, que inspiró varios clones. Uno de ellos es Bumpbox, que permite ver fotos, vídeos en Flash y ficheros PDF.
La integración en el sitio es bastante simple: hay que incorporar el código javascript que se proporciona, añadir clases CSS a los enlaces que utilizarán esta herramienta, y definir una etiqueta para indicar el tamaño. El código interpretará automáticamente cuál es el tipo de fichero que mostrarás, por lo cual no es necesario especificarlo.
Bumpbox es compatible con los navegadores más utilizados y requiere de Mootols 1.2 y Flowplayer (ambos incluídos en el paquete) para funcionar. Una buena alternativa para mostrar los contenidos de una forma más estética y cargar plugins en el navegador sólo cuando el visitante desea hacer uso de ellos.
Enlace/web: Bumpbox
Fuente: Comenta o Muere y Bitelia
martes, 11 de agosto de 2009
Como hacer backups o copias de seguridad en Blogger
Hacer backups o copias de seguridad en Blogger significa hacer un respaldo de todos los posts y comentarios que posee nuestro blog y guardarlos en nuestro ordenador. El motivo es tener respaldada toda esta información por si en algún momento la necesitamos por cualquier motivo que sea, incluso por un error propio o ajeno.
Antes que nada quiero decirles que hacer backups o copias de seguridad en Blogger es muy sencillo, nos toma tan solo algunos segundos y nos puede evitar muchísimos problemas.
Para hacer backups o copias de seguridad en Blogger accedemos al panel y vamos a Configuración > Básico > Exportar Blog.
En la próxima pantalla, Blogger nos avisa que este procedimiento es totalmente seguro, por lo que solo debemos darle click a "Descargar Blog". Ahora comenzará la descarga, la cual demorará unos segundos dependiendo de la cantidad de posts y comentarios que tenga su blog (igualmente no tardará más que unos segundos).
Una vez descargado ya tenemos hecho el backup o copia de seguridad en Blogger disponible para restaurarlo en cualquier ocasión.
Para recuperar los datos a partir de un backup realizado debemos ir Configuración > Básico > Importar Blog. Allí seleccionamos el archivo que hemos descargado anteriormente y automáticamente tendremos todos los posts y comentarios restaurados.
Les recomiendo enfáticamente que hagan o el backup o copia de seguridad mensualmente en sus blog, para así evitar problemas futuros.
Fuente: Dicas Blogger y Vida Blogger
Aprende HTML y CSS mediante ejemplos
Al ingresar a la pagina de HTMLPlayground nos muestra un pequeño demo de cuales son los pasos a seguir para utilizar esta herramienta, la cual es muy intuitiva por cierto.
Elegimos que tipo de referencia queremos ver: Etiquetas XHTML, Atributos XHTML o Propiedades CSS.
Elegimos el item y a la derecha aparece una descripción del mismo, un ejemplo, el cuál se puede editar y cambiar para ver el resultado que produce ese cambio y como último tenemos un cuadro que nos muestra una preview de como se vería en un navegador.
Muy útil para aquellos que están iniciándose en el mundo de HTML y CSS.
Enlace/web: HTMLPlayground
Fuente: Vida Blogger
lunes, 10 de agosto de 2009
El acortador de URLs Tr.im es dado de baja, sus enlaces dejarán de funcionar en 2010
La razón que dan para darse por vencidos con Tr.im es que no son capaces de monetizar el servicio, y que tampoco se justifica seguir trabajano en él a futuro desde que Twitter adoptó a Bit.ly como solución oficial para acortar direcciones. Incluso van más allá y afirman que, según ellos, no hay forma de monetizar los acortadores de URLs en general.
En estos momentos ya no es posible acortar nuevas direcciones usando este servicio, pero los enlaces creados con Tr.im funcionarán correctamente hasta el 31 de diciembre de este año.
Crea GIFs animados gratis y efectos para tu blog con Toolwi
Por ejemplo, cuando subes una imagen, tienes la opción de agregarle texto, sonido y algunos cuantos efectos. Cuando terminas de editar, puedes elegir si quieres crear un gif animado o una animación en Flash. Incluso puedes convertir de Flash a imágenes animadas sin ningún problema.
Si ya estás contento/a con el resultado, entonces verás una página con muchas opciones, en donde puedes ver cómo poner tu animación como firma de Hi5, o de otras redes sociales, incluso puedes crear un Tweet. Recuerda que es un servicio gratis y no necesitas instalar nada más en tu computadora.
Enlace/Web : Toolwi
Fuente : WWWhatsnew y Internetizado
Feederr, para crear banners que muestren tus contenidos por RSS
Los banners son probablemente uno de los medios de difusión más populares dentro de la red, y una importante fuente para atraer nuevos visitantes a tu sitio web. Claro que, con la evolución a una Web 2.0 en constante movimiento, los viejos banners estáticos son ya una historia pasada, en un intento por ofrecer cada día información actualizada de todo lo que sucede en nuestro sitio.
Feederr es una muy sencilla aplicación web que te ayudará a crear tus propios banners dinámicos, mostrando siempre la última entrada de tu feed RSS para que los navegantes encuentren siempre un enlace diferente a tu sitio web, y puedas dar una idea más actualizada de todo lo que sucede en él a tus visitantes potenciales, sin preocuparte por estar actualizando tus banners cada día.
La idea es tan sencilla como copiar y pegar la URL de tu feed RSS y pulsar en “Let’s do it!”. Feederr creará tu banner dinámico automáticamente, y te permitirá escoger de forma manual la configuración de colores que quieras mostrar, dotándote de los códigos correspondientes para que puedas insertarlo en otras webs, publicarlo en un blog, usarlo como firma en foros de debate, o cualquier otra idea que se te venga a la mente.
Lo más interesante del asunto es que la imagen cambiará automáticamente cada vez que actualices tu web, y se actualice en consecuencia tu Feed RSS, por lo que tus banners mostrarán en todo momento la última entrada publicada, sirviendo de imán para atraer cada día a nuevos visitantes a tu sitio.
Enlace/Web: Feederr
Fuente: Wwwhat’s New y El Geek