" Leer Mas " En Los Post

Este Tutorial Es Adelantado >u< Pensaba Publicarlo Después De Otros Dos ^^Pero Por Un Pedido , Aquí Esta *u*Espero Que Me Entiendan >o<

Oky , Seguramente Habran Visto En Algunos Blogs

Que En Las Publicaciones Dice "Leer Mas" ; "Continuar Leyendo" ; Etc.

Ok , Hoy Veremos Como Hacerlo :

MANUALMENTE :

Cuando Escribimos Algo Sumamente Largo Y Queremos Que
Se Cargue Bien El Blog Y No Tarde , Solo Colocamos Un "Salto En Linea"
Es El Iconito En Forma De Papel Roto ^^

¿Como Cambio La Frace "Leer Mas" ?
La Forma Mas Simple Es Asi :
Nos Vamos A Diseño Y Hacemos Lo Siguiente :

Bueno , Eso Es Principalmente , Pero , Si Queremos Darle Algo De Estilo ??
O Colocar Una Imagen ??


Hacemos Lo Siguiente :
*Estilo Al Texto*
Diseño / Edición HTML / CTRL + F / Buscamos :


]]></b:skin>


ARRIBA De Ello  Colocamos Esto : 

.jump-link a {

padding:5px;

background:COLOR DE FONDO;

color: COLOR DE LETRA;

font: 10px verdana; <--- TAMAÑO Y ESTILO DE LETRA

border: 1px dotted #f00; <-- BORDE (aprende a editarlo aquí)

text-decoration: SUBRAYADO/TACHADO/ETC;

}

.jump-link a:hover {

padding:5px;

background:COLOR DE FONDO;

color: COLOR DE LETRA;

font: 10px verdana; <--- TAMAÑO Y ESTILO DE LETRA

border: 1px dotted #f00; <-- BORDE

text-decoration: SUBRAYADO/TACHADO/ETC;

} 

Y Editar Lo Marcado En Celeste ^O^
*Una Imagen En Ves De Texto*


Nos Vamos A Diseño / Edición HTML / Expandir Artilugios / CTRL + F / Buscamos Lo Siguiente :

<data:post.jumpText/>

Luego De Encontrarlo , LO BORRAMOS Y SUSTITUIMOS Por Lo Siguiente :

<img src="URL DE TU IMAGEN">

Cambia Lo ROSADO Por La Url De La Imagen Que Quieras Poner ^u^


--------------------------------------------------------------------------------
"LEER MAS" AUTOMÁTICO


 Nos Vamos A Diseño / Edición HTML / Expandir Artilugios / CTRL + F / Buscamos Lo Siguiente :

<data:post.body/>

BORRAMOS ESA LINEA Y LA SUSTITUIMOS POR :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id' style='font-size:TAMAÑO DE LETARA; text-align:justify;'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);</script>

<span class='rmlink' style='float:right'><a expr:href='data:post.url'>EL TEXTO QUE QUIERAS QUE APAREZCA (puede ser una imagen)</a></span>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Cambiamos Lo Que Esta En VIOLETA ^w^
si es una imagen colocar <img src="URL DE TU IMAGEN" />
Ahora Buscamos :

</head>

ARRIBA Pagamos Lo Siguiente :

<script type='text/javascript'>summary_txt = 410;img_thumb_width = 120;</script> 
<script type='text/javascript'> //<![CDATA[// Script original de Anhvo, modificado por ciudadblogger.comfunction 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, pURL){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");if(img.length<=0) {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="http://i1176.photobucket.com/albums/x333/MeloChan/cakes1.jpg" width="'+img_thumb_width+'px" /></a></span>';summ = summary_txt;}if(img.length>=1) {imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';summ = summary_txt;}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}//]]></script>

Editamos :


410 número de caracteres que tendrá el resumen.
120 ancho que tendrán las imágenes en miniatura.


La URL (http://i1176.photobucket.com/albums/x333/MeloChan/cakes1.jpg) Es Esta Imagen :

Aparecerá Cuando Tu Post NO Tenga Imágenes ^u^

Cámbiala Por La Que Quieras ♥