jueves 8 de noviembre de 2007

Atajos de teclado para wordpress

No sé si esta opción está disponible desde siempre o no. En mi caso me acabo de enterar. Para los que escribís muy muy asiduamente posiblemente os ayude un poco:

Alt+Shift P - publish the Post
Alt+Shift B - bold text
Alt+Shift I - italic text
Alt+Shift Q - Blockquote
Alt+Shift T - insert More tag
Alt+Shift U - Unordered list
Alt+Shift O - Ordered list
Alt+Shift L - list item
Alt+Shift A - link
Alt+Shift C - insert the code box
Alt+Shift S - ins
Alt+Shift D - del

Fuente

miércoles 7 de noviembre de 2007

Javascripts para tu web o blog

Toda las librerías JS para dar un efecto 2.0 a tus páginas web, fáciles de implementar.

Greybox: La muerte de los pop ups, y la bienvenida al pop-up 2.0, todo en la misma ventana sin perder nunca la navegación. Además nos sirve para mostrar imágenes a pantalla completa, una maravilla!

Prototype Window: Crea ventanas tipo windows dentro de tu navegador con una facilidad increíble y funcionando perfecto con muchísima fluidez!

curvyCorners es una librería hecha en Javascript con el cual podemos darle bordes redondeados a cualquier div de nuestro HTML. Se puede personalizar el tamaño de los border e incluso asignarle anti-alias.

Efectos sobre imágenes: con estas librerías añadirás efectos de todo tipo a tus imágenes como reflejos, bordes,esquinas redondeadas…una virguería D

Light Box 2: Mostrar imágenes a pantalla completa nunca fue tan fácil! totalmente customizable :D, una maravilla oigaa

fValidator es una librería que nos permite hacer validaciones en campos de formulario sin tener que añadir eventos a los mismos o capas vacías para mostrar los errores. Simplemente se lo indicamos mediante una clase tipo css.

JsCalendar sin duda, el mejor calendario para una web…he probado de todo tipo, este es rápido fácil de usar, totalmente customizable, por css, en todos los idiomas…multitud de opciones….a que esperas!!

FrameWorks:

Simple JS: Para mí la mejor librería de Ajax que existe, súper ligera, cross-browser, súper fácil de usar, y con efectos muy conseguidos y preciosos, indispensable para mí.

MooTools es un Framework, compacto modular, orientado a objetos, diseñado para el programador medio-avanzado, que nos proporciona una herramienta potente flexible, y cross-browser. Bien docuemtnado y con api. No lo uso pero es muy famoso.

Script.aculo.us son unas librerías JavaScript que nos proporciona una herramienta fácil de usar, cross-browser, para hacer páginas webs al momento.

Fuente: http://politolia.wordpress.com

Plugins Recomendados Para WordPress

Les presento una lista de plugins recomendados para utilizar en WordPress, son los que yo utilizo aquí en mi blog y me han dado excelentes resultados. Sé que hay muchos más e incluso mejores, pero lamentablemente aún no he tenido tiempo de probarlos.

Sidebar Widget

Permite modificar la sidebar sin tener que editar los archivos php. Lo único que hay que hacer es arrastrar y soltar los elementos que queramos en la sidebar, aplicar los cambios y listo! Personalización de manera sencilla.

Importante: para utilizarlo, el theme debe ser compatible con widgets.

Counterize II

Es un plugin que muestra estadísticas sobre nuestros visitantes, tales como desde dónde vienen, que páginas visitan, la hora y fecha, total de visitas únicas y total de hits entre otras.

La información es presentada mediante gráficos y tablas.

FeedBurner FeedSmith

Plugin que direcciona el total del tráfico rss a través de FeedBurner, lo que significa información exacta sobre las lecturas.

Google Sitemap

Genera un mapa del sitio compatible con Google, Yahoo y MSN Search para facilitar la indexación por parte de los buscadores y hacerla más rápida. El mapa se actualiza cada vez que agregamos un nuevo post.

Link To Me Textbox

Obtén enlaces hacia tu post! Este plugin agrega al final de cada post (como se puede ver abajo) un mensaje invitando al lector a agregar un enlace en su sitio facilitándole la tarea, ya que entrega el código listo para copiar y pegarlo. :twisted:

WP-Caché

Hace tu sitio más rápido permitiendo servir una mayor cantidad de páginas por segundo disminuyendo la carga para el servidor ya que almacena las páginas en un archivo para evitar cargarlas, compilarlas y mostrarlas cada vez que se produce una petición.

WP-Grins

Permite agregar smilies en tu post con sólo un click.

Recent Comments

Presenta una lista de comentarios recientes, lo que puede incrementar las vistas al blog. Este plugin viene instalado en WordPress. Lo pueden ver en acción al final de la página.

Actualización:

Viper´s Video Quicktag

Añade fácilmente videos de YouTube y GoogleVideo entre otros, a tu Blog en WordPress.

Ultimate Tag Warrior

Es un plugin que permite añadir tags (etiquetas) a los posts en la misma página de escritura en una caja de tags donde se añaden escribiéndolos. También se puede obtener sugerencias utilizando el servicio de yahoo para tags recomendados.

Compártelo

(Traducción de share this) Ícono social para que tus lectores puedan compartir tus contenidos en meneame.net, barrapunto, del.icio.us, etc. Lo pueden ver al final de cada post.

FUENTE: http://bloggingformoney.awardspace.com/plugins-recomendados-para-wordpress

Como incluir una Radio Online en el Blog

¿Cómo incluir una Radio Online en el Blog? -74-

Si deseas que tu radio favorita suene en tu blog, lo podrás hacer utilizando un simple código que a continuación te proporcionare:

1. Necesitamos obtener la URL de la radio, es decir su dirección por donde transmite su señal. Generalmente se puede obtener desde el mismo reproductor que la emisora tiene en su página web, entonces tendrás que escuchar la radio, para luego poner el mouse sobre el reproductor, después presionar el botón derecho, el cual se abrirá una ventana y clic en Propiedades, es ahí en donde veras la URL por la cual transmite su música.

2. Pegar el siguiente código en donde quieras, sea en la Sidebar o en la Columna principal:


* En donde dice la URL de la radio online, pones la dirección de la emisora.

Nota: Por ejemplo, puedes poner el mouse sobre el reproductor, luego seguir los pasos anteriormente mencionados y verás que la dirección por donde se transmite la radio que estás escuchando es: http://69.72.187.145:13000

Fuente: ayudaparaelblog.blogspot.com

lunes 5 de noviembre de 2007

Formatos de texto

TITULOS

Si queremos que nuestra pagina web de un aspecto presentable y ordenada, utilizando titulos es una buena manera de conseguirlo. Los titulos estan clasificandos segun su importancia, de esta manera el

sera el mas importante de todos, el

menos importante, el

menos importante, etc...

Veamos los distintos tipos de titulos:

EJEMPLO

ESTILO

Los tres estilos que mas se utilizan son: Subrayado, Negrita y Cursiva. Pero existen unos cuantos esilos más. Vamos a empezar por los tres primeros.

Estas son las etiquetas que debemos utilizar para estos estilos:

Subrayado
Negrita
Cursiva

Existen varios estilos mas, que pasamos a explicar ahora:

Strike
Strong
25 Sup
25 Sub
Big
Small
TT
Blink

Para ver un ejemplo de todos estos estilos, pinchar en el siguiente enlace:

EJEMPLO

FONT

Font es una etiqueta que se utiliza para modificar y ajustar la fuente de un tipo de letra. En ella, podemos elegir el tipo de letra, tamaño y color. Para definir la etiqueta font se hace de la siguiente manera:

Texto que queramos

Con la opcion size, lo que modificamos es el tamaño de la letra. Con la opcion face, modificamos el tipo de letra y con color modificamos el color de dicha letra. Por ultimo, y como con casi todas las etiquetas, hay que cerrarla utilizando el .

Aqui tenemos varios ejemplos de la funcion que hace la etiqueta font:

EJEMPLO

PARRAFOS

Hay varias maneras de diferenciar parrafos, aqui vamos a ver dos distintas. La primera de ellas es con la etiqueta

. Con esta etiqueta, cuando queramos introducir un parrafo en nuestra pagina lo unico que tenemos que hacer es escribir todo ese parrafo dentro de esta etiqueta, de la siguiente manera:

Parrafo

Como en casi todas las etiquetas, aqui tambien se puede aportar informacion extra que nos va a servir para darle formato al texto. Por ejemplo, podemos indicarle donde queremos que nos alinee el texto. Si lo queremos alineado a la izquierda, la instruccion seria la siguiente:

Parrafo

En cambio, si queremos que lo alinee al centro, la instruccion variará:

Parrafo

Para alinearlo a la izquierda es mas de lo mismo, simplemente cambiando el "center" por "right". La otra forma de diferenciar parrafos es con la etiqueta
. Esta etiqueta es muy particular, puesto que no necesita cerrarse y su unica funcion es la de hacer saltos de linea. Para hacer un salto de linea con
, hay que colocar esta instruccion al final de la frase que se supone que va a ser la ultima de ese parrafo:

Parrafo

En el ejemplo seguro que lo vemos mejor:

EJEMPLO

MARQUESINAS

Podemos crear distintos tipos de marquesinas, de ello depende la velocidad a la que ande el texto, la direccion, el tamaño, etc... La estructura basica para crear una marquesina es la siguiente:

Texto

Con esa instruccion crearemos una marquesina muy simple, a una velocidad normal y de derecha a izquierda. Estos atributos los podemos modificar. Asi, para crear una marquesina que vaya de izquierda a derecha y a una velocidad mas rapido, la instruccion variará:

Texto hacia la derecha

Tambien podemos variar la forma de rodar el texto por la marquesina, asignandole saltos, rebotes, etc... Para que el texto salte dentro de la marquesina, escribiriamos lo siguiente:

Este texto irá a saltos

Para que el texto rebote al llegar al final de la pantalla, la instruccion seria la siguiente:

Texto que rebota al final de la pantalla

Ahora, veamos algunos ejemplos graficos de las marquesinas:


FUENTE: http://manual-html.webcindario.com/

domingo 4 de noviembre de 2007

Crear un Logo o Banner

Una vez más los remito a Gem@ para un interesante post. Esta vez se trata de hacer una cabecera , logo o banner para sus sitios.

Ella me ayudó a mí en este tema, a que me decidiera a hacerlo, y he quedado muy contenta. Claro que yo ni sabía que lo llamaban "LOGO" ;)

Los de mis sitios Alemama fueron hechos con Word, insertando imágenes y recuadros de texto.
Cuando los teníamos hechos con la ayuda de mi hija Tere, que es experta en ese programa por necesidad de hacer cosas para sus hobbies y estudios, los copié y arreglé en mi procesador de imágenes; hicimos varios hasta dar con los que me interpretaran, que pueden no ser los definitivos ( jojojo, ¡me conozco!) y luego de probar como dice Gema _cosa MUY importante, pues si no le das las medidas exactas se deforman_ los hice como dice, pero sin poner el "height", pongo sólo el "width" (ancho) pues Blogger ha sido tan gentil que hace solito el resto :)

Puedes usar Picasa de Google también. Tiene recursos interesantes y los he usado para hacer banners para otros amigos. En fin, Gema tiene razón en que el logo es la presentación de nuestra casa, y todos queremos dar buena impresión.

Fuente: http://ayuda-blogs.blogspot.com/

Si me gusta un efecto de un blog, ¿qué hago?

A veces nos gusta un efecto especial de un blog. Pongo por ejemplo un reloj, un contador, ese gif animado en que se patea a Explorer por amar a Firefox que tengo en mi sidebar....¡pueden ser tantas cosas!

Si deseas saber los secretos que encierra, nada más márcalo con el botón izquierdo y pincha "ver código fuente seleccionado". Eso en Firefox, que es el navegador que uso. Te mostrará el efecto en el código fuente de la página y ya puedes editar a tu gusto.

Si es una página generosa como la de Gem@, además estará marcado dónde colocar el asunto elegido.

Blogs Recomendados!

soyunblog@hotmail.com

Ultimos Post