martes, 23 de febrero de 2016

resumen 2



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 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'><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;
}

No hay comentarios:

Publicar un comentario