JMiur [E]

Vamos a ver si podemos darle un final a esta serie de entradas sobre las plantillas tipo magazine en Blogger, agregando un par de funciones más.

Lo primero, entonces, es definir con claridad cuáles son las características propias de este tipo de sitios y, en este caso, saber qué podemos hacer y qué no podemos hacer ya que nos enfrentamos con las limitacions propias de un servicio que ofrece un acceso restringido a nuestros datos.

La plantilla deberá contemplar algunos puntos que considero imprescindibles para un blog de este estilo:
  1. La página principal del sitio (home) debe ser exclusiva, distinta del resto y es la única que muestra el estilo magazine. Debería ser diferente, tanto por la forma en que se muestran las entradas como en su estructura y allí, mostrarse un extracto personalizado de cada entrada con un enlace a la página individual.
  2. La página de entradas individuales se mostrará de manera normal, con cualquier tipo de contenido y ese contenido deberá ser independiente del resto.
  3. Las páginas que se muestran durante la navegación deben ser listas con títulos y, eventualmente, incluir la opción de expandirlos.
  4. La sidebar debe ser dinámica y contemplar la posibilidad de mostrar contenido de referencia a la entrada individual que se esté viendo.
Partiendo de estas premisas, comienzo con una Plantilla Mínima y, como ya estoy un poco harto del color blanco, le cambio algunos detalles gráficos y la amplío. Aunque todo eso no tiene mayor importancia y la parte estética puede ser cualquier cosa, de todas formas, la plantilla ejemplo está disponible para ser descargada en formato ZIP

El ejemplo, puede verse funcionando online en un blog de pruebas o se puede acceder haciendo click en cada una de las imágenes de esta entrada.

A los efectos de la explicación, sólo hay que saber que los anchos de referencia son los siguientes:

header-wrapper: width: 980px
outer-wrapper: width: 980px
main-wrapper: width: 660px
sidebar-wrapper: width: 260px
footer-wrapper: width: 980px


Es decir, el blog tiene 980 pixeles de ancho máximo dividido en dos partes, las entradas ocupan 660 y la sidebar 260. El resto, los 60 pixeles restantes, son las separaciones entre ambos.

La idea es la siguiente: en la página principal se verá el estilo magazine. Por la forma en que lo quiero distribuir, necesito que sólo se muestren 6 entradas por página así que voy a Configuracion | Formato y coloco ese valor:

Mostrar en la página principal.

Ese estilo magazine, con entradas sumarias, sólo se verá allí en home, de esa manera, cualquier blog podría adaptarse ya que no sería necesario editar las entradas anteriores, basta que las primeras (en este caso esas seis) posean el nuevo código; el resto se seguirá mostrando normalmente.

Para darle más fuerza a ese home y diferenciarlo más del resto del sitio, cambiaremos de lugar la sidebar y, en lugar de colocarla al lado de las entradas como en el resto de las páginas, la pondremos abajo.


Vamos a modificar el código de Blogger, expandiendo los artilugios y buscando esto:

<b:includable id='post' var='post'>

un poco más abajo, veremos el código que se usa para mostrar las entradas:
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
Modificaremos eso, interceptándolo de manera similar a lo que se mostraba en el artículo anterior:
<!-- diferenciar el tipo de pagina -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- entradas "normales" -->
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<b:else/>
<!-- entradas tipo magazine -->
<div class='post-body entry-content'>
<div expr:id='"original-" + data:post.id'>
CONTENIDO ORIGINAL DEL POST
</div>
<div style='clear: both;'/>
</div>
<script type='text/javascript'>
// enviar el ID generado por Blogger <data:post.id/>
// enviar el contenido HTML del post <data:post.body/>
ejecutarExtracto(&#39;<data:post.id/>&#39;,&#39;<data:post.body/>&#39;);
</script>
</b:if>
La gran diferencia es que usamos esta condición:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

que es la que nos permite diferenciar la página de inicio del cualquier otra página de nuestro blog.

Como quiero que las páginas con listas (Archivos, Etiquetas, Navegación, Búsqueda) se muestren resumidas, vamos a agregarle el hack de PeekABooPost tal como lo que explica El escaparate de Rosa


Buscamos esto:

<b:includable id='main' var='top'>

y justo encima, agregamos el código:
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table class='listaArchivos'>
<tr>
<td class='masmenos'><a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Expandir/Contraer esta entrada'>[+/-]</a></td>
<td class='titulo'><a expr:href='data:post.url'><data:post.title/></a></td>
</tr>
</table>
<div class='post-body entry-content' expr:id='data:post.id' style='display:none'>
<data:post.body/>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
Seguimos allí y más abajo, eliminaremos esta línea:

<b:include data='top' name='status-message'/>

Por último, reemplazaremos esta línea:

<b:include data='post' name='post'/>

por este otro código:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Bien, si seguimos cuerdos, podemos continuar; la parte más engorrosa ha terminado. Ahora, sólo nos queda agregar el CSS y los scripts, justo antes de </head>
<style>
/* ocultar el contenido dinamico de las entradas */
/* este dato dependerá de la plantilla y puede tener otro ID */
#HTML1 {display:none;}
</style>

<!-- estableceremos estilos diferentes para home y el resto del blog -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
/* los estilos para la pagina principal estilo magazine */
.post {
-moz-border-radius: 10px;
border: 2px solid DarkGray;
float: left;
font-family: Verdana;
height: 190px; /* la altura de los extractos es fija */
margin: 0 5px 10px;
overflow: hidden;
padding: 10px;
width: 275px; /* habrá tres extractos en el ancho */
}
.post h3 a, .post h3 a:visited {/* propiedades de los títulos */ }
.post img {
width: 100px;
height: 100px;
float: left;
margin: 0 5px 0 0;
}
h2.date-header {display: none;} /* ocultamos la fecha que pone Blogger */
.post-footer { /* propiedades del footer */ }
/* los cambios de la sidebar */
#main-wrapper { /* le damos ancho y eliminamos la flotación para que se muestre abajo */
float: none;
width: 930px;
}
#sidebar-wrapper {
float: left;
margin: 20px 0 0 25px;
overflow: hidden;
padding: 0;
width: 930px;
}
.sidebar .widget { /* definimos las propeidades de cada elemento */
float: left;
margin: 10px;
padding: 10px;
width: 270px; /* el ancho de cada elemento (en este caso hay sólo tres) */
}
</style>
<b:else/>
<style>
/* los estilos para el resto de las paginas */
.extractoOculto {display:none;} /* ocultamos los extractos de las entradas */
/* los estilos para listas de archivos */
.post table.listaArchivos { /* la tabla que contiene el hack */ }
.post table.listaArchivos td.masmenos { /* la celda para expandir/colapsar */ }
.post table.listaArchivos td.titulo { /* la celda del título */ }
</style>
</b:if>

<script type='text/javascript'>
//<!--[CDATA[

function leerExtractoPOST(cadena) {
// llega con una cadena (bodyPOST) con el HTML del post procesado
// y la devuelve procesada extrayendo el contenido
// busca la secuencia del DIV con el extracto oculto (28 caracteres)
var verificar = cadena.indexOf('<div class=\"extractoOculto\">');
if (verificar != -1) {
// si encuentra el DIV con el extracto oculto busca la secuencia final
var hasta = cadena.indexOf('</div>');
// y extra el contenido
cadena = cadena.substr(28,hasta-28);
} else {
// si no encuentra el DIV con el extracto oculto VEREMOS
// alert ("ERROR");
}
return cadena;
}

function ejecutarExtracto(idPOST,bodyPOST) {
// llega con idPOST que es el ID generado por Blogger 
// llega con bodyPOST que es el contenido HTML del post 

// la funcion verifica que haya un extracto y devuelve una cadena HTML
bodyPOST = leerExtractoPOST(bodyPOST);
// lo que se va a escribir es el contenido del extracto
var divPOST = "original-" + idPOST; // el DIV del post normal
document.getElementById(divPOST).innerHTML = bodyPOST;
}

function toggleIt(id) {
// la funcion del hack PeekABooPost
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

//]]-->
</script>


Un último esfuerzo para tener más opciones. Vamos a agregar script más, nos vamos al final de nuestra plantilla y justo antes de </body> colocaremos la función que nos permitirá mostrar contenidos variables en la sidebar:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById('contenedorOculto') != null) {
var copiarContenido=document.getElementById('contenedorOculto').innerHTML;
document.getElementById('contenedorDinamico').innerHTML=copiarContenido;
document.getElementById('HTML1').style.display='block';
}
//]]>
</script>
</b:if>
Como ya dije, para simplificar las cosas, la plantilla ejemplo está disponible para ser descargada en formato ZIP

Vamos a ver cómo debemos usarla.

Una parte, el extracto, es exactamente igual que el que usamos antes (más información). El extracto es lo que se verá en la página principal en lugar del post. Basta colocarlo al inicio de las entradas, entre etiquetas DIV que tengan la clase extractoOculto.

Para que el estilo magazine funcione correctamente, las entradas deberán incluir ese DIV, caso contrario, se mostrará el contenido normal, cortado, ya que la altura de esos rectángulos es fija.

Por el contrario, el contenido dinámico es optativo. Ese contenido es el que se mostrará sólo en la sidebar cuando veamos la entrada individual y lo agregamos de modo similar, por ejemplo, al final del post, en un DIV con la clase contenedorOculto.

Un ejemplo de un post con ese contenido puede verse en esta entrada y el código tiene esta estructura:
<div class="extractoOculto"><img src="URL_imagen" />Este es el contenido del extracto.</div>
....... el resto del post .......
<div id="contenedorOculto" style="display:none;">Este es un contenido exclusivo de la entrada.</div>

REFERENCIAS:
  • Magazine Parte 1



  • Magazine Parte 2



  • Magazine Parte 3
  • 72 comentarios:

    MentesSueltas  

    Hola, un espacio excelnte y didactico, lo guardo y sé que me ayudará. Gracias por compartir.

    MentesSueltas

    Responder
    sølrαc  

    He estado esperando a que terminases todos los artículos y debo decirte que te has superado :D

    Responder
    Graciela de Palomas  

    :)Jmiur voy por la 2da lección, con el tiempo voy a terminarlo...hoy se cumple no escuché bien en la radio xxx años de Submarino Amarillo :P...mis besos y me voy para la entrada de las cajitas!!!

    Responder
    Graciela de Palomas  

    pero no me deja comentar desde ayer es la entrada de las cajitas grrrr...
    bien el muchachito instaló el win zip...pero lo podría haber realizado yo (abusan, abusan de las señoras mayores:))...existe alguno gratuito???
    Ahora voy por la cajita, la quiero colocar en la sidebar-wapper...dónde iría el primer código: informmación......GRACIAS POR CONTESTARME!!!

    Responder
    Gem@  

    Aplausos maestro ;)

    Responder
    JMiur  

    Saludos Mentes Sueltas. Gracias por el comentario.

    sølrαc: Me alegra que te resultara interesante. Es un poco raro pero, parece funcionar :)

    Graciela: podés usar este post como modelo porque, en realidad, resume todo y corrige algunas cosas de los anteriores. El WinZip es gratuito, lo que ocurre es que las versiones no registradas muestran un mensaje antes de continuar. Yo utilizo hace tiempo otro programa que me parece mucho más útil ya que descomprime todo tipo de formatos y es gratuito gratuito gratuito en serio. Se llama ZipGenius

    Explícame un poco lo de "la cajita" porque me perdí :D

    Gem@: Creo que quedó bien ¿verdad? No sé si es útil pero suena interesante.

    Responder
    Vankey  

    Hola me podria decir como poner este espcio para comentarios en mi blog

    Responder
    Graciela de Palomas  

    :):);)NO SÉ JMIUR AHORA PIZCOS DICE QUE LOS COMENTARIOS LOS PODEMOS VER EN VIDEO, QUIEREN MATAR A LAS SEÑORAS MAYORES???
    ¿sabes en qué anduve??? modificando plantilla 1 al 5, quisieras haber tenido el gusto de reírte, me quedó una plantilla gigante jajaja...lo volveré a hacer despacito:S
    LA CAJITA: si quisiera ponerla en la sidebar-wrapper, dónde colocaría el primer código:
    .informacion, .descarga, .referencia {
    -------
    lo del color, tamaño entiendo todo!!!
    No se como logran las cosas, traté tiempo atrás de hacer como lo dice VANE de LA BLOGUERÍA ahhh qué bonita había quedado:O
    GRACIAS, si no entiendes te explico nuevamente y voy hacia el programa que me dices!!!

    Responder
    Gem@  

    ¿Bien? jajaja dice que ha quedado bien, es asombroso de verdad. Si esta serie de explicaciones las calificas de bien ¿cómo calificas una de mis entradas?
    Mejor no lo digas jajajaja!!

    Responder
    Birdelo  

    Hola JMIur.

    Muchas gracias, luego de tanto peliar con estos códigos he podido realizarlo con ayuda de vos y Pizcos, la verdad no sé de donde salieron, un saludin!!!. :D

    Responder
    k_nelita  

    Bien no es la palabra, te quedó MAGISTRAL, preciosa, me encanta y explicas todo tan bien que hasta me dan ganas de experimentar con esto... pero no, me niego ja ja ja :D
    No es para mi esto, pero eso no tiene nada que ver, igual he leído todo y me encantó el resultado.

    Te felicito!! Ya te dije que sos un GENIO no? ;)

    Responder
    JMiur  

    Vankey: Si te refieres a los comentarios incrustados, peudes ver acá.

    Graciela:
    Eso de .informacion, .descarga, .referencia { blablabla, es el CSS. Eso, lo puedes poner antes de </b:skin> o entre etiquetas <style> y </style> antes de &/head>

    Gem@: nunca califico nada pero, en este caso es sencillo. Son, simplemente perfectas y no es la primera vez que te lo digo :)

    Birdelo:
    Me alegra que sirviera de algo :D

    k_nelita:
    Menos mal que lo terminé ayer. Hoy, con tanto video comentado en Twitter, me resultó imposible escribir una sola línea :D Seguí tus aventuras hasta el final :D

    Responder
    k_nelita  

    Nooo... me muero que verguenza, :$ ya le pedí a Pizcos que los borre, que bochornoooo, eran pruebas nomás y ahora todo el mundo está viendo eso, se estarán revolcando de la risa, vos habrás hecho lo mismo ja ja jaaaa
    Menos mal que puse la cam mirando la ventana, pero igual las pavadas que digo... estoy colorada de la verguenza... :D

    Responder
    JMiur  

    No hay maner de eludir el asunto. Ya estás inmortalizada :D

    Responder
    k_nelita  

    Ja ja jaa, si, ya había visto eso, porque entré en la página y me inscribí para poner uno en mi blog, pero quería ver si se podía achicar para ponerlo en la sidebar, todavía no probé, pero a lo mejor se puede, porque da un embed como el de YouTube, con medidas que tal vez pueda modificar.

    También vi que si sos dueño de un coso de esos, podés eliminar los comentarios que no quieras (trolls)(viejas locas... ja ja) o sea podés administrarlo vos, es decir el dueño, o admin.

    Lo que no se es si se borran de la página principal de ellos, pero supongo que si, no quiero "inmortalizarme" de esa forma :D juaaa

    Responder
    g  

    :D probaré ponerlo así al CSS...gracias, si no sale vuelvo...besos!!!

    Responder
    Pizcos  

    ejem, ejem, y encima reincidente..JMIUR pasate por AQUI ☺☺☺ y dice que se averguenza...jajajaja

    Responder
    k_nelita  

    Piiiiiiizzzzcoooos sos de lo peor!! No me van a dejar tranquila ahora, ja jaa, si que me da verguenza, no pensé que tomaría tal estado público juaaa, en cualquier momento salgo en la tele y los diarios con ustedes dos mandandome al frente en todos lados, hay mi Dios donde me escondooo???

    Responder
    JMiur  

    Graciela: Suerte!!!!!! y paciencia :D

    Pizcos: ¡Oh Dios! Es casi una plaga :D Y yo, que pensaba poner hoy el post mostrando tu descubrimiento ... ahora, dudo :D

    k_nelita: No hay manera de esconderse. Más tarde, colocaré uno de esos cosos pa'que te sigas divirtiendo :D

    Responder
    k_nelita  

    En realidad me divierto con los comentarios de ustedes, hace mas de una hora que no paro de reirme, Pizcos que me escracha en todos lados, y vos no te quedás atrás, ja ja :D
    Pero no, si ponés un coso de esos yo no pruebo, acá entra muuuucha gente y ya no quiero que tantos se rían de mi ja jaaa :D
    Si al final los demás también probaran... pero por lo visto la gente "normal" no se anima, o no lo sabe manejar juaaa, yo porque soy loca y ayudaba a Pizcos a probarlo y siempre me gusta incursionar en todo, pero ya para que me tomen a la chacota nooooo basta para miiii, si los que se divierten son ustedes... ;)

    Responder
    KyuBit  

    Jmiur Tengo una consulta.
    Usando uno de esos script que muestran los últimos post, será posible configurarlos de tal forma que muestren los ultimos post, pero empezando del "septimo post" o del que se quiera. Así como en el ejemplo de la plantilla, tener los 6 ultimos post, y abajo en la sidebar uno de esos script que empiezen del 7mo post... será posible algo así?
    Salu2

    Responder
    GOCASE  

    Instale esta excelente plantilla en un blog de pruebas y analizando creo q decidire usarla, pero tengo par dudas.

    EN las paginas individuales como hago para añadir widgets a mi agrado como el de suscripcion un buscador etc?

    por ahora quisiera la respuesta a este interrogante saludos desde Colombia

    Responder
    GOCASE  

    Ahhh y respecto al home las 6 entradas que van alli se pueden aumentar en numero?
    como tienen q ser las imagenes para q se visualice correctamente puesto q si son muy chicas en las paginas individuales no se agrandara como se hace?
    y cuando van mas de 6 entradas la 1 entrada publicada se reemplaza por la 7?

    Responder
    JMiur  

    KyuBit: No, con este tipo de scripts no se puede. Leer así com oquieres no es sencillo, habría que leer los feeds o algo por el estilo.

    GOCASE: La plantilla no fue pensada para ser usada sino como un modelo. Por ejemplo, no tiene nada del código de comentarios porque se hacía muy engorroso editar y probar.

    Gadges pueden agregarse salvo que en la página de elementos los ves abajo y lo al costado.

    Como dice el post, la cantidad de entradas es la que uno defina en la Configuración del blog.

    Las imágenes que se muestran en la página principal no se muestran en las páginas individuales, son independientes.

    Sigue siendo un blog así que en la página principal se verán las últimas N entradas según sea la configuración.

    Responder
    Edwar  

    Vaya Maestro regreso despues de tiempo y me encuentro con esto de "Estilo magazine", dejame decirte que eres un abusivo en blogger jajaja estoy sorprendido !!

    Mil gracias por compartir tus grandes conocimientos, vaya q eres de los pocos.

    Responder
    JMiur  

    Saludos Edwar. Gracias por el comentario.

    Responder
    Anónimo  

    Mis saludos por el genio Jmiur, señor en sencillez, sabiduría y humor, quería señalar este template, ojalá que le pueda servir por cualquier cosa.
    http://hive-zinmag-remedy-demo.blogspot.com/

    Responder
    KyuBit  

    De hecho me refería a esos scripts que leen los feeds (por ejemplo esos de feed2js.org...). Intenté modificandolo con algunos parámetros que vi en el post que hablas de los "sitemaps" de "google webmaster tools" (&start-index=7), pero no me resultó :(

    Responder
    JMiur  

    Anónimo: Me gusta es plantilla :)

    KyuBit: Realmente desconozco la respuesta.

    Responder
    Ab Exordio Vitae  

    bueno no he leido todo lo de blog tipo magazine, pero hay algo aqui q me gusta, y es poner la sidebar en la parte de abajo, verticalmente... y no entiendo mucho de lo q explicaste... como se haria eso de la sidebar no mas

    Responder
    JMiur  

    Trataré de esxplicarlo en algún momento pero, lo más sencillo sería quiatrle la flotación a los posts y la sidebar o simplement eliminarla y usar el footer.

    Responder
    Susana  

    hola JMiur, realmente estoy más que sorprendida con esta forma de plantilla magazine!!! De hecho para uno de mis blogs me parece buenísimo!!! Así que estoy probando, pero me encuentro con cosas que no puedo cambiar o no estaré haciendo bien. Por ej. cambiar el tamaño de la letra de las entradas en la página principal y eso de que las imágenes aparezcan a un costado al tamaño indicado.
    Realmente esta página es muy buena!!! y con tus explicaciones y los pasos que vas desarrollando se hace posible hacer cosas que de lo contrario por lo menos para mí, serían complicadísimas siquiera de pensar.
    muchas gracias, como siempre!!!
    saludos

    Responder
    Ab Exordio Vitae  

    bueno me equivoque era horizontal jo!... pero gracias eh...

    Responder
    JMiur  

    Susana:
    Cambiar el tamaño de las letras y alienar las imágenes no debería presentar problemas pero, necesitarñia ver el sitio online para poder indicarte las clases CSS que estás usando.

    Responder
    Gem@  

    Si que es preciosa esa plantilla que dice anónimo, aunque en realidad todas las plantillas de Falcon Hive son todo arte.

    Responder
    Susana  

    hola JMiur, aquí nuevamente. Ya voy comprendiendo el armado de esta interesante plantilla. Pero la verdad que yo sólo quisiera mostrar los títulos de las entradas y una imagen. Tampoco la parte del footer con comentarios y etiquetas. Pero no puedo sacar esas cosas ni que aparezca la imagen de la entrada por más que uso el div de ocultar/mostrar en el post. Me encantaría que vieras lo que estoy armando pero si no es mucha molestia, ¿podría enviarte en un archivo .txt? De todos modos ya estoy llegando a la idea que estaba buscando sobre ese blog de información. Te agradezco desde ya muchísimo por todo este trabajo que a mí me ha servido mucho y es la idea de lo que andaba buscando para ese blog!. Gracias!

    Responder
    JMiur  

    Sí. Envíala y cuéntame qué quieres hacer o que quieres modificar.

    Responder
    Fernandooo1  

    Excelente, excelente.

    :) Me encantó lo del "post-excerpt" en BLOGGER! Quién diría. Te pasasteee ahí.

    Por fin tuve tiempo de leer todos estos posts... y valió la pena.

    Un 10.

    Responder
    JMiur  

    Menos mal que esta de vuelta, Mr.Fernando :D

    Ojalá le saques provecho en alguna de las plantillas que haces. Me gustaría ver algo así.

    Responder
    FernandoC  

    :D Sí, ya veremos que sale por ahí. Lo intentaré uno de estos días.

    Responder
    Birdelo  

    Hola JMIur.

    Existen algunos inconvenientes, no sé si solo me pasa a mi? La plantilla muestra las etiquetas y comentarios en algunos post. Cuando estamos en la página principal donde se visualiza el efecto magazine. Que puedo hacer al respecto?.

    Saludines!.

    Responder
    JMiur  

    No entiendo la pregunta :)

    Responder
    Birdelo  

    Hola de nuevo...

    Puedes verlo acá: http://deybicastro.blogspot.com/. Allí verás que el X Comentarios y las etiquetas solo aparecen en algunos posts cuando están recogidos!!!.

    Saludines!.

    Responder
    JMiur  

    En la página principal de ese blog, la cantidad de comentarios y el enlace leer mas se ve en los cinco ejemplos. No veo nada más.

    En los posts individuales, se se todo normalmente.

    Así que sigo sin comprender :)

    Responder
    Birdelo  

    Entendido, es que ya he enocontrado solución justo hace un rato! :P. Gracias por todo! :D.

    Responder
    Susana  

    hola Jmiur! nuevamente por aquí! te agradezco mucho todo lo desarrollado sobre esta plantilla y todavía me falta ajustar algunas cosas pero ya la subí al blog que quería cambiar: agendabuenosayres.blogspot.com. Ahora tengo un problema que no sé a qué se debe, pero cuando en la página principal en un post aparece aun habíendole puesto un texto la leyenda: "AQUI IRIA EL CONTENIDO ORIGINAL DEL POST", qué quiere decir? hay algo que no estoy poniendo bien. Pero sí etiqueté con los div correspondientes. Ojalá me puedas decir qué estoy haciendo mal y seguiré ajustando la plantilla que me gustó y agradezco muchísimo toda tu generosa información!!!!

    Responder
    JMiur  

    Susana:
    ¿Me explicas un poco más? Es no no entendí cuál es el problema.

    Responder
    Susana  

    hola, sí, JMiur, trataré de explicarte un poco mejor: el problema que tengo es que en la página principal, algunas entradas no me muestra el extracto oculto que yo cargué sino que muestra la leyenda del programa donde dice "Diferenciar el tipo de página". Pero que me pasó con un par de post y no con todos, el resto funcionan muy bien con el extracto oculto. No sé qué es lo que no veo que estoy poniendo o que no pongo, que me trae como error y que cuando se carga la página me muestra como error de sintaxis. En los dos casos que tengo, el código es 0.
    Traté de volver a hacer esos post pero hacen el mismo error.
    Ojalá ahora sea más clara, recién me estoy familiarizando con la plantilla que cada vez me gusta más.
    Saludos y muchas gracias! era la plantilla que andaba buscando para ese blog.

    Responder
    JMiur  

    Eso es raro ¿Podrías indicarme la dirección de algún ejemplo donde pueda verse ese error?

    Responder
    Susana  

    hola JMiur, te dejo el blog agendabuenosayres.blogspot.com y las entradas que tienen este problema son dos: - Bienal de Flamenco y - Autocine de Verano: en ambas aparece el texto: "Ver información de la entrada" pero no lo que puse con el div del texto oculto. Miré en el código fuente y esas entradas aparecen como distinta del resto.
    Gracias por responderme tan rápido.
    saludos

    Responder
    JMiur  

    Susana:
    Debe haber un error en el código del post, alguna etiqueta cerrada de manera incorrecta. Online no se logra ver nada, tampoco en el código fuente. Lo que veo es que provoca un error en el script.

    Debería ver el código fuente del post para orientarte mejor. Si quieres, me lo envias por mail y lo miro. Debe ser un pequeño error de esos que cuesta encontrar.

    Responder
    Pablo  

    Holas ,tengo una duda , ¿hay alguna forma en la que distintos post puedan tener distintos anchos? es decir, que sus propiedades css cambien en los post que yo elija , no sè si ya hay un post sobre esto , en todo caso agradecerè mucho una respuesta =D , Saludos y Gracias!!!

    Responder
    JMiur  

    Puede ser que haya alguna forma pero habría que identificar uno por uno. Demasiado engorroso.

    Responder
    Susana  

    hola JMiur! La plantilla es fantástica al igual que tus explicaciones: claras y bajan mucha información difícil de digerir de otro modo a quines no tenemos mucha idea de ésto! Muy buenas ambas cosas! Pero para variar aquí estoy nuevamente con alguna cuestión ya que estoy cargando muchas entradas en la página principal estilo magazine. Quería saber si se podría agregar como a las entradas individuales el recorrer "Entradas antiguas" pero también con el estilo magazine. Es eso posible? Así podría poner menos entradas y daría la posibilidad de recorrer hacia atrás.
    Desde ya te agradezco muchísimo esta plantilla que es la idea que tenía, pero que sólo con tu ayuda al fin pude concretar.
    Saludos!!!!!

    Responder
    JMiur  

    En ese caso habría que cambiar la condición:

    <b:if cond='data:blog.url != data:blog.homepageUrl'&lgt;

    Sería el estilo de magazine que se muestra en el post anterior.

    Responder
    Susana  

    hola JMiur, la verdad es que estuve leyendo y leyendo la referencia que me das para cambiar la condición en la página principal para que esté la opción de las "entradas antiguas", pero no logro entender o no encuentro lo que tengo que modificar. Si me pudieras dar algún dato más, sería buenísimo y sino, seguiré intentando. Gracias de todos modos por todo lo que en mi caso tus explicaciones me vienen ayudando!!!!
    saludos!!!!

    Responder
    JMiur  

    Susana:
    Lo que ocurre es que el modelo de este post está pensado así, por esi te decía fijarse en el del otro post. En realidad, hay muchas posibilidades de combinar distintas alternatvas, una de ellas esa esa que quieres usar pero, habría que rearmar un poco todo.
    ¿Por qué no me mandas un mail con lo que tienes hasta ahora realizado y lo charlamos alli a ver si le encontramos una solución?

    Responder
    ΜigueŁ jίмenez™  

    excelente¡¡¡

    Responder
    MAND  

    Hola JMiur. Antes de nada muchísimas gracias por tus explicaciones que me han ayudado enormemente a la hora de modificar mi blog. He seguido los pasos para crear los divs del extractooculto y el contenidooculto y he de felicitarte porque funcionan a la perfección. Sólo hay una pequeña pega que me gustaría poder solventar.

    Me explico. Cuando escribo un post en mi blog, si en el mismo utilizo alguna comilla simple (') o inserto algún script como bien puede ser el que tú mismo utilizas en este blog para poner los vídeos de YouTube utilizando lightwindow, el resumen (extractooculto) que debería aparecer en la página principal desaparece. Supongo que se deberá a que las comillas simples entorpecen el código, ya que cerrarán algún proceso, y con el script pasará algo igual, aunque en este último caso no sé a qué se debe exactamente. El tema de las comillas aún lo llevo bien, porque trato de olvidarme de ellas a la hora de escribir (aunque sea complicado cambiarlas por puntos en los números decimales, por ejemplo), pero me gustaría poder resolver el problema para no tener que preocuparme acerca de lo que escribo.

    De todas formas, también me parece extraño que escribiendo una comilla en el cuerpo de la entrada afecte al resumen, ya que se supone que a la hora de leer el div extractooculto no tiene que leer la entrada entera. Pero de ahí no paso, y me gustaría saber si podrías ayudarme con el tema.

    Muchas gracias de antemano. Si quieres, puedes pasarte por mi blog para ver cómo lo tengo estructurado.

    Responder
    JMiur  

    MAND:
    La pregunta es bastante difícil de contestar. Déjame ver si encuentro dónde está el problema, no parece sencillo de resolver porque es cierto, no debería leer todo.

    Ahora noté que había un error en la transcripción del código en el post pero no creo que ese sea el problema.

    Voy a pensarlo a ver si se me ocurre algo.

    Responder
    Le Actif Project  

    hwy gracias por el post me sirvio mucho....lo guardare me encanta los tutoriales de blogger gracias mi blog es leactifproject.tk esta en construccion

    Responder
    Monchi y Héctor  

    Hola JMiur gracias de antemano por todo el trabajo que haces porque realmente sirve y nos da ideas y recursos. Mi problema es que no sé como podría poner, en las entradas de la página principal, fotos de las carátulas de los discos que subo, pues mi página es un fanzine musical. Otra cosa es que en la página principal me aparece solamente el título de las entradas y no lo demás, sino "contenido original del post" sin verse nada de lo que yo he escrito, no se si me he explicado correctamente, a ver si hay suerte y me entiendes. Pues nada, a ver si puedes resolverme esas dudas, muchas gracias.

    Responder
    JMiur  

    No sé cuál es tu blog pero, eso debe ser por el tipo de plantilla que estás usando y por cómo ha sido diseñada.

    Responder
    Perumac  

    Hola Jmiur, hace poco que he descubierto tu blog y la verdad que es una de la joyas en español que puedes encontrar en la red. Te escribia porque he estado viendo el tema de Magazine desde principio a fin y tengo el problema de las comillas, a la hora de escribirlas durante la entrada afecta directamente en el extracto oculto y como ya anteriormente te habian hecho esta pregunta queria saber si habias encontrado alguna solucion. Aqui puedes ver un pequeño blog de prueba con lo que he aprendido durante este mes en tu Joya de blog. SALUDOS ...!

    Responder
    Perumac  

    Huy me olvide la direccion " appletienda.blogspot.com" :$

    Responder
    JMiur  

    No. Realmente no se me ocurre como lidiar con als comillas simples.

    Responder
    Perumac  

    Hola JMiur muchas gracias por responder, entonces tendre mas cuidado con las entradas. No quiero ser molestoso pero necesito de tus consejos, estoy tratando de lidiar con los bordes redondeados del blog de prueba "appletienda.blogspot.com" y la manera como se visualiza en internet explorer 8. He leido tu post sobre los bordes redondeados utilizando imagenes como si fuera una tabla, pero no tengo los conocimientos necesarios para saber como implementarlo en Magazine, navegando tambien encontre otra forma para lidiar con los bordes redondeados, aqui te dejo el link " http://www.html.it/articoli/niftycube/index.html ", pero no se si este tipo de metodo es aplicable a un blog de blogger y si fuera asi de que manera seria la forma de implementarlo. Por favor apoyame de esta manera con tus conocimientos y consejos. SALUDOS y GRACIAS ...!

    Responder
    JMiur  

    Cualquier script puede ser usado en Blogger. Ese es bastante conocido pero no lo he probado así que no podría decirte como se usa.

    Hay varios similares. Sobre uno de ellos hay una entrada explicativa

    Responder
    Perumac  

    Gracias JMiur voy a estudiar ese post. GRACIAS y SALUDOS ...!

    Responder
    Perumac  

    Gracias JMiur por todo, estaba probando el script que me recomendaste y logre hacerlo funcionar dentro de una entrada " http://appletienda.blogspot.com/2010/08/prueba.html ", pero si quisiera usar el mismo metodo para magazine cual seria la clase para modificar el borde donde aparece el extracto o es que habria que crearlo, en esa parte estoy confundido, por favor me podrias dar algun alcance. MUCHAS GRACIAS ...!

    Responder
    JMiur  

    No comprendo la pregunta. Las clases, son las mismas donde ahora colocas el borde redondeado con -moz-borde-radius

    Responder
    Perumac  

    Muchas Gracias JMiur, no comprendia esa parte. Ahora si, estoy realizando pruebas. GRACIAS ....!

    Responder

    ¿Quiere dejar un comentario?

    recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

    Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
    De todos modos, también puede accederse a ellos a través de SkyDrive

    Nota: sólo los miembros de este blog pueden publicar comentarios.

    Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

    Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

     
    CERRAR