Tutorial:Colocar las entradas en cajitas♥

Hola  , ya estoy aqui de nuevo  uff creo que me desapareci dos semanas, losiento , estuve primero yendo al hospital para sacar nose que cosa  seguro creo. mi mama me obligaba a ir  , pero bueno al final dijeron que se agotaron , era gratis solo por un tiempo , llege tarde, es que siempre cuando ibamos nos decía que estará abierto mañana y mañana asi todos los dias  que este abierto donde se sacaba el tique algo asi para ya que me manden a revisar , pesar, medir,ir al psicologo , etc . y al final ya me arte le dije a mi mama que vaya ella nomas , y cuando fue , solo se podía sacar para una persona de la famailia   , y bueno se quedo mi mama nomas , y bueno con eso perdí una semana , luego estos dias estuve enseñando a mi primo Calculo mi favorito   , y bueno también estuve haciendo unas plantillas, con los fondos que me encontré por el inter cuando me encuentro un fondo bonito me da inspiración en hacer una nuevo diseño♥ 

Y bueno me pidieron dos tutoriales , este es uno .como poner las entradas en cajitas o como las tengo yo, pero esta es otra forma , ya que la que tengo aun nose que hice ewe , pero ya que la mayoria quería eso , empece a buscar por alli algunos codigos , y los edite para que salga parecido al mio ♥ 

Al final les dejo un video tutorial para que se guien ♥

Paso 1 : entra en Plantilla / Edición de HTML

Presionamos Ctrl+F y colocamos

<data:post.body/>

La eliminamos y la remplazamos con el siguiente codigo:

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

Presionamos Ctrl+F y colocamos

</head>

Ahora pega antes de </head> lo siguiente:

  <script type='text/javascript'>
summary_noimg = 200;
summary_img = 80;
img_thumb_height = 50;
img_thumb_width = 50;
</script>
<script type='text/javascript'>
//<![CDATA[
/******************************************
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

Y debajo de el pega también esto:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post {
border: 1px solid #2E2E2E; /*Tamaño Tipo Color borde de las entradas */
float:left;
height: 210px; /* alto de las entradas */
width: 280px; /* ancho de las entradas */
overflow: hidden;
}
.post h3 a {
padding-left: 5px;
color: #5A606D; /* color del título de las entradas */}
h2.date-header { /* Con esto escondemos la fecha */
height:0px;
visibility:hidden;
display:none
}
.post-footer { /* Estilos del post-footer */
text-transform: uppercase;
font: normal normal 68% &#39;Trebuchet MS&#39;, Trebuchet, Arial;
line-height: 1.4em;
}
#blog-pager {
clear:both;
}
 .post img{
height: 160px;/* alto de las imagenes */
width: 275px;/* ancho de las imagenes */
margin-top: -10px;
}
.post.hentry {/* Estilo de las entradas Principal */
margin-top: -50px!important;/*Quitar si sus entradas se ponen muy ariba */
font-size: 11px;/*Tamaño del texto */
color: #736F70;/* Color del texto */
border: 5px solid #7ACAC1;/*Tamaño Tipo Color borde de las entradas */
background: #FFF9E7;/* Fondo de las entradas*/
margin: 1px 8px 60px;/* Separacion de las entradas,si elimino el azul poner en 8 el 60 */
padding: 15px 13px;
}
</style>
</b:if>
</b:if>

Ahora lo importante para terminarlo ♥
Buscamos

.post-outer  {

lo que tengamos dentro lo borramos antes de }
Luego agregamos Antes de ]]></b:skin> lo siguiente :

.post {/* Estilo de las entradas Secundario */
font-size: 11px!important;/*Tamaño del texto */
color: #736F70!important;/* Color del texto */
border: 5px solid #7ACAC1!important;/*Tamaño Tipo Color borde de las entradas */
background: #FFF9E7!important;/* Fondo de las entradas*/
margin: 4px 2px 30px!important;/* Separacion de las entradas*/
padding: 15px 13px!important;
border-radius: 7px!important;
margin-bottom: -15px!important;
}
#comments {/* Estilo de caja de Comentarios*/
font-size: 11px;/*Tamaño del texto */
color: #736F70;/* Color del texto */
border: 5px solid #7ACAC1;/*Tamaño Tipo Color borde de caja comentario */
background: #FFF9E7;/* Fondo de la caja comentario*/
margin: 4px 2px 30px;
padding: 15px 13px;
margin-bottom: -15px;
border-radius: 7px;
margin-top: 30px!important;
margin-bottom: -15px;
}

 Y listo eso es todo ♥  ,espero que les halla funcionado , si tienen algun problema solo pregunten  les prometo que les respondo,ahorita no respondí aun las dudas de algunas pero ya mas ratito lo hago  ♥ codigo de ayuda (x)
Por favor vean el video tutorial por que se hacen otras cositas mas por ejemplo en poner las entradas cuantas queremos que estén en la principal , y ponerlas bien♥

Oh por cierto tengo una ahijada espero que se pasen por su blog 

Es ♥Grimmy♥ su blog es este :

My friki space

Tiene tutoriales,recursos , muchas cositas que les gustara  ♥ les agradezco mucho si se pasaron por mi ahijada  

Son las 3:00 am aqui  nose si hay alguien despierta ,bueno si ve antes que me levante mi ahijada es que el botoncito ya lo pongo cuando me levante jeje, me boy a dormir ,estoy cabeceando y también ya abra plantillas disponibles