Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Al agregarle una ID a los post tendremos la posibilidad de darle un diseño personalizado distinto uno de otro.

Veamos algunos ejemplos: (clic sobre las imágenes)





Es recomendado para las plantillas con entradas reducidas.

Yo le voy a decir el código para colocar las ID´S a los post, el diseño se los dejo a ustedes.

Pueden cambiar el ancho, colores, texto, o lo que se les ocurra, mostrando los post con un diseño distinto cada uno.

Los códigos van a ir dentro de condicionales, ya que la idea es personalizar los post en las páginas index.

¿Cómo se hace...?

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios, y justo arriba de </head>

Poner el siguiente código:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>var contadorE=0</script>
<style type='text/css'>
/* TODOS LOS POST */
.contaentrada{propiedad: valor}
/* ESTILO DEL POST 1 */
#contaentrada1 {propiedad: valor}
/* ESTILO DEL POST 2 */
#contaentrada2{propiedad: valor}
/* ESTILO DEL POST 3 */
#contaentrada3 {propiedad: valor}
/* AGREGAMOS LOS ESTILOS SEGÚN LOS POST QUE MOSTREMOS */
</style>
</b:if></b:if>

Como vemos en el código hay una clase (.contaentrada) para todos los post.

Después las ID´S para cada uno de los post que vayan a personalizar.

Ir agregando las ID´S con el nombre #contaentrada1, #contaentrada2, #contaentrada3, etc...

Según el post va cambiando el nombre: #contaentrada con el numero correspondiente al post.

A continuación buscamos en la plantilla la siguiente línea:

<div class='post hentry'>

Según la plantilla puede variar:

<div class='post hentry uncustomized-post-template'>

Si no lo encuentran pueden solo buscar:

post hentry

Tener en cuenta que tiene que estar marcado "Expandir plantillas de artilugios".

Ahora justo arriba de esa línea pegamos el siguiente código:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- Contador Entradas Vku -->
<script type='text/javascript'>
contadorE=contadorE+1;
document.write(&quot;&lt;div class=&#39;contaentrada&#39; id=&#39;contaentrada&quot;+contadorE+&quot;&#39;&gt;&quot;)
</script>
<!-- Fin Contador Entradas Vku -->
</b:if></b:if>

Mas abajo buscamos:

<b:includable id='status-message'>

Van a ver que arriba tiene </b:includable>

Así:

</b:includable>
<b:includable id='status-message'>

Justo arriba de </b:includable> pegamos el siguiente código:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- Contador Entradas Vku2 -->
<script type='text/javascript'>
document.write(&quot;&lt;/div&gt;&quot;)
</script>
<!-- Fin Contador Entradas Vku2 -->
</b:if></b:if>

Hacemos VISTA PREVIA, y si todo esta bien, GUARDAMOS.

Con esto hemos agregado una ID a cada post con el nombre contaentrada+numero.

Suerte con el diseño y a tener buenas ideas.

Para el diseño personalizado tal ves sea necesario agregar:

.blog-pager{clear: both}

Y hacer flotar los post con un ancho: (en lugar de 100% puede ser fijo con ..px)

.contaentrada{float:left;width: 100%;}

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
manosman dijo...

http://3.bp.blogspot.com/_lMNoba63Ric/TFR5S2k0y-I/AAAAAAAAAHQ/WBFJBzHR7so/s1600/smy00018.gif parece interesante y bien explicado voy a probarlo con un blog qe uso poco y te digo como fue ...saludos vku

Oloman dijo...

Bien Vku. En los pocos ratos libres que tengo estoy haciendo algo similar. Lo más interesante es que tiene muchas posibilidades.

Vku dijo...

Si, da muchas posibilidades en el diseño. Lo mas difícil son las ideas.
Pero se pueden hacer plantillas muy originales.

FARFAN dijo...

Hola Master y si quiesiera mantener el diseño del index y que al entrar a un post sea dirente diseño ejemplo el index de tres columnas y al entrar a cualquier post que solo haya dos columnas espero haberme explicado saludos y espero su respuesta gracias.

Vku dijo...

Eso lo haces con condicionales.
Ocultas una columna y agrandas el ancho de la entrada o de la otra columna.

Algo así:

http://loseasi.blogspot.com/2010/02/modificar-paginas-independientes-parte.html

Los estilos dependen de la plantilla.

Y van dentro de está condicional:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...El estilo acá dentro solo se muestra en las entradas...
</b:if>

Vku dijo...

EpideMia Todo depende de la plantilla y de que queres hacer, o que diseño.
Al ser una Id hay muchas posibilidades, pero todo se hace con estilos CSS.

Andrés Enrique Escoto dijo...

Hola yo tengo una duda que pasa si el titulo de uno de los post es demasiado largo se tendrá un problema a la hora de aplicar este tipo de diseños?

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?