Poner el "Seguir leyendo" automáticamente

Este "Seguir leyendo" es automático y el que está puesto en este blog.



BUSCAR:

</head>


JUSTO ANTES PONER:

<script type='text/javascript'>
summary_noimg = 150;
summary_img = 150;
img_thumb_width = 150;
img_thumb_height = 150;

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

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>


BUSCAR:

<data:post.body/>


IMPORTANTE: suele haber dos. Es el que tiene debajo el siguiente código:

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>


SELECCIONARLO Y SUSTITUIR POR:


<b:if cond='data:blog.pageType != "item"'>
<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'>Seguir leyendo...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


BUSCAR:

]]></b:skin>


Y COLOCAR ANTES:


.rmlink{
background:#222;
padding:3px 10px;
margin-top:10px;
float:right;
display:block;

-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}

.rmlink a{
font-family: arial, verdana;
font-size: 80%;
color:#FFF;
text-decoration:none
}

.rmlink a:hover{
background:#023779 url() repeat-x;color:#FFF;
text-decoration:none
}

No hay comentarios:

Publicar un comentario

Los comentarios están moderados. Serán visibles después de ser aceptados por la administradora del blog.

Los anónimos (a no ser que lleven un nombre reconocible dentro de su contenido) serán leídos pero no publicados.

Volver a "Chesana".