Hay una versión más actualizada de este script que puedes ver en esta entrada.
![Leer mas](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9mQnh1rE_NTR8LMx72HkmavZhN0WcHcq5EYRHkMv6bQdHK3Fgr-fIgm2p4kc7RbV4N3JuTe0i6wdHEp9FE2BH1keMmon-IXAxzkNZXMSlEIYQdgJo3WOL5GOCKukV9gy72bA512Hgp4/s400/read-more.PNG)
Para ponerlo en tu blog entra a Plantilla | Edición de HTML, y busca esta etiqueta:
Sustituye esa etiqueta por este otro código:
Ahora pega antes de </head> lo siguiente:
Configuración
Puedes configurar el tamaño de las imágenes y el número de caracteres a mostrar en el resumen de las entradas, eso se hace al inicio del script, es decir, en esta parte:
Si quieres darle otro estilo al enlace de Leer más como un color de fondo, cambiar el color del texto, etc. entonces pega antes de ]]></b:skin> lo siguiente:
También puedes cambiar el texto Leer más... por otro texto cambiando lo que está en color rojo en el primer código. Si prefieres usar una imagen en lugar de un texto entonces sustituye ese texto por el código de la imagen:
Como ves es sencillo de instalar, el script es corto así que no habrá problemas con el tiempo de carga de la página y lo mejor es que el Leer más se hará de forma automática en todas las entradas.
Aunque hemos visto una forma de usar el Leer más con el método de expandir entradas e incluso ya Blogger tiene la opción de Leer más, estas opciones no son automatizadas, es decir, cada vez que se quiera usar el Leer más en una entrada se tiene que usar un código, además que no muestran los thumbnails, o sea las miniaturas de las imágenes de las entradas.
Hay un script de Anhvo que permite poner el Leer más en todas las entradas de forma automática, y además de eso muestra la imagen en miniatura que tenemos en la entrada, la cual podemos configurar para que sea del tamaño que se desee.
Este método me parece de los mejores ya que no tenemos que hacer nada mas que escribir nuestras entradas y el script hace el trabajo sucio.
Puedes verlo funcionando en Respondones, en la página principal se muestran las entradas resumidas con Leer más.
Para ponerlo en tu blog entra a Plantilla | Edición de HTML, y busca esta etiqueta:
<data:post.body/>
Sustituye esa etiqueta por este otro código:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
NOTA: La etiqueta <data:post.body/> en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.
Ahora pega antes de </head> lo siguiente:
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Ojo, es posible que la primera etiqueta que hay que cambiar la tengas dos o más veces, si así fuera haz el cambio en una, si dando Vista Previa no ves que funcione entonces haz el cambio en la otra que tengas repetida y así sucesivamente.
Puedes configurar el tamaño de las imágenes y el número de caracteres a mostrar en el resumen de las entradas, eso se hace al inicio del script, es decir, en esta parte:
summary_noimg = 400; Número de caracteres cuando la entrada NO tiene una imagen
summary_img = 300; Número de caracteres cuando la entrada tiene una imagen
img_thumb_height = 125; Alto de la imagen en miniatura
img_thumb_width = 125; Ancho de la imagen en miniatura
Si quieres darle otro estilo al enlace de Leer más como un color de fondo, cambiar el color del texto, etc. entonces pega antes de ]]></b:skin> lo siguiente:
.rmlink {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}
También puedes cambiar el texto Leer más... por otro texto cambiando lo que está en color rojo en el primer código. Si prefieres usar una imagen en lugar de un texto entonces sustituye ese texto por el código de la imagen:
<img src="URL de la imagen" />
Como ves es sencillo de instalar, el script es corto así que no habrá problemas con el tiempo de carga de la página y lo mejor es que el Leer más se hará de forma automática en todas las entradas.
Muy bueno, en Curiosidades del Mundo lo tengo, es muy bueno para post largos o con muchos Videos e Imagenes para que se cargue más rapido la web, es genial que lo coloques para que asi más se unan a esto para que sus webs carguen más rapido, deberias probarlo en Ciudad Blogger y pones que salgan 5 Entradas digo esto para que se vea mejor.
ResponderEliminarNos vemos
Este comentario ha sido eliminado por el autor.
ResponderEliminarPor cierto quiero hacer eso de las donaciones de PayPal, pero no sale como le hiciste tu
ResponderEliminarnos vemos
Hace varios meses lo puse unos días de prueba aquí pero sentí que no era adecuado para este blog (ideas mías) aunque quizá más adelante lo reconsidere.
ResponderEliminarPara las donaciones en tienes que crear un botón en Paypal, por ahí hay una opción de crear botones, cuando lo haces te dan un código, ese es el que debes usar para poner en tu blog.
Saludos.
esta muy bueno el truco potro, pero como le haga para que dando clic en la imagen igual abra la entrada
ResponderEliminarHola potro pues muchas gracias por poner lo que te pedi ^^ gracias de verdad seguire este blog mas seguido:
ResponderEliminarSALUDOS!!
Chilaverde, esa característica no se puede modificar :(
ResponderEliminarKakashiSharingan, por nada, ojalá te sea útil.
Jajaja, no sigas poniendo este tipo de cosas!!! (es broma, jeje XD)... Ahora que me voy para wordpress, cada vez que veo un tutorial tuyo me dan más ganas de quedarme, sobre todo por este... Sabes... se me ocurrió una idea... en el cambiaso para wordpress, obviamente, cambiaré también mi plantilla, así que la que tengo ahora la venderé... Jajaja XD
ResponderEliminarAscesino, espero k saques algun provecho al mudarte a wordpress.
ResponderEliminarPero te soy sincero, no hay nada como el blogger.com :P.
Jajaja.
Potro este tutorial me servira ya que yo estoy queriendo crear mi propia plantilla.
Pues igual y anímate y le compras su plantilla a Ascesino96, jajaja.
ResponderEliminarYo igual me quedo con Blogger, eso de pagar hosting al mes como que no, y más si quieres tener muchas visitas, tienes que pagar un hosting más caro que pueda tener más ancho de banda.
Perfecto ,pero una pregunta ,como hago para que aparescan mas de 5 entradas en mi blog
ResponderEliminarQue estupides eso del Wordpress y lo mas estupido es que hay gente que paga :/.
ResponderEliminarPorcierto no trato de ofender a nadie en mi comentario jejeje.
ResponderEliminarwww.bonaisima.com, entra en Configuración > Formato, y al inicio en Show at most escribes el número de entradas que quieres mostrar en la página principal.
ResponderEliminarPepeX, pues hay gusto para todo, igual si hay capital para pagar el hosting pues no hay problema.
excelente truco gracias por el dato desde hace meses buscaba como hacerlo, gracias potro eres un master
ResponderEliminarEsto es lo que yo quería!! Gracias Mr.!! jijiji
ResponderEliminarPotro, quiero poner un enlace permanente de 'ciudadblogger' en mi blog. Pero el único banner tuyo que conozco, es muy grande para el estilo que yo uso en mi site... Tienes alguno tipo botón que yo pueda aplicar??...
Gracias, Mr.Potro!!
๔คякคℓย¢คя๔, qué bueno que te ha gustado, es un truco muy útil y fácil de implementar.
ResponderEliminarSergio ♫♫♫, gracias por el enlace, aquí puedes ver distintos tamaños de banners ;)
Ya está!! jejeje
ResponderEliminarNi lo menciones, Mr.!! es lo menos que puedo hacer. (si mi blog es más tuyo que mío) jijijiji
Fuerza!!
Ola potro q hay..
ResponderEliminarOye sabes si ya no esta funcionando la nube de etiquetas en flash?
A mi ya no me aparece no se porque es esta:
http://ciudadblogger.com/2009/04/nube-de-etiquetas-en-movimiento.html
ahi la publicaste no se si ya no este funcionando espero respuesta
SALUDOS..!!
El sitio donde está alojado el script de esa nube de etiquetas parece que tiene problemas, habrá que esperar para ver si se recupera.
ResponderEliminarSaludos.
Ascesino96: no te dejes confundir pot todos esos pluguins que parecen simplificar la vida... Wordpress tiene otras complicaciones (es mi humilde punto de vista).
ResponderEliminarBro: es este el mismo script que tengo en mi plantilla ??? (gracias a ti, obvio, jajaja)
Un abrazo!!!
Hola Potro, como puedo borrar la fecha con su imagen y el read more.
ResponderEliminarpor ejemplo de esta plantilla :
http://btemplates.com/2010/02/07/rockwell/demo/
El potro, lo estoy intentando, a esto, y no me funciona, mi web es www.porvelez.com.ar
ResponderEliminarSaludos
bro, no recuerdo si es el mismo, me parece que es otro pero ambos funcionan a la perfección :)
ResponderEliminardocumentosdearquitectura, la fecha tienes que quitarla entrando en Diseño > Elementos de la página, click en Editar sobre Entradas del blog y desmarcar la casilla de la fecha. Luego busca en tu plantilla esta URL: http://1.bp.blogspot.com/_MwtPDoeubSk/S2bNUxiV63I/AAAAAAAACCo/OWfyt3VCvwA/s1600/ico_date_pink.png y elimínala. El Leer más no sé, cada plantilla usa un sistema distinto y no sé cuál habrá usado el diseñador.
Coloush +16, revisa que estés poniendo los códigos en el lugar correcto, en sí debe funcionar en todas las plantillas.
Muy bueno el post!!
ResponderEliminarIntenté reemplazar el "leer más" por dos imágenes con mouseover pero no funcionó...
Reemplacé "Leer más..." con esto:
img src="URL IMAGEN UNO" onmouseover="javascript:this.src='URL IMAGEN DOS';" onmouseout="javascript:this.src='URL IMAGEN UNO';"
La imagen uno aparece y se puede acceder al post, pero no funciona el mouseover.
Que hice mal?
Gracias!!
Ese código no funciona cuando se pone directo en la plantilla, mejor agrega los estilos en la plantilla:
ResponderEliminar.rmlink a {
background: url(URL de la imagen normal);
}
.rmlink a:hover {
background: url(URL de la otra imagen);
}
Saludos.
ahhh... me parecía que no era el mismo...jajajaja muchas gracias Bro!
ResponderEliminarUn abrazo!!!
El Potro, gracias por la respuesta.
ResponderEliminarAl principio quedaba tanto lo escrito "Leer mas" como las imágenes. Entonces borré "Leer más", pero no aparecían las imágenes.
Volví a escribir "Leer más" y lo resolví con este código:
.rmlink a {
color: transparent;
background: url(IMAGEN NORMAL);
width: XXXpx;
height: XXpx;
padding: 1px 2px;
background-repeat: no-repeat;
}
.rmlink a:hover {
background: url(IMAGEN MOUSEOVER);
width: XXXpx;
height: XXpx;
padding: 1px 2px;
background-repeat: no-repeat;
}
No se si es la solución más prolija pero funciona.
Al poner color: transparent las letras "Leer mas" no se ven, pero sí las imágenes.
Igual, es importante que el largo que ocupa "Leer más" sea suficiente para la imagen, sino éstas se ven cortadas...
Muchas gracias!
Saludos
Hola Administrador de UPF,
ResponderEliminarEsa era la idea principal, y la cuestión del color de la letra lo has resuelto perfecto. Además que, funciona y eso es lo importante.
Saludos!
una consulta, como puedo hacer para que se vean solo los titulos de las entradas osea ¿porque los canguros de llamasn asi? eso solo y nada mas! espero tu ayuda gracias!
ResponderEliminarHola gambetagol,
ResponderEliminarEste mes se publicó ese tutorial, puedes verlo aquí.
Saludos.
Potro de nuevo molestando, pero es lo unico que me faltaba en mi plantilla, y si te fijas me queda todo descolocado, es decir pone las imagenes pero pocas letras, y cuando hago click en leer más no funciona, o a veces me muestra esa entrada y la que esta debajo.
ResponderEliminarEn fin no quiero complicarte, te pido por favor si podes verlo Vos para que entiendas en www.elportaldefunes.com, espero podamos solucionarlo.
Gracias!
Hola Fernando,
ResponderEliminarMe parece que ya lo has solucionado, entré a tu blog, hice click en el Leer más de tres entradas distintas y todas abrieron sin mostrar alguna otra que no sea esa.
Saludos.
Si Gracias Potro. Abrazo!!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro lo andaba buscando y lo encontre, GRACIAS. una cosa se podria hacer que cuando ves la entrada esta sea del 100% de la pagina es decir si la sidebar.
ResponderEliminarUn saludo
Hola Nolo,
ResponderEliminarLee esta entrada, es sobre los códigos condicionales que pueden hacer eso. Al inicio hay unos enlaces, usarías algo parecido que como se hizo para ocultar la sidebar en las páginas estáticas, sólo que en su lugar usarías la condicional que le corresponde.
Saludos.
Hola Potro, por un lado al menos lo que pretendo se puede hacer, bien, pero sigo sin saber como, si seria como lo de ocultar la sidebar en las paginas estaticas.
ResponderEliminarLo unico que consegui es poner la pagina principal sin sidebar pero al entrar en la siguiente pagina ya se ve todo igual.
Un saludo
Hola de nuevo Nolo,
ResponderEliminarEs el mismo procedimiento que se usó para el de las páginas estáticas, sólo hay que cambiar la primera línea, o sea esta:
<b:if cond='data:blog.pageType == "static_page"'>
Por esta otra:
<b:if cond='data:blog.pageType == "item"'>
De esa forma la sidebar desaparecerá cuando entres en una entrada individual.
Saludos.
Mil gracias Potro.
ResponderEliminarHasta hay habia llegado yo, y lo habia intentado pero es que en vista previa no funciona, se me dio por guardar cambios y perfecto va de maravilla y puedes poner el main-wrapper a la medida que quieras, ahora le voy a dar color a la pagina.
muchas gracias. Da gusto encontrar gente que te ayude de manera desinteresada
Excelente, ¡sabía que ibas a conseguirlo!
ResponderEliminarUn abrazo.
COMO PUEDO PONER UNAS FLECHAS PARA VER LAS SIGUIENTE ENTRADA O UNA FLECHA INVERSA PARA VER LA ANTERIOR?
ResponderEliminarMAS O MENOS PONER ASI:
<< ATRAS [INICIO] SIGUIENTE >>
ESPERO ME PUEDAS AYUDAR
UN SALUDO
Dentro de la entrada no se puede, para están los links de navegación (entradas antiguas, entradas más recientes)
ResponderEliminarSaludos.
Intente, hacer pero me sale esto: y no endiendo ni J.
ResponderEliminarParse Error in Simple Template Design
There is a bug in the Simple template that is preventing Edit HTML from working correctly.
To fix this, you will need to change this line in the template:
Add spaces to the default and value attributes so that it looks like this:
For more information, please see the discussion in the Blogger Help Group.
Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:
* Describe lo que estabas haciendo cuando recibiste este error.
* Proporciona el siguiente código de error e información adicional.
bX-3t7tzx
Información adicional
blogID: 3630011126866130921
host: draft.blogger.com
uri: /html
Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias.
Buscar ayuda
Puedes ver si alguien más tiene el mismo problema: Buscar en el Grupo de Ayuda de Blogger bX-3t7tzx
Si no obtienes resultados para la búsqueda, puedes iniciar un nuevo tema. No te olvides de incluir bX-3t7tzx en el mensaje.
Hola Julio C. Vega Sanchez ,
ResponderEliminarNo he podido ver las líneas del código que te aparece, por favor lee esta entrada para saber cómo colocar códigos dentro de los comentarios.
Luego pega aquí el mensaje de error que te aparece para ver cómo solucionarlo.
Saludos.
Hola Potro..
ResponderEliminarpues me salió muy bien el "Leer más automático" :)
..pero tengo un problemilla, aunque pongo en formato mostrar
un máximo de 5 entradas solo me muestra 3.
sabes cual puede ser el problema??
Hola Dan1,
ResponderEliminarEs un problema que tiene Blogger desde hace unas semanas y aún no ha arreglado, sólo hay que esperar a que lo solucionen.
Ok, gracias :)
ResponderEliminarMuchas gracias Potro me funciono de maravilla, luego vere si cambiar esta imagen de los libros. Una preguntita Potro en mi blog esta dividido por varios temas habra manera de colocar una imagen o icono que identifique a cada categoria o tema.
ResponderEliminarHola claudia,
ResponderEliminarLa única forma en la que podrías poner un ícono distinto a cada etiqueta es crear una lista de links en un elemento HTML/Javascript.
Ahí agregas el código de la imagen y seguido de él el enlace a la etiqueta correspondiente; este procedimiento se repite uno por cada etiqueta que tengas.
Saludos.
Hola Potro, como ya sabras en la plantilla de mi blog: www.borest.net esta activado el LEER MAS con un script, el problema es que cuando alguien entra a la pestaña de ACERCA, se ve el LEER MAS, y pues eso no es bueno. Me comentaba Rosa que tengo que eliminar los codigos de ese script para añadir los que ella me selecciona para que en las paginas de blogger aparezca completa la pagina. Pero tengo problemas con los codigos, :S unos si los encuentro y otros no :S, habra una forma de encontrarlos facilmente? Saludos.
ResponderEliminarNo sé qué códigos te habrá dicho ella, lo mejor es que le preguntes a ella quien es la que te ha dado las indicaciones.
ResponderEliminarSaludos.
No me referia a los codigos de mi plantilla, que si habia una forma de encontrarlos mas rapido y facil, pero ya los encontre y elimine, Saludos y gracias por la ayuda :D
ResponderEliminarPues la única forma que yo conozco (supongo que es la misma que conoces) es usar las teclas CTRL + F y en el caso de Internet Explorer las teclas CTRL + B
ResponderEliminarSi creo que si, bueno me referia al codigo, como encontre el readmore, bueno de todos modos ya esta solucionado. Saludos.
ResponderEliminarHola. Estoy aquí de nuevo. Hace ya tiempo que uso el leer más con thumbnails. El problema que tengo ahora es que he quitado la fecha de la parte superior de los posts, y cuando los posts tienen poco contenido en letra el sumario sale descolocado.
ResponderEliminarhttp://www.fendetestas.es/search/label/Videos?max-results=10
¿Alguna idea?
¿Quizás modificando la distancia entre cada post?
Gracias
Podrías intentar separar los posts, pero quién sabe si se solucione.
ResponderEliminarPara separarlos busca esta parte en tu plantilla y cambia lo que está en negrita por un número más alto:
.post {
margin:.5em 0 1.5em;
Saludos.
He conseguido separado un poco los post dándole más margen al enlace leer más (margin:0 0 3em;)
ResponderEliminarQueda un poco raro, ya que la separación entre los posts no es regular, pero al menos no queda descolocado.
Creo que ya lo tengo. Expandiendo la plantilla, justo después de la línea de "Leer más", puse un
ResponderEliminardiv style='clear: both;'/
Y luego ajustando un poco el tamaño de los sumarios y los márgenes del thumbnail, creo que queda bastante correcto.
Gracias.
Excelente, qué bien que ya lograste solucionarlo :D
ResponderEliminarEstimado Potro, este es uno de los tantos trucos que me has enseñado y le agregan mucho valor a mi página!!
ResponderEliminarQuisiera que el thumbnail automático tuviese un borde.
Si es que se puede, ¿qué código agregaría para poder definirle el grosor y color de ese borde?
Probé agregando esto:
img_thumb_border = 2; o
img_thumb_frame = 2;
....pero no funcionó...
Muchas gracias!!
Hola Administrador de UPF,
ResponderEliminarBusca en el código que va antes de < /head> esta parte y agrega lo que está en negrita:
span style="border:2px solid #000; float:left; padding:0px 10px 5px 0px;"
Te recomiendo que elimines el padding de ahí mismo y en su lugar uses margin de lo contrario verás un espacio entre el borde y la imagen.
Saludos.
Hola Potro,
ResponderEliminarHe agregado "border.." y eso funciona bien.
Eliminé el padding y agregué esto:
margin: 0px 20px 0px 0px;
De esta manera logro alejar el texto resumen de la entrada lo suficiente a la derecha para que no quede pegado al borde que agregué, pero no elimina el espacio que ya sabías que iba a quedar.
Este espacio es (aprox.) 5px a la izquierda, arriba y a la derecha, y 10px abajo de la imagen...
Debería agregar algo más que margin para "pegar" el borde a la imagen?
Gracias nuevamente.
Saludos
Eso es porque en tu plantilla tienes predefinido que las imágenes de las entradas tengan un espacio de padding.
ResponderEliminarPara modificarlo busca esta parte:
.post img {
padding:4px;
border:0px solid #cccccc;
}
Cambia ese 4px a 0px
Saludos.
Era exactamente eso!
ResponderEliminarLo probé en un blog de pruebas, pero sólo se resolvió para el borde izquierdo, superior y derecho.
Al parecer para el borde inferior sigo teniendo algo en el código que genera una separación, de unos 4 o 5 px...
Donde podría estar eso?
Saludos!
Necesitaría ver el blog de pruebas para ver cuál puede ser la causa.
ResponderEliminarOk, pero me sucede lo mismo en el blog principal..
ResponderEliminarEl de pruebas es http://testdeunpaseo.blogspot.com/ está desastroso, por las dudas.
Si necesitas la plantilla te la puedo enviar.
Muchas gracias.
Podría ser porque también tienes un padding aquí:
ResponderEliminar.first-body img { /* Estilo para las imágenes */
padding:5px;
Fuera de eso no sé qué más pueda estar afectado esa parte.
Saludos.
Probé eso también pero no es...
ResponderEliminarDebería ser algo que agregue espacio solo abajo, pero bueno.
Muchas gracias igual.
Saludos,
Debe ser algún otro estilo que anda por ahí que lo causa :s
ResponderEliminarNo me deja guardar los cambios, le doy a guardar tras modificar el HTML, pero no lo guarda, la vista previa me lo muestra (Y POR CIERTO, LA PRIMERA ENTRADA NO FUNCIONA EL LEER MÁS, Y EN EL RESTO SI).
ResponderEliminarQue puedo hacer?, me gustaría mucho tener el leer más, llevaba tiempo buscándolo.
Muchas gracias de antemano
Si te marca error entonces no estás poniendo los códigos en el lugar adecuado.
ResponderEliminarRevisa si tienes dos veces la primera etiqueta que se debe sustituir, de ser así prueba en la segunda ubicación.
Saludos.
hola,y no es posible aplicar esto en las entradas que yo desee? =/
ResponderEliminaro...algo parecido a esto que me pueda servir....
Creo que este método te puede servir.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarOla potro, quiero implementar este truco en mi blog, pero cuando dices buscar el primer codigo " data post body " en mi plantilla ese codigo lo tengo 2 veces, cual modificare... ? mi plantilla es Silverline, por cierto mi plantilla ya viene incorporado el resumen, solo quiero añadir el boton de "LEER MAS" y tambien quiero justificar el texto para que se ordene.
ResponderEliminarEntonces revisa si el código que tienes es parecido al de esta entrada, detectalo y cambialo por el de esta entrada, luego sigue los demás pasos para personalizarlo.
ResponderEliminarHola Potro, yo tengo activado el leer mas con imagen en miniatura pero no me gusta mucho porque la imagen se distorciona la mayoria de veces. Me he fijado que cuando navegas por las etiquetas en tu blog, aparece una barrita solo con el nombre de la entrada y la opcion de expandir y contraer la entrada. Pero habra una forma de hacer que se muestre el titulo de la entrada y algo de contenido de la misma? Saludos.
ResponderEliminarNo, esa opción sólo muestra el título y nada más.
ResponderEliminarDe cualquier forma en el Leer más también muestra las entradas resumidas, sólo que con la imagen.
Si, ese es el problema, que las imagenes se distorcionan mucho, de cualquier manera gracias. Saludos.
ResponderEliminarMuchas gracias lo andaba buscando !!!!!
ResponderEliminarUna pregunta: ¿Si quisiera dejar el primer post entero podría hacerse?
Saludos!!
Listo lo logré solucionar ...
ResponderEliminarQué bueno que diste con la solución, en estos días tenía programado explicar cómo hacerlo ;)
ResponderEliminarSaludos.
Joder!! muchas gracias, me ha quedado divino!
ResponderEliminarJusto lo que andaba buscando.
Gracias por esta ayuda.
Julio
Gracias a ti por tu visita :)
ResponderEliminarhola este truco esta muy bueno gracias
ResponderEliminarpero queria saber como hacer para que la imagen
en miniatura que salga no este en el post.
como por ejemplo
que asi salga en la pagina de inicio del blog
http://i50.tinypic.com/2vdmtlu.jpg
pero cuando hagan click en leer mas salga
asi el post
http://i46.tinypic.com/oh30ap.jpg
espero que me puedas dar solucion
ResponderEliminarSi el post no tiene imagen no habrá miniatura que mostrar en la página de inicio.
ResponderEliminarestimado potro, saludos solo tenia la pequeñisima duda de lo siguiente... estoy usando esta herramienta y es justo lo que quiero en uno de mis blogs, pero quiero ponerle tabien lo que propones en "adsense en medio de las entradas" pero evidentemente a la hora de querer poner el adsense en contenido me topo que tengo 3 veces la etiqueta cual de ellas reemplazo para agregar adsense en medio de las entradas a esta herramienta??
ResponderEliminarjusto lo acabo de solucionar, primero coloque el codigo que diste para poner el adsense en medio de las entradas, como ese codigo solo tiene una etiqueta esa la sustitui por el codigo de "leer mas"... pero se me presento el problema de que el adsense se mostraba en cada uno de los elementos tipo revista, asi que agregue la condicional al codigo de adsense parseado para que solo apareciera en las entradas individuales y ahora el codigo solo se ve en las entradas cuando se mete uno en ellas y no en el resumen con imagen en miniatura, ;)
ResponderEliminarPerfecto, sin duda eres muy hábil para resolver problemas ;)
ResponderEliminarhola otra pregunta
ResponderEliminarno hay algun otro truco como este pero
que la imagen que salga en la pagina de inicio la
pueda elegir yo
Lo ignoro pero sinceramente dudo que exista esa posibilidad.
ResponderEliminarMuchísimas gracias!!! Después de mucho buscar en la web lo he conseguido gracias a tu explicación... Gracias gracias!!
ResponderEliminarHola Iris,
ResponderEliminarQué bueno que ya pudiste ponerlo y qué mejor que lo encontraste aquí :)
Potro habra una forma de mostrar el primer post completo? Sldos.
ResponderEliminarPuedes intentar usando el hack del primer post de forma diferente, aunque no te aseguro que te funcione, yo aún no lo he intentado, así que no sé si te pueda servir.
ResponderEliminarGracias, voy a probarlo. Saludos ;)
ResponderEliminarHola muy bueno tu blog, sirve micho a quienes estamos empezano. Te querìa consular si conoces alguna forma de lograr un efecto similar a este que estàs mostrando en este post pero para un blog de videos, es decir un leer mas con una imagen en miniatura pero del video. Si podes escribime a sebasilvestri@hotmail.com Gracias.
ResponderEliminarhola potro excelente post todo iva bien hasta que me encontre con lo busque con ctrl+F en mozilla lo busque paso por paso pero no lo encuentro no habra otra forma de hacer esto me es muy necesario.
ResponderEliminarSeba, con este no se puede y no creo que se pueda con algún otro al menos nunca lo he visto o.O
ResponderEliminarPeins, la primera etiqueta que hay que cambiar es básica y está en todas las plantillas, quizá está medio escondida pero tiene que estar.
tio muchas gracias,te lo agradezco infinito he colocado con éxito el leer mas, aunque tengo un pequeño problema con las imágnes que se me deforman, pero las cabiare por una proporcionales y ya esta!!!!!
ResponderEliminarPuedes cambiar el tamaño de la miniatura para que adopten un tamaño más rectangular si es que la mayoría de tus imágenes son así.
ResponderEliminarPara hacerlo busca esta parte:
img_thumb_height = 125;
img_thumb_width = 125;
Ahí cambia el ancho y el alto de la miniatura de modo que pueda parecer más un rectángulo.
El primero es el alto y el segundo es el ancho de la imagen.
Muchisimas gracias por la respuesta. Si llego a encontrarlo por ahi te aviso para que lo postees. Saludos.
ResponderEliminarHola Potro bueno como te dije si encontraba algun metodo te lo comentaba.... si bien no es lo que buscaba encotre algo interesante en un sitio y es que youtube guarda las imagenes en miniatura de los videos en: http://img.youtube.com/vi/jEOkxRLzBf0/0.jpg donde jEOkxRLzBf0 es el id del video. Asi usando este truco que comentas aqui y agregando esa imagen al final del post se puede conseguir lo que estaba buscando... Tal vez no es la mejor forma pero por ahora me sirve. Saludos. Seba.
ResponderEliminarPD: lo de youtube lo encontre en: vagabundia.blogspot.com/2009/07/las-miniaturas-de-youtube.html
Hola Potro, ya lo hice con éstos códigos pero me sigue quedando igual,en la página estática aparece el leer más y si se le da click no funciona allí :(
ResponderEliminarGaby
Una pregunta nuevamente, quiero deshacer todo el leer más para luego volver a hacerlo bien.
ResponderEliminarPero sucede que buscando los códigos que agregue para borrarlos, no me aparecen en mi plantilla. Como puedo volver a tener las entradas normales como antes?
gracias por tu paciencia
Gaby
Seba, excelente, si bien no es del todo automático creo que cumple con la función que buscas ;)
ResponderEliminarGabriela, primero hay que quitar el script que va antes de </head> luego eliminar el segundo código que se menciona y en su lugar poner <data:post.body/>
Recuerda que hay que expandir los artilugios para encontrar los códigos. ¡Saludos!
Muchas gracias por tu paciencia, has sido mi salvavidas..
ResponderEliminarGaby
Muchas gracias amigo, me ha servido muchisimo
ResponderEliminarMe alegro que te haya sido útil :)
ResponderEliminarHola. Lo primero, muchas gracias por tus aportaciones. Son muy útiles y están realmente bien explicadas.
ResponderEliminarMi blog (http://recortesdeorientemedio.blogspot.com/) muestra el primer post de manera diferente, tal y como explicaste tú mismo aquí en otra ocasión. ¿Hay algún modo de que esta función de imágenes en miniatura y leer más automático NO afecte al primer post? Muchísimas gracias.
Debe haber algún modo pero hasta el momento no he podido conseguir que funcione de esa manera :(
ResponderEliminarBueno, muchas gracias de todos modos. Pensaba que podría hacerse usando algún condicional, pero mi escasísimo conocimiento de css o html no da para tanto. En fin, seguiré leyéndote por si das con la clave :)
ResponderEliminarSí se trata de las condicionales y cuando he hecho pruebas he estado muy cerca pero aún me falta un detalle que no logro solucionar, pero seguro que cuando encuentre la forma lo compartiré ;)
ResponderEliminarHola Potro, hace poco entre en el mundo blogger, y voy siguiendo tus trucos y me resultan excelentes!! Te cuento que aplique el "leer mas automático" pero cuando pretendo entrar a la entrada me envía a otra pagina. Como lo puedo solucionar?? desde ya mil gracias por tus aportes la verada son muy buenos. Te dejo mi blog para que veas el efecto www.aselco.blogspot.com. Saludos
ResponderEliminarEl script lo has colocado bien pero al parecer tienes un problema con un redireccionamiento, no sé si hayas añadido algún gadget últimamente o hiciste un cambio en la configuración del blog o algún otro cambio que afectó tu dominio.
ResponderEliminarEs justo lo que necesito...pero he intentado colocarlo y no encuentro la forma de darle formato. Me quedan los párrafos sin justificar. ¿Ideas?
ResponderEliminarhttp://adolfoalfonzo.blogspot.com
En el código que va antes de /head busca esta parte y agrega lo que está en negrita:
ResponderEliminarspan style="float:left; padding:0px 10px 5px 0px; text-align:justify;"
Saludos.
No amigo Potro. No funciona. Hace todo el trabajo, pero no lo justifica.
ResponderEliminarPor otra parte, ahora hay un conflicto con .rmlink { y el que tenia antes .jump-link {
En el segundo el leer más personalizado lo hace bien. En el primero no.
Deje la pagina como estaba. Le envio el codigo por correo.
Realmente necesito ayuda.
Gracias
Bien, entonces intentemos con esto otro, en el primer código que hay que sustituir busca esta parte y agrega lo que está en negrita:
ResponderEliminar<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div style='text-align:justify;' expr:id='"summary" + data:post.id'><data:post.body/></div>
Lo del link del leer más no te he entendido, el .rmlink es para en enlace del leer más automático de esta entrada, el .jump-link es el que usa Blogger para su leer más, así que si usas el leer más automático ya no hay necesidad de usar el de Blogger.
Saludos.
Voy a probar luego amigo Potro. Luego le comento.
ResponderEliminarGracias.
Gracias hermano. Efectivamente ya funciona. Lo justifica muy bien, Ahora solo queda ajustar las imágenes para que al reducir no se deformen.
ResponderEliminarLo del "leer mas" creo que es un problema de la plantilla. Lo tuve que dejar "por defecto" (creo que es algo de la variables iniciales de color) Es extraño...porque me funcionaba bien como lo tenia antes (leer mas de Blogger).
Nuevamente gracias.
Chispas esto es casi lo que andaba buscando, pero sera que me puedas ayudar Potro, yo solo quiero ponerle una imagen al read more y que este alineado a la derecha, no quiero que mis entradas se corten automaticamente. He buscado en el codigo y he encontrado esto:
ResponderEliminarb:if cond='data:post.hasJumpLink'
div class='jump-link'
/b:if
Siento que aqui le puedo agregar una imagen pero he hecho vambio pero no logro obtener el resultado. Espero que me puedas ayudar, de antemano gracias.
Mira esta entrada.
ResponderEliminarMuchisimas gracias, me ha funcionado.
ResponderEliminarAmigo Potro.
ResponderEliminarMe funciona muy bien con el último método. Lo justifica correctamente. Aunque hace una seguidilla de palabras con subtítulos, etc., etc. y todo aquello que se encuentra entre las primeras 400 palabras.
Lo de “leer más” personalizado ya lo arregle poniendo un poco de atención (leer y re leer los códigos).
Efectivamente al copiar los atributos de .jump-link (los que tenia modificados) y llevarlos al .rmlink solo cambie el primero. Por supuesto generaba tremendo conflicto y tomaba el “por defecto” de los atributos que le continuaban.
.rmlink {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a { *****EL ERROR CORREGIDO antes decía .jump-link
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
rmlink:hover { *****EL ERROR CORREGIDO antes decía .jump-link
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}
Muchas gracias y date una vuelta.
http://adolfoalfonzo.blogspot .com
Saludos cordiales,
Exacto, a eso me refería, los .jump-link sólo sirven cuando se usa el Leer más de Blogger pero no para este, para este se usa .rmlink, tal como lo has cambiado :)
ResponderEliminarGracias una vez más por tu ayuda, esto en concreto me v iene muy bien ya que mi blog esta lleno de videos e imagenes. Solo una cuestión, ¿podemos utilizar el script tal cual, quiero decir sin necesidad de alojarlo nosotros o puede afectar en algo?
ResponderEliminarUn saludo
De hecho el script está tal cual, del modo que lo explico aquí mismo estaría directo en tu plantilla sin necesidad de tener que hospedarlo en algún lado con lo que no dependerás de otro sitio ni se alentará tanto la carga de la página.
ResponderEliminarSaludos.
¡Hola! Me gustaría saber si con esto, antes de abrir la entrada, se pueden ocultar las etiquetas que tiene, los comentarios y todo lo demás. ¿Me explico?
ResponderEliminarGracias de antemano.
Sino me equivoco en tu plantilla de por sí se ven esos datos en la portada, tendrías que buscar el inicio de donde empiezan esos datos (puedes basarte en esta entrada) y poner al inicio de ellos esto:
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
Y al final de esos código esto:
</b:if>
¡Pues sí! Muchas gracias: solucionado. Por centésima vez me has salvado la vida jeje
ResponderEliminar¡Hasta luego!
hola postro!!!RDJOBERO aqui nuevamente truquiando cada dia mas el blog para mejorar siempres,como veras este tema es de mucha importancia para mi pero al colocarlo en mi blog de pruevas eh notado que las fechas que tendo en todas las entradas no me aperecen con o sin la imagen k le tendo y en verdad no me gustaria perder el look k tienes la fecha en todas las entradas,te agradezco como siempres cada una de la ayudas k me as brindado hermano y mucho saludo lerfy...www.rdjobero.com
ResponderEliminarEl problema es que la fecha la tienes dentro del área de las entradas por lo tanto el script la mete dentro del resumen, si estuviera junto al título no habría problema.
ResponderEliminarque devo de hacer para corregir esto de tal manera que no me elimine la fecha del blog potro y gracias de ante manos por tu pronta contestacion como siempres amigo saludo nuevamente
ResponderEliminarPodrías probar poniendo el código de la fecha arriba de:
ResponderEliminar<div class='post-header'>
Con eso debería funcionar aunque no todas las plantillas se comportan igual.
lo intentare potro y luego te dire haber como se ve.......saludos
ResponderEliminaracabo de revisar mi plantilla potro y efectivamente el codigo de la fecha estas ahi mismo encima depero ya veres haber k hares mas adelante ya que me encantaria que la fecha como estas quedaras justa mente al lado del titulo de la entrada pero eso es un rollo de madre hacerlo,cuidate y un millon de saludo desde carolina del norte para ti y todos tus seguidores...www.rdjobero.com
ResponderEliminarbuenas! me sirvio muy bn el tutorial :) pero tengo un problema, en el resumen de la entrada no se me ven los espacios, los renglones q estan separados. tampoco se ven las palabras q habia puesto en negrita o con un color especifico, pero al presionar el "Leer Mas" si se ve perfecto.
ResponderEliminarhay alguna manera de q tmb se vean estos detalles en el resumen? xq me qeda feo y no me sirve sino...
Hola Annie, el script no reconoce los estilos tales como alineación, negrita, colores, etc. ya que sólo es un pequeño resumen de lo que el lector encontrará.
ResponderEliminartengo una pregunta: Se podri poner auto el tamaño de las imagenes ??
ResponderEliminarGracias
Sólo acepta medidas en pixeles.
ResponderEliminarcomo hago para poner a la derecha y abajo como en tu blog rspondones
ResponderEliminarCon lo que se explica en la entrada queda debajo y a la derecha, en el caso de tu blog queda arriba porque tus entradas no tienen contenido, su tuvieran texto quedaría abajo como el de todos.
ResponderEliminarHola, mi proble es que en mi blog yo no muestro el leer mas... sino la primera imagen del post, pero el problema es que al hacer click en la imagen no entra al post si no que envia a otra pagina que simepre es la misma: http://multiweblibre.blogspot.com/undefined
ResponderEliminarcomo podri a corregir esto para que en cada post entrase mediante la imagen, ya que la unica manra es haciendo click en el titulo????
Este es mi blog http://multiweblibre.blogspot.com/
y de antemano muchas gracias =)
Que entre haciendo click en la imagen no se puede. El otro problema supongo que es por alguna configuración de la plantilla, quizá el autor de la plantilla pueda darte más información al respecto.
ResponderEliminarSaludos.
El probelma es que no me acuerdo de donde descarge esta platilla, como podria buscar al autor?????
ResponderEliminarEn la plantilla están los datos, se llama: Gallery, fue diseñada por AskerAkbar y su sitio es www.bloggerthemes.net
ResponderEliminarHola Potro, mi duda es que solo quiero que al colocar el leer mas(de forma manual) poder cambiar el enlaze con una imagen, asi como lo tienes en este tutorial pero sin todo lo demas, se puede?
ResponderEliminarsaludos
Con este no se puede y desconozco si con algún otro sistema se pueda.
ResponderEliminarGracias por contestarme. esta padre esta forma de poner las entradas pero no queda a como las pongo yo xD y que mal que no se pueda lo que yo quiero :/ pero como buen mexicano medio hize que jalara, solo que se pone en todas las entradas xD pero por mientras me agrada.
ResponderEliminarsaludos y gracias de nuevo
Hola a todos, necesitaría que me ayuden. Opté por modificar la plantilla para que las entradas tengan el "leer más", pero después de esa modificación no puedo poner "negrita o bold" en el texto. Alguien podría ayudarme? GRACIAS!
ResponderEliminarEn los resúmenes de la portada no se ve ningún estilo, ya sea negrita, tamaño de fuente, color, etc. Eso sólo se visualiza estando en la página individual.
ResponderEliminarHola Potro! Soy otra vez Iris; verás, he cambiado la plantilla de mi blog, he personalizado yo una pero a partir de los códigos html de otra plantilla (porque de programación no entiendo nada). El caso es que quiero volver a poner lo de leer más, que me parece muy elegante... ¡¡Pero el código que has puesto no le encuentro por ningún lado!! Digo el código a sustituir
ResponderEliminar¿Hay alguna otra forma de nombrarlo? He buscado y no encuentro nada ni parecido... ¿Por qué parte de la plantilla suele aparecer? Estoy perdida... Si necesitas algún código o algo, dímelo.
Muchísimas gracias, de verdad!! Ojalá me puedas salvar por segunda vez!!
Hola María,
ResponderEliminarBusca bien, todas las las plantillas tienen esa etiqueta que hay que sustituir, esa es básica pues es la que hace que se muestren las entradas así que debe estar quizá un poco escondida pero seguro estará.
Saludos.
Ya lo conseguí! Tenías razón, estaba un poco escondida... Muchas gracias :)
ResponderEliminarno me resulto me sale lo que tenia ante y luego la modificación que le hice me salen las dos mezcla en la pagina puedo hacer para que me salga solo la modificación que le hice
ResponderEliminarRevisa que pongas los códigos en el lugar correcto.
ResponderEliminarmagnifico! es genial
ResponderEliminarexelente potro gracias lo andaba buskando desde hace tiempo tienes un cuidadado mas
ResponderEliminarGracias a ti por tu visita :)
ResponderEliminarlas verdad muy bueno gracias pero el unico inconveniente (siempre tiene que haber uno?) es que los hace automatico con entradas tan cortas que no es necesario... saludos!
ResponderEliminarPotro, muy bueno este truco, pero veo que no es para utilizar con entradas expandibles. Es decir, el leer más lleva a otra página (la de la entrada completa), pero no la expande sin necesidad de abrir una nueva página.
ResponderEliminarEs así, no? O hay alguna manera de utilizarlo con entradas expandibles?
Gracias.
Ummm no, hay uno que expande las entradas pero no es automático, tienes que hacerlo manualmente en cada una de tus entradas.
ResponderEliminarSin embargo observo que en el blog de Gem@ está implementado algo así, al menos es lo que se deduce cuando uno ve las entradas de su blog.
ResponderEliminarPuede que yo esté equivocado, obvio.
Gracias Potro.
No enrique, ahora que veo tienes toda la razón. Podrías preguntarle a ella y seguro te dirá cómo hacerlo, la verdad es que nunca lo he intentado y erraría en darte un dato que posiblemente esté mal.
ResponderEliminarSaludos.
oye Potro, buenísimo el post, pero sabes tuve un problema. el color de texto, de fondo y efecto de cursor por encima de leer mas, no queda con los colores que quiero. quedo con colores que yo no elegí ....
ResponderEliminar¿a que se deberá?
Necesitaría ver en cuál blog lo has puesto así como los colores que querías que aparecieran.
ResponderEliminargracias, tu post fue muy iluminador, y salvador jejeje, gracias
ResponderEliminarGracias, lo puse y no me funciono pero despues no se que le movu y funciono xD muchas gracias :D
ResponderEliminarHabrás presionado el botón correcto al final ;)
ResponderEliminarGracias potro nuevamente, he configurado leer más y funciona perfectamente
ResponderEliminarMe alegro que ahora ya funcione :D
ResponderEliminarPotro tengo un problema a ver si ayudas, mira cuando instalé el leer mas como lo explicas aca arriba me surgió un problema con las imágenes, el tema es que cuando termino el post, la imágen se ve espectacular, pero cuando lo guardo y visualizo la pagina entera con los post cortados por el leer mas se me DEFORMAN las imágenes y no se como arreglarlo a eso, quiero que las imágenes salgan bien, tenés idea de como puedo arreglarlo¿??.
ResponderEliminarEspero tus comentarios.
Recuerda que el procedimiento es automático y las imágenes miniatura también adquieren el tamaño que estableces en el script, todas quedan con las mismas dimensiones. Lo único que puede hacerse es que si la mayoría de tus imágenes son rectangulares entonces edites los valores de las miniaturas donde se indica para que estas queden en forma rectangular y no se vean tan distorcionadas.
ResponderEliminarHola. He instalado perfectamente el "leer más", pero me pasa como a Gabriela (comentario 107), no se me abren las páginas.
ResponderEliminarComo a continuación te hace otra pregunta, estoy un poco liado.
¿Cómo hago para visualizar las páginas estáticas completas?
Gracias, un saludo.
Hola JRio,
ResponderEliminarSi has seguido los pasos de esta entrada no tendrás problemas con las páginas estáticas pues el script tiene una condición que hace que las páginas se muestren completas.
Si no has seguido los pasos de esta entrada y en su lugar tienes otro método deberás deshacerlo y hacer el que se explica aquí.
Saludos.
El Potro, tenías toda la razón.
ResponderEliminarHe deshecho todo, y lo he vuelto hacer con tus indicaciones... me ha quedado ¡perfecto!.
Hacía tiempo que había quitado las páginas, menos mal que no llegué a eliminarlas.
Muchas gracias por tu rápida respuesta.
Saludos.
Pues ya podrás mostrarlas sin ningún problema ;)
ResponderEliminar¡Saludos!
Hola Potro, quisiera saber como puedo hacer para que el "Leer más" oculte los comentarios, etiquetas y esas cosas...
ResponderEliminarMira, en Respondones (http://respondones.com/) sólo sé el resumen, osea con la imagen pequeñita y la cantidad de palabras establecidas y nada más.
En cambio en el mio
(http://unpocomasdemiseryalma.blogspot.com/)
se ve todo lo que en Respondones no.
Donde debería poner el código para ocultar esas partes. Es que quiero que quede así bien prolijo.
Ojalá puedas responderme. Besitos ♥
Hola Miss Darcy,
ResponderEliminarExpande los artilugios y busca esta etiqueta:
<div class='post-footer'>
Arriba de ella pon esto:
<b:if cond='data:blog.pageType == "item"'>
Luego busca más abajo hasta encontrar con el cierre de esa primera etiqueta, es decir esta </div>
Hay varias de esas pero es una que está más abajo de 'post-footer-line post-footer-line-3'
Bueno, ya que la encuentres pones abajo de ella esto:
</b:if>
Si te marca error es porque no lo has puesto en el </div> indicado, así que tendrás que probar con otro que esté cerca.
Saludos.
Hola Potro,
ResponderEliminarBuenas noches hermano ¿Como esta todo?, tanto tiempo sin saber nada de ti, bueno entre hoy y mañana te escribo para ponernos al día.
En esta oportunidad te escribo, por que tengo un problema con un blog en el cual estoy trabajando y es el siguiente: cuando descargue la plantilla del blog, sale que tiene esta funsión de leer más habilitada, pero si entras al blog te daras cuenta de que nos es asi, sale la palabra MORE, pero no esta reducida la entrada se ve completa.
Intente cambiarlo y hacer las modificaciones en el html, pero al buscar la etiqueta que indicas al principio, me salen varias con ese nombre y no se cual cambiar o que hacer... Si me puedes ayudar con esto hermanito, te lo sabria agredecer como siempre!!!
Un fuerte abrazo, espero tu respuesta y estamos en contacto!!!
El blog es: http://etiquetacaribemargarita.blogspot.com/
Hola Giancarlo,
ResponderEliminarQué gusto leerte de nuevo por aquí. Desconozco qué método haya usado el autor de esa plantilla, pero probemos con lo siguiente:
Pega el código que se indica que va antes de </head>
Luego busca este código:
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
Y remplazalo por este:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Espero que con eso baste. Saludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarHola Potro.
ResponderEliminarSimplemente NO Quiero aceptar el código, pongo el y no hay caso...
Luego de la linea que me marcaste donde debia ir el 'b:if', yo lo coloco justo antes del 'b:includable' donde acaban todos los 'div' pero no quiere guardar la plantilla ¬¬
Ojalá puedas darme una pronta respuesta con algo de ayuda talvez.
Besitos ♥
Prueba ponerlo antes de:
ResponderEliminar</div>
</b:includable>
jejeje, Excelente !!
ResponderEliminarGracias.
Hola Potro Buenas noches,
ResponderEliminarHermano muchas gracias, solucionado ese tema y que raro yo siempre dandote lucha con las plantillas que elijo... Bueno ahora se me presentaron varios cangresos y son los siguientes a ver si me ayudas con esto:
Todo en el mismo blog anterior.
1- Quisiera quitarle ese titulo que tiene el blog que dice: bloggertricks, que ahora sale de los dos lados de la cabecera y se monta encima del titulo del blog...¿Me ayudas?
2- Quiero que salgan 10 entradas en la pagina principal y ya cambie la funsión en donde dice formato... y fijate que no me hizo el cambio y siguen saliendo ese numero de entradas. ¿Me ayudas con esto tambien?
3- Por otro lado cada vez que hago una modificación en el blog y le doy a guardar, me sale la pagina de error :(, no se que pasa y luego cuando le doy actualizar resulta ser que si hiso el cambio... ¿Sabes algo de esto?
4- Este blog anteriormente estaba hecho en una plantilla que tenia el fondo negro, por lo cual las entradas debian ser escritas en colo blanco para que se vieran. Ahora con esta nueva plantilla, pues no se ve el texto que esta escrito, ahora bien, existe alguna forma de que yo pueda cambiar el color de todos los textos de las entradas de forma global, es decir, que no sea entrada por entrada???
5- Y por ultimo, cuando estoy en Diseño de plantilla y trato de mover los elementos de la sidebar, por ejemplo que quiera pasar algun elemento que tengo del lado derecho al izquierdo, pues no me deja hacerlo, lo hace pero cuando le doy a guarda, me sale la bendita pagina de erro y ese cambio si no me lo guarda...
DISCULPAME POR TANTAS PREGUNTAS hermano, y nuevamente gracias por tu ayuda y apoyo...
hola potro. pues aquí voy con mi consulta. quiero añadir para que sirvan de "dividers" entre las entradas resumidas de mi blog, unas imágenes pequeñas que sean al azar.
ResponderEliminarel problema es que no tengo el campo de gadgets bajo las entradas en la página de diseño y no lo he conseguido añadir (en el resto de la plantilla puedo poner gadget en cualquier sitio ya)
si me puedes dar alguna pista sobre si es mejor crear un gadget y añadir el de este artículo tuyo, o hacerlo de otra forma, te lo agradezco.
si pasas por mi blog imagino que entenderás más o menos lo que quiero.
a ver, he intentado varias cosas, pero sé por qué no me funciona.
ResponderEliminarantes tenía el linkwithin y cuando hice las "entradas resumidas con imágenes" aparecía este widgets al final de cada resumen, a modo de separador. o sea que se puede poner un widget al final en el footer y que aparezca en las entradas resumidas.
pues ahora me creo un widget, lo pongo en la ventana de diseño justo al final del post, pero resulta que ahora aparece sólo al final de todos los resúmenes.
he tratado de incluír el widget en el post-footer pero no sé como hacerlo bien.
por cierto, el linkgwithin lo quité de la plantilla en "diseño" no en la plantilla en código HTML.
de verdad estoy liada con esto. imagino que sólo hay que hacer una llamada, pero no me sale. ¡socorro¡
el rotador de banner que estoy tratando d eincluir en el footer es este http://ciudadblogger.com/2009/06/crear-un-rotador-de-banners-al-azar.html
Hola Giancarlo,
ResponderEliminarPara quitar ese texto prueba eliminando desde:
<!-- begin logo -->
hasta
<!-- end logo -->
Respecto al número de entradas, desde hace unos meses Blogger implementó la auto paginación, esto es que es él quien determina cuántas entradas se muestran sin importar si lo has configurado, esto es para evitar que los blogs tarden mucho en cargar.
No tengo información sobre ese error, pero sí había leído hace un par de semanas que había un error que estaba dando latas a algunos, pero al parecer es de esos errores de Blogger con los que están trabajando para solucionarlo.
En esa plantilla que usas no sé con exactitud cuál es el área de las entradas para saber dónde está el color, pero una manera que aplicará el cambio para todos los textos del blog es modificando debajo de body {
donde dice 'color' ahí puedes cambiar el color del texto que deseas, eso sí, no cambiará los colores de los textos a los que ya le hayas hecho un cambio manualmente.
Y pues por el último problema no sé qué pueda ser, podría tratarse de la plantilla o de algún otro problema. Prueba hacerlo desde otro navegador para ver si tienes el mismo conflicto.
Saludos.
Hola leda,
ResponderEliminarEn esta entrada se explica cómo poner separadores (dividers) en la plantilla.
En tu caso, en lugar de poner el código de la imagen que se menciona ahí deberás poner el código de la entrada que has dejado como referencia y con eso tendrás un separador "al azar".
Saludos y no te desesperes ;)
hola,potro,muchas gracias por todo, mi blog cada vez queda mejor,muchas gracias,una pregunta, como ago para sacarle el leer mas,a las entradas que son muy chicas, ose no es nesesario ponerles ese link.
ResponderEliminarhola potro
ResponderEliminarme re anduvo, re bien explicado, lo hice con una imagen y todo, jajaj
pero se me achican las imagenes que publico en los post del mismo tamaño del boton, cuando apreto leer mas recian se agrandan, ¿como hago para que aparezcan del tamaño que quiero en el resumen?
handa a mi blog y fijate, bueno, en realidad no es el mio, ayudo con el diseño, jaja
http://casiangeles-top.blogspot.com
planetaglee, con este método no es posible, pero quizá quieras echarle un vistazo a esta entrada de Oloblogger:
ResponderEliminarhttp://oloblogger.blogspot.com/2010/10/sumarios-automaticos-casi-definitivo.html
Mariano..., es porque en el resumen las imágenes se convierten en miniaturas y en las entradas individuales recobran su tamaño normal. Puedes cambiar el tamaño de las miniaturas como se explica en la entrada, pero afectará el mismo tamaño a todas las miniaturas.
hola, muchas gracias,me sirvio mucho, segui haci, tu pagina me gusta mucho. gracias por todo.
ResponderEliminarGracias a ti por tu visita :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHolis!! En los Comentarios 183-184 y 188-189 me ayudaste para que pudiera poner el "Leer más" como en "Respondones"....
ResponderEliminarBueno...
YA FUNCIONAAAAAA!!
No es en mismo Blog que antes, pero en este nuevo que estoy haciendo VA DE MARAVILLA! 1° me dijo que no, pero luego en vez de debajo del div, lo puse al lado y QUEDOOOOOOOO!!!
Soy Tan feliz que quería Compartirlo, Gracias por las explicaciones extras en los Comentarios.
Ahora y abusando de esa amabilidad.... Me dirías como puedo hacer para cambiar el Icono de Blogger en la pestaña del Blog, es decir, a ver si se entiende mejor....
Cuando abro tu Blog, arriba en las pestañas donde están los nombres de las páginas que tengo abiertas en mi Google Chrome, al lado de la que corresponde a tu blog, figura como un icono de la mitad de tu banner, es decir ese que tiene los edificios y uno es Naranja.
Bueno yo quiero eso mismo, pero con mi propio icono en mis Blogs....
Me dirías si ya publicaste algo así de como se hace o me dirías porfis?? ^^
Besitos ♥