El TRUCO [LEER MAS] EN TU BLOG 2.0

Weno varias quieren este truco pero muy pocos lo tienen ^^ weno io hace un tiempo publique una entrade con este truco pero lamentablemente ia no funciona porq los js subidos se borraron ahora les traigo este codigo para el mismo truco pero estavez el funcionanmiento es 100% y eso es porque io lo estoi usando xD weno sin mas palabreo aki el codigo y el minituto de como se coloca espero q sea de su utilidad.

SCRIPT LEER MAS EN BLOGGER

Primero nos vamos a:

Diseño > Edición de HTML > expandimos artilugios

Busca la etiqueta data:post.body/ para facilitar la busqueda precione [Ctrl + F] y coloq la etiqueta, una vez localizada la etiqueta remplazarla por el siguiente codigo:

<b:if cond="'data:blog.url"><br /><div id="'"><data:post.body/></div><br /><script type="'text/javascript'">blentradaresmn("blportadarsmn<data:post.id/>");</script><br /><span class="'blenlaceleerms'" style="'float:right'"><a href="'data:post.url'"> Leer más...</a></span><br /></b:if><br /><b:if cond="'data:blog.pageType"><data:post.body/></b:if>
Aki puedes modificar para q en vez q salga [Leer mas...] salga otro texto

Ahora, encuentra la etiqueta /head; y añade el siguiente script justo antes de la etiqueta recuerden [Ctrl + F] para mas facil busqueda:

<script type="'text/javascript'"><br />blresumenno = 420;<br />blresumensi = 340;<br />blalturaimg = 100;<br />img_thumb_width = 120;<br /></script><br /><script type="'text/javascript'"><br />//<![CDATA[ function bltred(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){>")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx =" strx.substring(0,chop-1);" div =" document.getElementById(pID);" blimgn1 = "" img =" div.getElementsByTagName(" blpost =" blresumenno;">=1) {<br />blimgn1 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+blalturaimg+'px" /></span>';<br />blpost = blresumensi;<br />}<br />var blportadarsmn = blimgn1 + '<div>' + bltred(div.innerHTML,blpost) + '</div>';<br />div.innerHTML = blportadarsmn;<br />}<br />//]]><br /></script>

Weno ia con esto terminamos con el truco solo queda guardar la plantilla, pero si aun quisieras adornar o arreglar el enlace leer mas puedes agregar estos estilo CSS para dar efectos al enlace.

En este caso, añade encima de /b:skin
; este bloque de CSS:

.blenlaceleerms {border: 1px solid #cccccc;padding: 4px;background: #f4f4f4;}

Lo primero nos indica el borde, que tiene un grosor de 1 píxel, luego biene el color #cccccc [si desea puedes cambiar el color]

Luego nos indica la distancia que hay entre el texto y el marco [padding:4 px] y lo último aporta un color de fondo gris claro [también puedes editarlo].