an miles de plantillas personalizadas para Blogger y muchas de ellas tienen incluido sl script que genera resúmenes automatizados con imágenes en miniatura. Pero a veces quienes descargan estas plantillas no desean utilizar esta característica. Así que sí deseas eliminar el Leer más automático sólo hay que seguir unos cuantos pasos para dejar las entradas "normales". En realidad lo que haremos será lo inverso a lo que haríamos si quisiéramos instalar por primera vez esta característica.
Primero que nada, como tocaremos partes importantes de la plantilla haz un respaldo de la misma, luego entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca un código como 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>
Si te pierdes un poco en encontrar el código busca lo que está en color rojo y de esa forma reconocerás todo lo demás.
Algunas veces puede variar un poco el código y quizá no sea exactamente idéntico, pero deberá tener mucha similitud.
Cuando lo encuentres elimínalo con mucho cuidado, y en su lugar pon esto:<data:post.body/>Una vez hecho esto dale Vista Previa, si todo ha salido bien ya deberán verse las entradas completas sin ningún resumen. Ahora vamos a quitar el script de la plantilla para que no tenga que estar cargando inutilmente.
Para ello busca antes de </head> o después de <head> un código como este y elimínalo:
<script type='text/javascript'>Con eso habrás quitado por completo el Leer más automático con imágenes en miniatura y tus entradas se mostrarán de forma completa.
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>
| |
| . | |
El contenido y material publicados así como la asistencia impartida es completamente gratuita. Tu contribución permite que este sitio continue en funcionamiento.
|
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.
Últimos artículos
El nuevo diseño en la Edición HTML de Blogger- Abr 10
Blogger nos ha sorprendido desde ayer con un nuevo cambio, una Edición de HTML más moderna y profesional. Esta nueva interfaz en la Edición de HTML...(leer mas)
Personalizar la barra de desplazamiento (scrollbar) con jScrollPane - Abr 08
jScrollPane es un script de jQuery que permite cambiar la barra de desplazamiento del blog, es decir, el scrollbar del navegador.Si bien podemos usar...(leer mas)
Valoración de estrellas en el blog por parte del autor - Abr 01
La mayoría de los sistemas de valoración que conocemos son para que los usuarios califiquen una entrada, pero qué pasa si no queremos la calificación...(leer mas)
Menú horizontal con subpestañas y buscador integrado 2 - Mar 24
Hace algún tiempo vimos el menú horizontal con subpestañas y buscador integrado y desde eso me han preguntado cómo hacer ese mismo menú pero de...(leer mas)
Artículos más visitados
Blogs de ayuda
Únete en Facebook
Ciudadanos
Agréganos en Google+
Archivo del blog
- ▼ 2011 (127)
- ► septiembre (5)
- ▼ julio (10)
- Botones flotantes para compartir de Facebook, Twit...
- Botón Google+1 (PlusOne) en una barra flotante
- Poner emoticons en Blogger estilo Facebook
- Mostrar resumido el feed del blog
- Boton Google +1 con mensaje al hacer click
- Errores comunes al poner los códigos CSS
- Google y los dominios co.cc desindexados
- Usando la etiqueta Fieldset y Legend
- La Edición de HTML de vuelta en la nueva interfaz ...
- Quitar el Leer más automático en las entradas
Enviar por correo electrónicoEscribe un blogCompartir en XCompartir con FacebookCompartir en Pinterest
Saludos de Carmen
Gracias Potro y saludos
http://aquarellaibague.blogspot.com
Gracias potro!....
Si quisieras poner una imagen en lugar del texto entonces sólo usa el código normal de una imagen:
<img src="URL de la imagen" />
Saludos.
Por fin pude cambiar esa frase en ingles jejeje...
Potro y por casualidad sabes como cambiar la frase que sale arriba de los post para los comentarios que dice 4 COMMENTS por 4 COMENTARIOS, incluso busque la que decia NO COMMENTS y la cambie por REALIZA TU COMENTARIO y fue exitoso, pero no encuentro la que te dije anteriormente (4 COMMENTS) me ayudas porfa! ;)
Gracias por tu paciencia!
modifique esta parte del blog:
<data:post.numComments/> comments</b:if></a></b:if></span>
Por esta otra:
<data:post.numComments/> comentarios realizados</b:if></a></b:if></span>
Jajaja estaba facil, la palabra a modificar estaba abajito y la descubri de chiripaso!...
Si ves potro cada dia aprendo mas de ti! que buen maestro!.... Gracias!....
Muchisimas gracias de antemano y disculpa si pongo el link de la pagina. Es de referencia.
http://www.soyunblogger.com
CebicheTV, mira el comentario #10, sigue los mismos pasos pero tú buscarás la frase:
Seguir leyendo »
MaGoS RaDioMuSiC, un abrazo!
Fran Rodríguez, yo lo hago poniendo el código en un bloque entrecomillado
<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>
No guardes los cambios, dale Vista Previa, si todo está bien entonces sí guardalo ;)
Saludos.
karloselectronica, Google dejó de indexar esos dominios hace unos días, esa es la razón:
https://twitter.com/ciudad_blogger/status/86616167917174784
a.readmore:hover{background-color:#AA1F20;color:#fff;display:none}
al cual como podras ver puse, display:none ya que si no lo hacia iba a salir el link con ese color, es necesario poner display none o lo borro ese codigo del todo?
Con lo que respecta al buscador, fui a opiciones generales (buscador de adsense), luego puse todas las paginas de internet y continuar, me genero 2 codigos los cuales agregue al buscador.
Para el buscador, entra a esta página:
http://www.google.es/cse/
Dale administrar y verás tu buscador, click en panel de control, en el menú izquierdo selecciona Diseño, ahí puedes elegir dónde quieres que se muestren los resultados, por ejemplo, ancho total hará que los resultados ocupen todo el ancho de la página.
www.eluniversodemartina.blogspot.com
Alejandro, gracias a ti por tu visita!
miryam, qué excelente idea que se haya animado a adentrarse al mundo de los blogs, les deseo la mejor de las suertes y sobre todo que lo disfruten!
Debajo de .footer-outer { debe haber una línea como esta:
border-top: dashed 1px $(widget.alternate.text.color);
Elimínala y con eso se deberá ir esa línea debajo del blog.
¡Saludos!
Te dejo un enlace donde podrás ver los códigos de esas áreas, así puedes elegir cuáles poner y cuáles quitar:
http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html
Saludos!
gracias por adelantado!
Hay dos líneas de puntos ahí, para eliminar la primera busca y quita esta parte:
.blog-pager {
background: $(paging.background);
}
Para eliminar la segunda línea punteada busca y elimina esta parte:
.footer-outer {
border-top: $(footer.bevel) dashed #bbbbbb;
}
Saludos.
Si aplicándolo ahí no aparece entonces ve a Diseño > Elementos de la página, click en Editar sobre Entradas del blog, y ahí marca la casilla del lápiz.
Si eso tampoco fuera suficiente expande los artilugios de la plantilla y busca esta línea:
<p class='post-footer-line post-footer-line-2'>
Arriba de ella agrega lo siguiente:
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</b:if>
</span>
MI BLOG
Y se ve así: http://dl.dropbox.com/u/14249105/wweenespfir.JPG
Saludos y perdona las molestias.
http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html
elimine leer mas
pero los botones de compartir de blogger
solo aparecen al dar clic en la entrada
mi blod es http://videospacion.blogspot.com/
http://bit.ly/oli8kf Ese es mi código y si me encontrás lo que debo borrar te estaré muy agradecido.
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
Elle, prueba quitando sólo el script, para que lo ubiques empieza así:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 500;
Con los artilugios expandidos buca esta parte de tu plantilla:
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Cambia lo que está en negrita por esto:
href='URL del enlace'
Ahí pon la URL del enlace al que quieres que dirija y listo.
Seguramente estoy haciendo algo mal.
Si existiera alguna forma en la cual puedas brindarme asistencia, desde ya muy agradecido
Saludos !
Te mando un abrazo y gracias por esta ayuda, ya quedo implementado y funcionando en las paginas estaticas
Otro abrazo para ti.
No veo que hayas realizado los pasos que se indican en la entrada, aun está el script del Leer más, y la otra parte del código. Es necesario que apliques ambos cambios. Recuerda antes hacer un respaldo de la plantilla, y antes de guardar los cambios dar Vista Previa.
Al menos en esta plantilla no, en otras si u.u
Tengo un problema con la PLANTILLA "Futere X"
lo que sucede es que al parecer el CODIGO que debo eliminar Esta disperso en mi PLANTILLA, y al eliminarlo. la Plantilla se desordena por completo... y yo solo quiero que las entradas se vean completas y no con el Molesto "READ ME"
Que puedo hacer...?
Este es el BLOG Dale un ojo para ver que pasa.
http://statusrock-bolivia.blogspot.com/
Luego busca donde dice Read More y elimina ese texto.
- el lapiz de mostrar edición rapida.
- reacciones.
- Mostrar enlace para el envio de entradas.
- botones para compartir, ni la ubicación.
Intente varias opciones de varios blog, pero resulta que los codigos que ellos mencionana no aparecen en mi plantilla html y no se donde insertar los cambios.
Mi blog es http://hfvasesoriaintegral.blogspot.com, podrías ayudarme.
Entra en Diseño > Elementos de la página, haz click en Editar sobre Entradas del blog, ahí marca las opciones que te hacen falta. Si activádolos no se vieran entonces ponlos manualmente:
http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html
http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html
Me salen muchos codigos parecidos y hay demasiada confucion con el codigo,xfa si alguien tiene la solucion mande a Crackerboy-666@hotmail.com
ESTA ES LA PLANTILLA
------------------------------------
besttheme.net/download/Future-X.zip
------------------------------------
Muchas Grasias POTRO si esto se resuelve te Juro que te hago un Banner Gigante en mi BLOG xD jaja Grasias...
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
te comente por mail mi situacion.
resulta que no encuentro nada en toda la plantilla que indique y mucho menos encuentro todo lo que engloba esa frase.
serias tan amable de entrar a mi blog y ver que es lo que tengo que modificar para que no aparezca el leer mas?
gracias
http://jotikaproductions.blogspot.com
Acabo de instalar esa plantilla en un blog de pruebas y es el mismo procedimiento.
Primero quita el script que se menciona en la entrada, empieza así:
<script type='text/javascript'>var thumbnail_mode = "float-left" ;
Una vez que lo encuentres identificarás el resto para saber hasta donde hay que eliminar.
Ya hecho eso las entradas aparecerán completas, ahora sólo busca:
<a class='rmore' expr:href='data:post.url'> Read More …</a>
Y elimínalo.
Eh... Recuerdas la Plantilla LIQUID
Pues eh estado dándole muchas vueltas y pues reparando tus tutoriales y pues ahora tropiezo nuevamente... y me sale ESTO.
========================
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "div" must be terminated by the mat
Error 500
==============
Asegúrate de eliminar sólo lo que se indica, y que al hacerlo no se borre nada sin querer.
Saludos.
La plantilla es "LIQUID" la puedes ver acá.
http://btemplates.com/2011/blogger-template-liquid/
y pues aun no logro hacer que la entrada se vea completa... es un horror...
Ayuda porfa....
De hecho con quitar el segundo código si le das Vista Previa verás que ya se empiezan a ver completas.
He hecho lo que has dicho y si borro el Script que mencionas sigue apareciendo el dichoso LEER MAS...
aparte si elimino el otro texto que pones en las entradas no aparece texto... muy raro todo...
gracias potro!
Quisiera que no quedarán rastros de que ahí hubo antes un "Leer más...".
En éste enlace, encontrarás una vista previa de mi plantilla.
De antemano mil y un gracias por la ayuda prestada.
Saludos!
El código es bastante similar sólo que tiene uno que otro elemento incluido y por eso parece algo confuso.
Elimina todo esto:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<div class='footer-meta'>
<span class='read-more' style='background:#3282BD; color:#fff; padding:7px;float:left;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
<span class='post-footer-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</b:if>
</b:if>
Y en su lugar pon esto:
<data:post.body/>
Con eso la entrada se mostrará por completo. Ya sólo quita el script que está antes de </head> y listo.
Saludos.
Ahora espero que quitando éste código pueda ayudarme a solucionar mi problema con AdSense, como bien te comentaba por email.
Un Abrazo hermano!
Abrazos.
Revisa que hayas quitado todo lo que se menciona en la entrada.
me ayudas?
mi themplate es TIBERION.
Aqui puedes verlo.
http://besttheme.net/download/Tiberion.zip
Ambos códigos están en tu plantilla.
Saludos.
Si es así revisa que arriba de <div class='post-footer'> tengas este código, sino lo tienes agrégalo:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
ni aparese el titulo ni la foto aparese en el tamaño real etc.... y se cortan las letras
Quisiera saber como puedo hacer, seguì tu tutorial al pie de la letra, pero ahora una vez realizado el cuerpo de mi entrada aparece cortado: http://ladissors.blogspot.com es decir, la foto de la entrada por la mitad, pareciera que no toma la orden de mostrar el cuerpo completo de la entrada, como puedo hacer? :(
Gracias!
Saludos.
He seguido al pie de la letra el tutorial, y lo que viene siendo el "READ MORE" está eliminado...
Ahora bien, el tamaño de la entrada en la página principal, sigue siendo minúscula como cuando estaba el "Read More".
king-faces.blogspot.com
Muchas gracias
Además de los pasos de esta entrada busca y elimina este código:
<style type='text/css'>
.post{background:none repeat scroll 0 0 #F6F6F6;border:1px solid #FFFFFF;float:left;height:330px;margin:0 25px 30px 0;overflow:hidden;padding:10px;width:278px}
.thumbimagex{max-width:278px;max-height:120px;overflow:hidden;margin:0px 0px 10px 0px !important;;padding:0 !important;border:none !important;background:transparent;}
.post-title{font-size:14px !important;line-height:16px !important}
.meta_author {display:none;}
#blog-pager {width:625px;}
</style>
Un abrazo Potro.
alejoeivo.blogspot.com/
gracias
http://pruebas9320490324.blogspot.com/p/pagina-d-eprueba.html
A excepción de "Home", La barra de herramientas te lleva a la otra pagina q esta como "Mantenimiento",
Pero total, hay te dejo la pagina y lo que pasa, Saludos!
http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html
Baje una plantilla donde esta el leer mas con imagen pero tambien aparece en la paginas y al querer entrar no pasa nada mira te dejo un link
http://bajandopeliculaslatinas.blogspot.com/p/pedidos.html
saludos espero tu ayuda xD
La plantilla la baje de aqui
http://www.cblog.info/2011/08/template-cinema.html
http://btemplates.com/2009/blogger-template-woody/
Pero, si quieres hacer la plantilla desde cero entonces lo más conveniente es que uses una original de Blogger y en base a ella le vayas haciendo las modificaciones que deseas. Saludos.
Muchas gracias!
Además, si es posible desactivar el <!--more--> de las entradas desde la plantilla, ¿se podría hacer mediante un condicional que solo la primera entrada se vea completa y que las siguientes aparezcan resumidas?
Saludos y gracias por todo..
Lo que sí sé es que con ese sistema que usa Blogger puedes aplicarlo a todos de forma automática:
http://www.oloblogger.com/2011/03/sumarios-automaticos-sin-javascript.html
http://ciudadblogger.com/2010/03/titulos-expandibles-en-la-pagina.html
Muchísimas gracias por todos los tutos, MUY fácil de entender porque está MUY bien explicado. Mis felicitaciones :)
Lo primero agradecerte tu atención tanto en el blog como en las redes sociales.
Tengo un problema con mi html:
Llevo días intentando quitar la opción de leer más (Read More) automática de mi blog.
El caso es que he seguido lo que dices en un post. Efectivamente, se me elimina el Read More automático y solo sale si lo pongo yo, pero por el contrario no me aparecen los botones de redes sociales, ni todo lo que se ve al final de post.
Solo quiero que aparezca si le pincho dentro del post lo de los comentarios y los artículos relacionados. Mientras que quiero que en la home aparezcan los post y debajo, como separación entre un post y otro, los botones de redes sociales y las etiquetas.
Un saludo y gracias! Ánimo con el blog!
http://jorgerabanosprofesional.blogspot.com.es/
Esas condicionales son las que indican que esos elementos se muestre únicamente en las entradas individuales, así que si quitas:
<b:if cond='data:blog.pageType == "item"'>
y
</b:if>
Aparecerá también en la portada.
Muchas gracias por ayudarme.
Saludos
http://ciudadblogger.com/2011/02/elegir-que-resumen-mostrar-en-el-leer.html
Pues quiero quitar este read more pero no puedo me puedes ayudar! Lo he intentado pero no se me quita. Te dejo mi blog: http://plantilladepequemundossims.blogspot.com.es
<script type='text/javascript'>
var thumbnail_mode = "float" ;
Lo de la imagen y el color no sé a qué te refieres :/
http://ciudadblogger.com/2009/02/cambiar-color-de-fondo-por-una-imagen.html
Saludos.
tengo un blog y quiero quitar el leer automatico pero no se que borrar...
mi blog: www.nvgame.blogspot.com.es
http://ciudadblogger.com/2011/05/ultimas-entradas-por-categorias-con.html
http://ciudadblogger.com/2011/07/quitar-el-leer-mas-automatico-en-las.html
miblogg club-dhayzone + net
yo tengo esta plantilla en blogger: http://btemplates.com/2011/blogger-template-myfolio/
y quisiera que las entradas y paginas no aparecieran en cuadrados! sino que me las muestre de una completamente si tener que hacer click en las imagenes! hay alguna manera de quitarlo? desde ya muchas gracias! espero me puedas ayudar con esto! :)
Quizas cambie de plantilla a ver si puedo hacerlo con otra :/
Queria hacerte otra pregunta tambien pero no relacionada a esto, hay algun mail en donde pueda preguntarte?
Pd. Eliminé el comentario por el aviso que está al final de la página.