Informática fácil, manuales y tutoriales paso a paso, wallpapers, Wordpress, promoción, blogs ......... y algunas cosas más en VinagreAsesino.com

¿Cómo crear un banner?

............................................................................................................................
Comentarios (1) | Publicado el 23 - 09 - 2009

Cuando se tiene una página web y se desea darle una apariencia atractiva puede recurrir a los banners. Estos pueden ser empleados de distintas maneras pero lo mejor es que existen variedad de programas que permiten crearlos con infinidad de posibilidades según los gustos del usuario. Por internet pueden descubrirse a estos programas que no hacen más que facilitar y ampliar la el interés de los aficionados al mundo de la creación.

banner ¿Cómo crear un banner?

Un banner es un gráfico el cual comúnmente es de formato GIF o JPG. Además, puede ser de aproximadamente 400 x 40 pixeles. Con estas características es uno de los mejores recursos para colocarlos como encabezado en una página web.

Banner Maker Pro es una completa herramienta de diseño en la cual se pueden realizar banners con la posibilidad de guardar en formatos tan comunes como GIF y JPG. En minutos el usuario se sentirá identificado con este programa pues sus herramientas son de fácil uso. Entre sus características destacan que tiene opciones para modificar los gráficos, en tener imágenes de fondo, imágenes predefinidas, herramientas en 3D, para la graduación del color, etc.

En My Banner Maker se crean banners publicitarios pero de manera sencilla, rápida y a la vez, práctica. Este programa online configura la creación según el destino que tenga el banner. Si su destino es un blog entonces lo configura para tal. Sus opciones a elegir son con respecto al tamaño del banner, subir imágenes, crear gradientes de fondos, textos, efectos, y mucho más.

QuickBanner, realiza creaciones gratuitas online de banners de distintos tamaños y de variedad temática; etc.


Etiquetas: , , ,



Ibasque un blog desde el País Vasco

............................................................................................................................
Comentarios (2) | Publicado el 12 - 07 - 2008

Hoy le toca análisis SIN al blog de Juan, Ibasque.com y en breve los análisis SIN estarán terminados (solo quedan cuatro más).

Ibasque.com

Este es un blog personal con contenido relacionado con el País Vasco. Tiene artículos intimistas como “Viva la locura para siempre” y artículos de denuncia como “Predica con el ejemplo sexista” con el que “da una guantá sin manos” a los que se cuelgan flores de apoyo contra la violencia de género pero que después en lo importante no predican con el ejemplo, buen artículo.

Como todos los blogs en los que abundan los contenidos personales su contenido te gustará más o menos según te guste o no el estilo de su autor y su forma de transmitir las cosas. Por eso lo mejor será que y decidas tu mismo.

Dejando a un lado el contenido, el diseño del blog es otra historia. En general no me gusta pues está sobrecargado. El sidebar (la barra derecha) está llega de Widgets que poco o nada aportan al contenido del blog. Después la elección de colores en el lateral no creo que sea la óptima, naranja sobre marrón no es una combinación común y al menos a mi no me gusta.

La cabecera tiene demasiados enlaces y lo que es peor, se repiten casi todos en el pie del blog sobrecargando innecesariamente la estructura de la página (sin contar con los del sidebar). Creo que debería plantearse hacer algunos arreglos a este respecto si quiere mejorar de cara al posicionamiento y para que el visitante se lleve una impresión más clara del sitio.

Por último y lo peor de todo un molesto banner publicitario que se abre cuando visitas el sitio. A día de hoy este tipo de banner solo se lo permiten sitios de descargas, casinos y sitios para adultos, pues el efecto que produce en los visitantes es muy negativo y deja una mala impresión sobre el sitio nada más llegar.

Bueno creo que arreglando un poco el diseño del blog (sobre todo el enorme número de enlaces que tiene) y eliminando ese molesto banner podría conseguir un mayor número de lectores habituales. Saludos avinagrados.


Etiquetas:
, , ,



Banner aleatorio para destacar tus mejores entradas

............................................................................................................................
Comentarios (14) | Publicado el 05 - 07 - 2008

Cuando uno empieza un blog pone todo su empeño e intenta crear buenos artículos. Las visitas no son muchas y son pocas las personas que llegan a leer los primeros posts que publicaste. Con el tiempo y a medida que el blog se va llenando de contenido estos artículos van quedando relegados al olvido a menos que los posiciones en Google.

Para evitar ésto lo mejor es hacer una selección manual de tus mejores entradas y mostrárselas a tus lectores mediante un banner aleatorio que vaya presentado imágenes que enlacen a esos artículos.

Para hacerlo solo tenemos que incluir la siguiente porción de código y hacer algunos cambios:

<?php

$arrayEnlaces = array(‘ENLACE_1′,’ENLACE_2′, ….. ,’ENLACE_X’);

$numeroDelEnlace = array_rand($arrayEnlaces,1);

echo ("<div class=’destacado’>".$arrayEnlaces[$numeroDelEnlace]." </div><br />");

?>

Vamos a ver que hace cada parte de éste código para entenderlo mejor, aunque puedes saltarte esta parte si no te interesa la programación:

1º) El principio y el final del código simplemente marcan el comienzo y el final de una porción de código de PHP, no tiene mayor importancia.

<?php
?>

2º) La variable $arrayEnlaces es como una caja (vector) llena de compartimentos que recogen los distintos enlaces hacia los artículos que nosotros decidamos incluir. Cada compartimento se diferencia por un número (el índice) empezando por cero. De modo que el ENLACE_1 tendrá asignado el indice 0, el ENLACE_2 tendrá el 1 y así sucesivamente. Estos números nos servirán para seleccionar un enlace u otro.

$arrayEnlaces = array(‘ENLACE_1′,’ENLACE_2′, . . . ,’ENLACE_X’);

3º) La variable $numeroDelEnlace recoge el valor devuelto por la función array_rand. Esta función tienes dos parámetros (los que están entre paréntesis) que son en primer lugar la variable que contiene todos los enlaces (en esta caso es $arrayEnlaces) y en segundo lugar el valor 1 (podría cambiarse por otro pero el código no funcionaría correctamente) que determina que se elija de forma aleatoria un solo valor (enlace) de la variable $arrayEnlaces.

$numeroDelEnlace = array_rand($arrayEnlaces,1);

4º) Por último “echo” se encarga de presentar en pantalla la porción de código que va entre paréntesis que incluye las siguientes partes:

<div class=’destacado’></div><br />"

Esta parte del código simplemente le da estilo al banner. En este caso se le asigna al banner la clase “destacado” que previamente has de crear en tu hoja de estilo.

$arrayEnlaces[$numeroDelEnlace]

Esta parte accede al indice de la variable $arrayEnlaces determinado por $numeroDelEnlace. Es decir seleccionamos el enlace de “nuestra caja” que tiene el número de indice obtenido aleatóriamente en el punto 3º.

Ahora que ya sabemos como funciona el código solo nos queda cambiar donde dice “ENLACE_1″ por el primer enlace a un artículo, “ENLACE_2″ por un enlace a otro artículo y así sucecivamente. Como los enlaces son mediante imágenes el enlace debe tener la siguiente forma:

<a href="URL_A_UN_ARTICULO" title="TITULO"><img src="URL_A_UNA_IMAGEN" alt="TEXTO_ALTERNATIVO"></a>

Así que si por ejemplo creamos un banner aleatorio con tres imágenes distintas hacia tres artículos distintos tendremos algo así para la variable $arrayEnlaces (no copies esto directamente, es solo un ejemplo):

$arrayEnlaces = array(‘<a href="http://www.vinagreasesino.com/articulos1.php" title="Los Drivers"><img src="http://www.vinagreasesino.com/imagenes1.jpg" alt="Los Drivers" /></a>’,
‘<a href="http://www.vinagreasesino.com/articulos2.php" title="Comando Linux"><img src="http://www.vinagreasesino.com/imagene2.jpg" alt="Comando Linux" /></a>’,
‘<a href="http://www.vinagreasesino.com/articulos3.php" title="Desfragmentar"><img src="http://www.vinagreasesino.com/imagen3.jpg" alt="Desfragmentar" /></a>’,);

Fíjate que cada enlace está entre comillas simples (‘) y que un enlace se separa del otro por una coma (,). Así que solo tienes que adaptar este código a tus enlaces y tendrás un banner aleatorio para mostrar los posts más antiguos o los que más te gusten. Saludos avinagrados.


Etiquetas: , , ,



Vaya paranoia

............................................................................................................................
Comentarios (2) | Publicado el 26 - 03 - 2008

El paranoico de Paranoias está emparanoiado, el desemparanoiador que quiera un enlace en su blog solo tiene que emparanoiarse con el paranoico de Paranoias y un paranoico banner conseguirá.

Vamos que si quieres un enlace by the face en el blog más paranoico solo tienes que pasarte por aquí y ver los requisitos, que resumiendo son hacer un post en tu blog hablando de la iniciativa y colocar el banner (de 69 x 37 píxeles) que quieras que aparezca en Paranoicos.

Vinagre Asesino

Aquí arriba dejo mi banner. No tarden en mandar el suyo o se les pasará la ocasión. Saludos avinagrados.


Etiquetas: , , ,



Diego Mattei. Tutoriales de Photoshop con mucho estilo

............................................................................................................................
Comentarios (7) | Publicado el 17 - 03 - 2008

Llevo un tiempo trasteando con Photoshop, todavía estoy en pañales pero me gusta ir aprendiendo cosas poco a poco y en Diego Mattei Blog he encontrado montones de tutoriales sobre éste programa.

¿Por qué os cuento esto?, porque he utilizado su tutorial de líneas de energía en Photoshop para crear un banner para Vídeos Para Todos y me gusta dar las referencias de los manuales que uso por si son de utilidad para alguien más.

vídeos

Bueno este es el banner, no es gran cosa pero es un comienzo. Ya saben si están buscando manuales de Photoshop el blog de Diego Mattei es un buen sitio para encontrarlos. Un saludo avinagrado.


Etiquetas: , , , , , ,





Blog de Vídeos Noticias de informatica

-->



Contenido bajo licencia Creative Commons 2.5