Ayuda urgente con Plantilla

Hola!

Necesito por favor dos cosas, la primera es alinear la foto de cada entrada del post (en la pagina principal del blog) con el titulo de la entrada, como podrán ver las imagenes quedan mas abajo del titulo, ya he tratado subiendolas un poco pero al mismo tiempo se sube el recuadro de "read more" solo quiero subir la foto y alinearla con el titulo.

Lo otro, el texto preliminar que sale en la pagina principal de cada entrada quiero saber si hay una forma de que se muestren mas lineas, como veran en el 1er articulo se ve mas texto que en esl 2do y no entiendo por que ni como hacer para que se vea un poco mas de texto de lo que contiene el articulo.

Acá el Blog:
Viral Social Media

Muchas Gracias.

Primero la portada es asi no se pueden alinear las imagenes con el titulo, solo podrias hacer lo siguiente desde la plantilla seria poner la fuente de la letra mas pequeña, ademas pones titulos muy largos, de todas formas las imagenes no subiran porque son así en la portada, lo cual queda muy bien, no sé por qué quieres alinear nada.

Segundo no pones las imagenes centradas dentro del post las pones a la izquierda deberias centrarlas para que al leer el articulo se viera cierto diseño y no una imagen a la izquierda.

Sobre lo de que sale mas o menos texto en cada una de las dos entradas, tendrias que ir a tu plantilla de blogger

y mirar esto

<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 140; //summary length when no image
summary_img = 140; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;

-Si te fijas pone unas cantidades, son los números de caracteres que quieres mostrar en cada post, si quieres menos deberas bajar la cantidad o subirla tienes que ir jugando con esto, tambien depende del titulo es muy largo y la letra muy grande.

Luego si te fijas en el mismo codigo de tu plantilla más abajo veras esto:

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:right; padding:30px 10px 5px 20px;"><img class="imgkahome" src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;


La negrita es que la imagen esta a la derecha right intenta cambiar algunas partes del codigo hasta dar con lo que te guste.

Gracias por responder amigo, estaré revisando. También gracias por los consejos sobre el diseño que tomaré en cuenta.