¿Cómo poner Leer más con imagen a mi blog?

Buenos días tardes hoy traigo otro tutorial a pedido de Candela-chan de clasicylove.blogspot.com (los tutos están pedidos últimamente *-*), gracias por la confianza m(_ _)m Antes que nada aclarar que este tutorial lo aprendí de otro blog, al final pondré los créditos respectivos; no obstante este tuto tiene mi pequeño aporte que en este caso son los renders que edité de "Leer más".

Bien comencemos con el paso a paso ＼(・｀(ｪ)・)/

PASO 1: Clic en 'Plantilla → Edición de HTML → Continuar → Expandir plantillas de artilugios'

PASO 2: Buscar  <data:post.body/>  (Control+G para una buscar más rápido)

PASO 3: Sustituye ese código por este...

<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:13px; 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'>Leer más...</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>

PASO 4: Ahora antes de  </head>  pega el sgte. código...

<script type='text/javascript'>

summary_txt = 410;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

//<![CDATA[

// Script original de Anhvo, modificado por ciudadblogger.com

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, 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://img836.imageshack.us/img836/3563/1111ur.png" 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>

PASO 5: Clic en 'Vista previa', se ve bien no? Bueno ahora guarda todo.

 MODIFICACIONES: 

(A) El código que está en color purpura es el URL de la imagen que se mostrará por defecto si tu publicación no tiene imagen. Puedes cambiarla por la que más gustes o dejarla así jejeje.

ESTA ES LA IMAGEN

(B) El código en color rojo Leer más... puede quedar así si gustas en sólo texto o puedes sustituirlo por una imagen (como hice yo *-*). Abajo (↓↓↓) dejaré unos renders de 'Leer más' y sus respectivos códigos.

<img src="http://img28.imageshack.us/img28/4633/leerms.png" />

<img src="http://img838.imageshack.us/img838/5996/leerms1.png"/>

<img src="http://img690.imageshack.us/img690/3008/leerms2.png" />

<img src="http://img850.imageshack.us/img850/9296/leerms3.png" />

<img src="http://img694.imageshack.us/img694/8349/leerms4.png" />

<img src="http://img831.imageshack.us/img831/6663/leerms5.png" />

<img src="http://img41.imageshack.us/img41/7987/leerms6.png" />

<img src="http://img195.imageshack.us/img195/544/leerms7.png" />

<img src="http://img203.imageshack.us/img203/5136/leerms8.png" />

<img src="http://img402.imageshack.us/img402/63/leerms9.png" />

<img src="http://img23.imageshack.us/img23/3382/leerms10.png" />

Pues todos estos renders los diseñé yo, son mi sudor y desvelo jejeje si vas a tomar uno favor de dar los créditos que corresponden igualmente con el tutorial que no es mí sino de El Potro de Ciudad Blogger (sos grande *o* muchas gracias por el tuto). Es todo hasta más tarde ahora me retiro que ya es hora del almuerzo y debo continuar con unos trabajos de la univ.