Consulta codigo sobre visualizacion de posts/entradas

[mrwarlock]

Buenas noches, me gustaría saber si me pueden ayudar con este código (al final de post) . Ya que edite las visualizaciones de mi plantilla para que se vea al estilo magazine con una imagen pequeña de pre visualización, el problema es que la imagen que aparece en miniatura al darle click no me lleva a la entrada que corresponde la imagen sino que me lleva a una página "undefined" quisiera saber si me pueden guiar para cambiar esto para que, al darle click a la imagen en miniatura, me lleve a la entrada al igual que lo hace el titulo de la entrada.
Y por otro lado ¿hay alguna manera de cambiar el fondo de las entradas?



Es decir cambiarlas con un if o algo por el estilo? me gustaría cambiar lo que es el fondo negro y ponerle a gusto blanco, gris, azul a otras entradas al mismo tiempo. Con un ejemplo es más fácil:

Si subo un post de fútbol que el fondo de la entrada de fútbol sea el de una pelota, y si el post es de comida que sea de un plato de comida. No que todas tengan el mismo fondo, pero que tampoco sea al azar sino programado, espero que se entienda.

Acá les dejo el código.

<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:left;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<da ta: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>

<script type='text/javascript'>
summary_txt = 133;
img_thumb_width = 100;
</script>

<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo
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="URL DE LA IMAGEN EN MINIATURA" 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>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>

.post {
float:left;
height: 250px; /* alto de las entradas */
width: 250px; /* ancho de las entradas */
margin: 5px;
padding: 0px 5px 5px 5px;
border:1px solid #FFB700; /* Color del borde */
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;/*borde redondo */
-webkit-box-shadow: 6px 4px 6px #808080; -moz-box-shadow: 6px 4px 6px #808080; box-shadow: 6px 4px 6px #808080; /* sombra del post */
overflow: hidden;
background: url(URL de la imagen); /* color de fondo de las entradas */
color: #fff; /* color del texto de las entradas */
}
h3.post-title { /* titulo del post*/
font: bold 1.9em/1em Courier New, Courier, monospace;
letter-spacing: -.05em;
margin: 0 0 10px;
color: $titlecolor;
}
.post h3 a {
padding-left: 5px;
}
.rmlink a {
color: #39ADCE; /* color del texto Leer más */
text-decoration:none;
}
.rmlink {
float:right;
background: url(URL de la imagen); /* Color de fondo */
border: 0px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink:hover {
background: #d9095c; /* Color de fondo al pasar el cursor */
border: 0px solid #000;
text-decoration:none;
}

.post-author { /* autor*/
height:0px;
visibility:hidden;
display:none
}

.post-footer { /* Estilos del post-footer */
height:0px;
visibility:hidden;
display:none
}
.post-footer-line-2{ /* Estilos del post-footer */
height:0px;
visibility:hidden;
display:none
}
#blog-pager {
clear:both;
}
</style>
</b:if>
</b:if>

Desde ya muchas gracias!