guia

Muchas de las opciones de Blogger son de relativa importancia, pero pocas como la división de las entradas, lo que hace esta opción es dividir la entrada en una introducción que se muestra en la portada y el texto en su totalidad en una pagina permanente. Todos hemos tenido esta opción, en algunas ocasiones la utilizamos aunque la mayoría de nosotros no la conocemos, la división de entradas puede ser útil sobre todo para limpiar la portada de material multimedia, ya que dicho contenido entorpece la carga rápida de cualquier blog, entre muchas otras ventajas que podemos considerar.

1. Cómo implementar la opción de división de la entrada

Por lo regular la división de entradas se agrega después de una introducción detallada de la entrada. Cuando se llegue al final del párrafo que queremos incluir en la portada, hacemos clic en el icono que se encuentra en la barra de menú en la forma Redactar, este icono se representa con una hoja rota, nombrado Insertar salto de linea, por lo que aparece una linea horizontal punteada de color gris que divide el texto principal, y el texto que se mostrara por completo en su enlace permanente.

Dentro del código fuente de la Edición de HTML se habrá introducido lo siguiente:

<!-- more -->

Con esto podremos asegurar que a nuestra entrada se le ha incorporado el texto "Mas información" bajo la introducción que hemos agregado en la portada del blog, un enlace que al ser pulsado nos llevara a leer la entrada completa, este enlace se puede editar, mas adelante veremos como hacerlo.

2. Cómo hacer una buena introducción

Las buenas introducciones pueden contener los siguientes puntos:

El resumen que nos dará a conocer de que se tratara la entrada completa.
Una imagen que nos dará una perspectiva mas detallada del contenido, esta se puede incluir a la derecha o bien a la izquierda del texto. Las imagenes mas grandes se pueden dejar para la entrada completa.
Frases atractivas que llamen la atención de nuestros lectores, que apelen a sus conocimientos.
Podría incluir una invitación final para seguir leyendo la entrada en forma total, así como información en forma de enlaces para quien no quiera leer la entrada en tu totalidad.
Se puede incluir todo lo necesario siempre que sea valido, desde mi punto de vista con la imagen e información detallada del contenido dará como resultado una buena introducción.

3. Personalizar el enlace Más información »

Ese enlace que agrega el texto, Más información » se puede editar, además si le asignamos un poco de CSS también se le puede cambiar el aspecto de manera notable.

Primero cambiemos el texto que se agrega por defecto, para cambiar el texto por el que nosotros queramos, entremos a Diseño y hacemos clic en Editar sobre el elemento Entradas del blog. Dentro cambiamos el texto porque el que nos paresca conveniente.

Para darle un mejor aspecto coloquemos algo de codigo CSS en nuetra plantilla, vamos a Plantilla y antes de ]]> peguemos el siguiente código que cambiara el aspecto del enlace.

.jump-link {  
float:right;  /* Posicion */  
background: #33aaff; /* Color de fondo */  
border: 1px solid #999999;  
font-weight: bold;  
padding: 1px 2px;  
}  

.jump-link a {  
color: #FFFFFF; /* Color del texto */  
text-decoration: none;  
font-weight: bold;  
}  

.jump-link:hover {  
background: #2288bb; /* Color de fondo al pasar el cursor */  
border: 1px solid #999999;  
text-decoration:none;  
}

Podemos cambiar los atributos que se muestran en el código, cambiar el color de fondo, o el color del texto, o bien el color que se mostrara al pasar el mouse por el enlace.

El resultado final sera el que se muestra en la siguiente imagen.

Para cambiar el texto que nos muestra por defecto por una imagen cualquiera, debemos sustituir una parte del código principal por el código de la imagen, entremos a Plantilla > Edición HTML > Expandimos los artilugios de la plantilla y buscamos lo siguiente dentro del código.

<data:post.jumpText/>

El texto anterior lo sustituimos por el siguiente.

Aquí cabe recordar que si optamos por agregar una imagen en lugar de texto borremos el código CSS si lo hemos agregado, de esta manera la imagen se visualizara de forma correcta.

Logoroma es sencillamente un gran cortometraje de 16 minutos, podremos ver persecuciones de coches, destrucción de ciudades, y lo mas importante logotipos en una especie de mundo real, todos hacen un gran papel con protagonistas y antagonistas, podremos encontrar entre los principales a el payaso Ronald McDonald, el personaje de Michelin, la mascota de Esso, entra muchas otras.

Según la Wikipedia, el cortometraje llevo 4 años de preparación, donde aparecen 2500 logos y mascotas de distintas compañias, ganador de un Oscar en el año del 2009, que mas se le puede pedir.

Todo se desarrolla en una ciudad donde conviven miles de habitantes en forma de logos, en la primer escena podemos ver a la mariposa de MSN. Dentro de la historia todo se vuelve un caos cuando los dos policías, dos personajes de Michelin van en persecución de un fugitivo, Ronald quien huye por toda la ciudad hasta chocar su camión cerca de una pizzeria, mucha acción por todas partes, pero un temblor lo cambia todo. Una animación que merece la pena observar de principio a fin, sin duda una joya.




Logorama es un cortometraje animado francés de 16 minutos, dirigido por Francois Alaux, Hervé de Crecy y Ludovic Houplain y producido por Autor de Minuit.

Informacion detallada y lista de logos que aparecen en el corto │ Wikipedia

Mega MP3 Splitter es un programa que nos ayudara a cortar nuestros ficheros en mp3, lo mejor de todo es que no necesita instalarse, sin duda esto lo hace una extraordinaria utilidad sobre todo si quieres cortar alguna parte del fichero que no te agrada y necesitas un programa rapido y efectivo.

1. Como usar Mega MP3 Splitter

1. Descargaremos el programa desde el sitio oficial, usa este enlace para acceder a la descarga..

2. Ahora ya que el programa este en nuestro pc, (es importante que el programa este en nuestro escritorio para así poder manejarlo con facilidad), damos doble clic sobre el para ejecutar el programa, como ya habíamos observado antes no necesita ser instalado, es suficiente con abrirlo.

Revisemos una a una las opciones de este programa

A. Open MP3 File: Usaremos esta opción para poder buscar y agregar el mp3 que queramos cortar.
B. Las tijeras: Nos servirán para cortar el archivo, mas adelante explicaremos mejor como usarlas.
C. BreakPoints List: Parte importante, en el se agregaran los tiempos en que el mp3 sera cortado.
D. Controladores: Simples controladores el reproductor por defecto del programa.

Ahora que conocemos las partes importantes del programa comencemos a cortar nuestro mp3

3. Usemoss la opción A, damos clic sobre Open MP3 File, buscamos el mp3 que vamos a cortar y damos clic en Abrir. Dentro de BreakPoints List borramos el numero 0 que trae por defecto, para esto nos posicionamos sobre el, y buscamos el icono de un pequeño tache, Delete the selected breakpoint. y damos clic sobre el para borrar, hacemos lo mismo con el segundo numero que se encuentra bajo el cero.

4. En el paso 3 borramos los dos break points. Con las tijeras cortaremos el mp3, para esto, seleccionamos la opción Drag and seek (en la imagen siguiente se muestra esta opción si aun la desconoces) y buscamos el punto exacto para hacer el primer corte, o sea desde donde queramos que inicie nuestro mp3, si queremos que inicie desde cero no movemos la opción de arrastre.

Yo haré un corte en el minuto uno y 20 segundos selecciono esa parte para ello dare clic sobre las tijeras, y lo mismo para la parte final que sera en el minuto tres con 20 segundos.

5. Al realizar el primer corte, el segundo corte se hace de una manera mas rapida y sencilla, ya que haremos lo mismo que en el paso 4, pero este no sera el inicio pero si el final .

6. Ccuando cortemos el mp3 solo damos clic en Split Mp3 File, esta opción esta en la parte inferior derecha del programa, al hacer clic ahí, el mp3 se guardara en la misma carpeta donde se encuentra el mp3 original pero este con el numero 1 al final. Por ejemplo si el archivo original se llama música, el archivo editado se guardara en la misma carpeta pero con el nombre de musica1.

Un Favicon es simplemente un icono que se puede notar en la mayoría de exploradores de Internet en la barra de direcciones del lado izquierdo de la dirección de la web en la que estamos. Una pequeña prueba acerca de esto, simplemente dirige tu mirada a la dirección de ese blog podrás notar una pequeña imagen junto a la url del sitio, como lo describí anteriormente, ese es un Favicon.

1. Como agregar un Favicon en mi blog

Blogger ha implementando una forma aun mas sencilla que la anterior, la cual era agregar un pequeño código en HTML a la plantilla de nuestro blog, pero con esta nueva función sera relativamente sencillo.

Para agregar el favicon entramos a nuestro Escritorio de Blogger, ahí elegimos el blog al que queramos agregar el favicon, inmediatamente después en el menú que aparece en la parte izquierda de la ventana nos dirigimos a Diseño, dentro de Diseño podremos ver las partes del diseño de nuestra plantilla, el favicon se encuentra a primera vista, si aun no lo identificas se encuentra en la esquina superior izquierda sobre la parte de la cabecera de nuestro blog, cuando sea encontrado vamos a dar clic en Editar.

Tenemos que seleccionar el archivo que se convertirá en nuestro favicon, una imagen de no mas de 100 Kb de peso, además en un futuro tenia que ser una imagen con formato ICO ahora ya no es obligatorio, podemos subir la imagen que sea mientras sea óptima en cuanto a peso y extensión.

Eso es todo al dar Aceptar, la pagina en donde estábamos agregando la imagen se actualizara y podas ver tu nuevo favicon en algunos minutos a un lado de la dirección de tu Blog

Cuando inicie en el mundo de Blogger, para tener un buscador en mi blog tenia que agregar un código externo que creaba esta tarea, pero hoy ya contamos con el gadget Cuadro de búsqueda, el cual en medida de utilidad es de gran relevancia en cualquier blog. El buscador permite agregar opciones independientes que podemos configurar, estas son: búsqueda en tu blog, en la lista de tus blogs y desde Internet.

1. Como agrego este gadget a mi blog

Para agregarlo a nuestro blog vamos a la opción Diseño, agregamos un nuevo gadget, para ello damos clic en el enlace llamado de la misma forma, una gran lista de gadgets populares incluidos a continuación, buscamos el llamado Cuadro de búsqueda y lo agregamos.

Al ser agregado una nueva ventana aparece con algunas casillas que debemos marcar o desmarcar para elegir la edición que mejor convenga, algunas de ellas son las siguientes con una descripcion breve.

Este blog: Todos los resultados que arroja el buscador solo son de la referencia de nuestro blog.
Acceso desde aquí: Busca enlaces en tu entrada para hacer la búsqueda de acuerdo a ellas. 
Internet: Busca en toda la Internet arrogando resultados de cualquier web o blog alojado en Internet.
Lista de blogs y enlaces: Efectúa búsquedas en los sitios que están agregados en nuestras listas.

Al terminar de editar lo anterior, lo ubicamos en la parte donde queramos que se muestre.

2. Cambiando el aspecto de la Caja de búsqueda

Cambiando las propiendas del botón Buscar

Usemos dos códigos, en el primero cambiaremos el color de fondo del botón, así como el color de letra de la palabra Buscar. En este código se pueden cambiar los colores simplemente modificando los códigos hexadecimales de colores, por ejemplo el color de fondo (background) es #000000 que es igual a negro, podemos cambiarlo a #c00000 que nos dará un fondo rojo en el botón. .

input.gsc-search-button {
color: #FFFFFF;
padding: 3px 5px;   
background: #000000;
border: 0px solid #FF8000;
} 

El código siguiente lo usaremos para que al pasar el mouse por el botón de Buscar este cambie de color, el color también puede ser asignado mediante un código hexadecimal de color.

input.gsc-search-button:hover {
background:#FF8000;
}

Cambiando las propiedas de la caja de busqueda

Este código cambiara de forma notable el tamaño de la caja de búsqueda, así como la fuente del texto y por supuesto el color de fondo si modificamos en atributo background:

input.gsc-input {
color: #777777;  
font-size: 11px;  
height: 27px;  
text-shadow: 0 1px 1px rgba(0,0,0,.6);  
background: #FFFFFF;  
}

Cabe resaltar que estos códigos deben ser escritos antes de ]]></b:skin>

El resultado final sera este.

Con algo de ingenio podemos agregar atributos como el radius, una imagen de fondo, y algunas otras cosas interesantes para mejorar este buscador, solo es cuestión de creatividad e iniciativa.

Códigos Hexadecimales mas comunes │ Tabla de colores

Triste historia de un espantapájaros solitario que lo único que quería era compartir un poco de su vida con algún amigo en ese campo de trigo donde el silencio era su única compañía, día y noche lo único que podía hacer era mirar a los pajaros pasar sobre el ignorandolo. Hasta que un día un cuervo enfermo y ciego cayó junto a donde estaba, el espantapajaros cuido de el, pero cuando este se recupero se marcho al saber que quien había salvado su vida era el espantapájaros malvado que siempre los asustaba. El espantapájaros busco a su amo para pedir otro empleo, pero el amo se asusto llamando a todos sus vecinos, persiguieron y acorralaron al espantapájaros en un molino donde fue quemado, aunque el cuervo ciego y sus amigos quisieron salvarlo todo fue inútil, acomplejados por tal acción los cuervos esparcieron las cenizas para que volara junto a ellos, con sus nuevos amigos.

Una gran historia. efectos sonoros sencillamente estupendos, con una mezcla de 2D, 3D, y una narración que te atrapa desde el inicio envolviéndonos en la trama de principio a fin.

No se arrepentirán de los 10 minutos con 12 segundos siguientes, se los garantizo.




Es un corto de Marco Besas, producido por Juan Manuel Díaz y con la narración de Sancho Gracia.