Leer más con imágenes en miniatura mejorado (2) – Domains

Este script no es compatible con Internet Explorer por lo que se recomienda seguir usando el método anterior.

Hace un par de meses les presentaba una mejora del Leer más con imágenes en miniatura el cual incluye una imagen predeterminada para las entradas que no tienen imágenes, tamaños proporcionales en las miniaturas y la posibilidad de ingresar a la entrada haciendo click en la imagen. Y aunque creía que ya no había nada más que hacerle a ese script siempre hay inquietudes de los usuarios; y algo que preguntan con frecuencia es porqué las entradas resumidas no respetan los espacios entre cada punto o salto de línea; o por qué si sus entradas tienen negritas y cursivas no se veían en los resúmenes, en otras palabras, que los sumarios se ven muy planos al no mostrar los formatos del texto.

Y bueno, haciéndole unas ligeras modificaciones conseguí que la entrada resumida pueda mostrar cualquier formato que tenga el texto, ya sean negritas, cursivas, colores, espacios, saltos de línea, etc. De manera que pueda verse tal como han escrito la entrada.

ATENCIÓN: Si estás usando el truco para elegir qué resumen mostrar en el Leer más automático no apliques estos cambios de lo contrario dejarán de verse los resúmenes personalizados.

Si ya habías puesto el Leer más con imágenes en miniatura mejorado (1) sólo elimina el script que va antes de /head y en su lugar pon este:

script type='text/javascript'
summary_txt = 450;
img_thumb_width = 125;
/script


script type='text/javascript'
//![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("img")!=0)
{
var s = strx.split("img");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=0){
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 +'" title="'+'"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_8-Aq9Ws438Pa5f5968GDisXNQd_OyR9JvZLsqX0eKIXCIJCudbUfI9dhNzkzlF1nbEg2-h_GaJEcL8bJUzHvg-NRMxTTHNDx2_RqzNGoOQAvTEKNtDphRxPpGLdHFMYlvqpa4jX-Z8/" 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 +'" title="'+'"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

Y con eso bastará para que se apliquen las mejoras que además de las que tenía también podrán verse los textos enriquecidos.

RECOMENDACIÓN: Como las entradas resumidas respetarán cualquier cantidad de espacios o saltos de línea que haya es preferible que no dejes espacios antes del primer texto, por lo que si tienes una imagen al comienzo escribe tu entrada justo después del código de la imagen sin dar un salto de línea.

---

Si es la primera vez que vas a usar el Leer más automático entonces entra en Diseño | Edición de HTML y busca esta línea:

data:post.body/

Elimínala y en su lugar agrega esto:

b:if cond='data:blog.pageType != "item"'
b:if cond='data:blog.pageType != "static_page"'
div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'data:post.body//div
script type='text/javascript'createSummaryAndThumb("summarydata:post.id/","data:post.url/");/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 == "item"'data:post.body//b:if
b:if cond='data:blog.pageType == "static_page"'data:post.body//b:if

NOTA: La etiqueta data:post.body/ en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.

Ahora antes de /head pega lo siguiente:

script type='text/javascript'
summary_txt = 450;
img_thumb_width = 125;
/script

script type='text/javascript'
//![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("img")!=0)
{
var s = strx.split("img");
for(var i=0;is.length;i++){
if(s[i].indexOf("")!=0){
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 +'" title="'+'"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_8-Aq9Ws438Pa5f5968GDisXNQd_OyR9JvZLsqX0eKIXCIJCudbUfI9dhNzkzlF1nbEg2-h_GaJEcL8bJUzHvg-NRMxTTHNDx2_RqzNGoOQAvTEKNtDphRxPpGLdHFMYlvqpa4jX-Z8/" 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 +'" title="'+'"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

Y listo.

Los que ya tenían el script mejorado notarán que el cambio en el script es mínimo pero los resultados son muy notables.

¿Algo más que mejorar? Probablemente sí, pero por ahora me parece que está bastante completo.

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 MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney 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

student loan consolidation program arizona auto accident attorney Donate Cars Illinois Cheap Car Insurance in Virginia small business administration sba Social media platforms Criminal defense lawyer Make money online Australia PHD on Counseling Education Service business software Adobe illustrator classes mesothelioma survival rates firm law mesothelioma Hire php programmers best structured settlement companies online colledges donate old cars to charity New social media platforms asbestos lawyers royalty free images stock AUTO ACCIDENT ATTORNEY mesothelioma lawyer texas baltimore mesothelioma attorneys Massage school Dallas Texas domain registration yahoo mesothelioma attorneys structured settlement annuity companies Royalty Free Images Stock Online casino online motor insurance quotes auto accident lawyer san francisco Donate cars Illinois Online Christmas cards structured settlement blog workplace accident attorney car donate anti spam exchange server Cheap Domain Registration Hosting DUI lawyer Criminal lawyer injury lawyers Casino personal injury lawyer refinance with bad credit Donate old cars to charity fortis health insurance temporary Dwi lawyer Paperport Promotional Code VIRTUAL DATA ROOMS emergency response plan ppt Nunavut Culture quotes car pharmacist jobs in chicago Criminal lawyer Miami Business finance group domain yahoo Php programmers mesothelioma lawyer virginia mesothelioma lawsuits Dayton Freight Lines Casino reviews Mortgage Adviser Bankruptcy lawyer asbestos mesothelioma lawsuit Mobile casino EMAIL BULK SERVICE criminal defense federal lawyer Live casino donate car for tax credit Online colledges Forensics online course Seo company Hire php developers adverse remortgage Business management software houston mesothelioma attorney Royalty free images stock Best Seo company Tech school Best social media platforms for business federal criminal defense attorney DONATE YOUR CAR FOR MONEY mesothelioma charities philadelphia mesothelioma lawyer orlando criminal attorney Register Free Domains Html email Email Bulk Service Php programmers for hire Cheap auto insurance in VA Best social media platforms DONATE CARS IN MA LOW CREDIT LINE CREDIT CARDS motor insurance quotes new york mesothelioma law firm HOW TO DONATE A CAR IN CALIFORNIA Hire php developer Mortgage adviser Low Credit Line Credit Cards Computer science classes online Business VOIP Solutions Virtual Data Rooms Seo companies Car Accident Lawyers mesothelioma drug Cheap Car Insurance for Ladies DONATING A CAR IN MARYLAND PSYCHIC FOR FREE CAR INSURANCE QUOTES MN insurance medical temporary personal injury firm better conferencing calls Donate your car for kids compare life assurance personal injury attorney ocala fl