domingo, 5 de julio de 2009

Hack Diseño® nueva imagen

Nueva actualizacion:viernes 14 de agosto de 2009
Este post ya no es valido porque se rediseño el blog totalmente
----------------------------------------------------------------------
Hoy por fin se termino el diseño del blog, fue un diseño que no cambio mucho aparentemente, pero ahora hay un menu mas eficiente y desplegable, algunos links ya fueron actualizados en la seccion de descargas, ademas de que la pagina abrira mas rapido porque ya no pesa lo mismo que la anterior, tambien para los visitantes que usan FIREFOX y que veian que el menu anterior no se mostraba correctamente pues ahora ya se muestra tal y como se veria en IE, el unico inconveniente esque para poder visualizar correctamente el blog, se requerira tener IE7, IE8 o FIREFOX, esto porque añadimos algunos script que no funcionan en antiguos navegadores, como IE6, la descarga de FIREFOX y IE estan disponibles en la seccion de descargas, descargas sin virus, gratuitas y sin tener que registrarse.
Para los que necesiten el antivirus NOD32 tambien esta disponible en la seccion de descargas.

Hasta nuevo post.....

sábado, 4 de julio de 2009

Como poner una imagen en la parte superior de cada entrada

Esta entrada la publico a peticion de un visitante.
Su pregunta fue:


como hago para que en cada post salga una imagen en la parte superior de cada entrada y ademas que redireccione?

=====================================================================================
Bueno pues el codigo que se necesita para conseguir lo que quiere, es muy sencillo es este:

<center>
<a href="http://la direccion a donde redireccionara la imagen/"><img alt="mi imagen" src="http://aqui la direccion de la imagen/" border="0" /></a>
</center>

Y debe estar entre los siguientes codigos de la plantila:

<div class="post-header-line-1">
======AQUI DEBE IR EL CODIGO==========
<div class="post-body entry-content">

Por lo tanto el codigo deberia de quedar asi:


<div class="post-header-line-1">
<a href="http://la direccion a donde redireccionara la imagen/"><img alt="" src="http://aqui la direccion de la imagen/" border="0" /></a>
</center>
<div class="post-body entry-content">

Dentro de <div class="post-header-line-1"> y <div class="post-body entry-content"> debe estar el codigo, para que se vea exactamente como en la imagen que diste de referencia.

Para la insercion del codigo, vas a Diseño-->Edicion de HTML-->Expandir plantilla de artilugios y despues presionas "Ctrl+F" y pegas este codigo: <div class="post-header-line-1"> asi lo encontraras mas rapido, una ves que lo hayas encontrado, solo insertas el codigo y listo.


Dejo algunas imagenes, para ser mas explicito:
Ver imagenes



En estas imagenes se puede apreciar que si funciona el codigo: