Entradas resumidas para Blogger con vista previa [Enlace Actualizado] – coche – Negocios

BloggerPlugins tiene un increíble script con el que se pueden establecer resúmenes automáticos para Blogger. Al script le he hecho varias modificaciones para simplificar el uso y las personalizaciones de éste, además de alivianar el peso del plugin y del código en general.

El tutorial:

Recordar que es importante hacer un respaldo de la plantilla antes de hacer cualquier cambio.

Paso 1: Añadiendo el script en la plantilla:

En "Diseño | Edición HTML" deberás marcar la casilla "Expandir plantillas de artilugios". Deberás buscar la siguiente línea:

/head

Arriba de ésta pega el siguiente código:

script type='text/javascript'
var thumbnail_mode = "float" ;
summary_noimg = 420;
summary_img = 380;
/script
script src='http://yourjavascript.com/4613105437/entradas-resumidas.js.txt.js' type='text/javascript'/

Paso 2: Añadiendo los resúmenes automáticos en Blogger:

Ahora, deberás buscar la siguiente línea:

div class='post-body entry-content'

Si no la encuentras busca la siguiente:

div class='post-body entry-content' expr:id='"post-body-" + data:post.id'

Nota: Si no encuentras ninguna de las 2, entonces busca el /div que contenga dichas clases (Es decir: post-body entry-content)

Arriba de esta línea deberás pegar el siguiente código:

!-- resúmenes inicio --
b:if cond='data:blog.pageType == "index"'style.post-body {display:none;} .resumen {display:block;} /style/b:if

b:if cond='data:blog.pageType == "item"'style.post-body {display:block;} .resumen , .enlace-salto {display:none;} /style/b:if

b:if cond='data:blog.pageType == "static_page"' style.post-body {display:block;} .resumen, .enlace-salto {display:none;} /style/b:if

div expr:id='"summary" + data:post.id' class="resumen"data:post.body//div

script type='text/javascript'
createSummaryAndThumb("summarydata:post.id/");
/script

div style='clear: both;'/
a class='enlace-salto' expr:href='data:post.url' rel='bookmark'Leer más/a

!-- resúmenes fin --

Paso 3: Aplicando CSS:

En este paso es necesario que apliques flotaciones, dimensiones y todo lo que desees para hacer que las entradas resumidas se vean de forma correcta. Como me encargué de editar el script, los ID's nuevos para crear los atributos son los siguientes:

#resumen-entrada {/*Aplica acá los atributos al resúmen/texto*/
}
#imagen-entrada {/*Aplica los atributos al contenedor de la imagen del post*/
}

#imagen-entrada img { /*Los estilos alojados acá modificarán la imagen del contenedor*/
}
.enlace-salto {/*Corresponde al enlace "Leer más"*/
}

Ahora bien, les dejo este código ya elaborado para que no sea necesaria tanta intervención, llevan comentarios destacados en verde para que puedan entender más fácilmente:

#imagen-entrada {
width:150px;/*Reemplaza este valor por el ancho que tendrá la miniatura*/
height:150px;/*Reemplaza este valor por el alto que tendrá la miniatura*/
overflow:hidden;/*Permite ocultar la imagen cuando ya no haya espacio en el cuadro*/
float:left;/*Cambiar por right para cambiar la imagen a la derecha*/
border:5px solid #fff;/*Color y tamaño del borde*/
box-shadow: 0 0 1px #222;/*Sombra tenue en los bordes del cuadro*/
}
#imagen-entrada img {/*Algunos valores impresindibles para que la imagen se vea correctamente*/
min-width:150px;/*Ancho mínimo de la imagen, para no dejar espacios en blanco si es muy pequeña*/
min-height:150px;/*Altura mínima de la imagen, para no dejar espacios en blanco si es muy pequeña*/
}
#resumen-entrada {
float:right;/*Cambiar por left para alinear el resúmen a la izquierda*/
width:400px;/*Ancho del resúmen*/
}
.enlace-salto {
background:orange;/*Color del fondo enlace*/
color:#fff; /*Color del texto*/
padding:5px;/**/
border-radius:5px; /*Bordes redondeados*/
float:right;/*Orientación*/
}

Este código deberás pegarlo antes de:

/b:skin

Te aconsejo que suprimas el código en verde ya que ocupará mucho espacio.

Enlace del script de respaldo:

Descargar Script

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football history FIFA World Cup,smart,huge/big,scienciemedia,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

DONATE OLD CARS TO CHARITY car insurance quotes mn mesothelioma law firms Structures Annuity Settlement Car Insurance Quotes PA arizona auto accident attorney donating used cars to charity CAR INSURANCE QUOTES UTAH Hire php developer HARDDRIVE DATA RECOVERY SERVICES Dwi lawyer Asbestos Lawyers Cheap Domain Registration Hosting Paperport Promotional Code Personal Injury Law Firm truck accident attorney texas personal accident attorney Criminal defense lawyer Live casino PhD in counseling education Donating a Car in Maryland Casino reviews Forex Trading Platform Mobile casino How to Donate A Car in California Low credit line credit cards Casino Donate Car to Charity California Cheap Car Insurance for Ladies Life Insurance Co Lincoln georgia truck accident lawyer SELL ANNUITY PAYMENT compare small business phone systems Photo Christmas cards mesothelioma ct cash out structured settlement benchmark lending DONATE CAR FOR TAX CREDIT california motorcycle accident lawyer Seo services Php programmers Online casino Motor Replacements FUTURISTIC ARCHITECTURE asbestos mesothelioma lawsuit selling my structured settlement Criminal lawyer Miami accident attorney in los angeles CHEAP DOMAIN REGISTRATION HOSTING Best criminal lawyer in Arizona Social media examiner federal criminal defense attorney best accident attorneys los angeles motorcycle accident lawyer google affiliate Business finance group ROYALTY FREE IMAGES STOCK Best social media platforms Online classes Forensics Online Course mesothelioma information World Trade Center Footage Make money online Australia Donate Your Car Sacramento email bulk service Social media campaigns auto accident lawyer san francisco VIRTUAL DATA ROOMS mesothelioma care WordPress hosting Tech school personal injury attorney springfield mo DUI lawyer new mexico mesothelioma lawyer Criminal lawyer Business management software WordPress theme designers Hire php developers CAR INSURANCE QUOTES COLORADO Hire php programmers Low Credit Line Credit Cards Social media platforms dui lawyer scottsdale Met auto Bankruptcy lawyer Annuity Settlements car insurance in south dakota WordPress themes for designers cheaper insurance companies donate your car for kids lease management software Online Christmas cards Auto Accident Attorney Auto Mobile Insurance Quote semi truck accident lawyers Service business software Php programmers for hire Custom WordPress theme designer quotes car Claim WEBEX COSTS Cheap Car Insurance in Virginia Computer science classes online Seo companies cheap auto insurance in va paperport promotional code phd in counseling education Best social media platforms for business all about mesothelioma New social media platforms mesotheliama Attorney Social media platforms for business Injury Lawyers Best Seo company