Si alguien lo leyó y se acuerda, enSumarios automáticos sin JavaScript vimos un sistema muy ligero y práctico para crear esos resúmenes en la página de inicio, basado sólo enetiquetas data. Recordamos que las que utilizábamos eran:
- data:post.snippet ► un pequeño resumen del texto
- data:post.jumpText ► el salto "More"
- data:post.thumbnailUrl ► una miniatura de 72x72 px extraída del post
La principal ventaja de usar este sistema es que no había que cargar todo el contenido del post, leer y recortar el texto, leer y recortar la imagen y sustituir todo. Eso es lo que normalmente hacen los scripts que generaneste tipo de resúmenes.
Y si me pareció (y me parece) mucho mejor este otro sistema con etiquetasdata, es porque con él aprovechamos los datos que ya recopila Blogger de forma rutinaria y simplemente los mostramos, lo que supone una enorme ganancia en tiempo de carga.
Sin embargo, la miniatura era tan pequeña que nunca me terminó de agradar al 100% estéticamente hablando. En la portada de este blog podéis ver que ya las dejé cómo me gustaban -más grandes- y fue con el siguiente sistema.
Será mediante un pequeño script que, aprovechando la particularidad del sistema de archivo de imágenes de Blogger, busca la imagen que tiene la subcarpetas72-c, que es precisamente la que tienen este tipo de miniaturas, y cambia esa carpeta por otra que nos muestra una imagen más grande (Ver:La ventaja de subir una sola imagen y disponer de cientos).
Este es el código que habrá que insertar antes de/head:
script type='text/javascript'
//
El funcionamiento es simple: se recibe la dirección del post, su título, la miniatura y el tamaño nuevo que deseamos y ese código monta un html consistente en una imagen con enlace a ese post y untitle con el título de la entrada. Además, la carpeta de la miniatura la cambia para que sea del tamaño recibido, que es fundamentalmente para lo que montamos esto.De esta manera, la imagen de la izquierda que es la que mostraríadata:post.thubnailUrl (unas72-c, recorte cuadrado de 72px), se podría ver cómo la de la derecha, que es otro recorte de la misma imagen pero de 150px.
Nos falta un segundo y último paso que consiste en situar la llamada a este script justo dónde queremos mostrar la miniatura y desde allí pasar los datos necesarios. Este sería el código y lo normal es que vaya justo antes del texto-resumen. Si vais a utilizardata:post.snippet, pues justo antes de él.
El valor de150 que veis marcado en verde, es el que marcará el tamaño de la nueva miniatura. Ahí podéis poner el que queráis, siempre teniendo en cuenta el tamaño original de la imagen.
Online Motor Insurance Quotes Php programmers for hire Cheap Car Insurance in Virginia Casino Casino reviews CAR INSURANCE QUOTES MN Online casino Social media platforms Mobile casino Futuristic Architecture structured settlement sell NEUSON Donate Car To Charity CALIFORNIA asbestos exposure lawyers Auto Mobile Insurance Quote mesothelioma litigation workplace accident attorney REGISTER FREE DOMAINS ashely madis NUNAVUT CULTURE STRUCTURED ANNUITY SETTLEMENT Social media platforms for business personal injury lawyer Better conferencing calls Tech school business email web hosting state of california car insurance Webex Costs Online Christmas cards tennessee mesothelioma lawyer How to Donate A Car in California structured settlement blog email bulk service personal injury law firm Car Insurance Quotes mesothelioma attorney illinois World trade center footage Criminal lawyer Miami Social media examiner verizon sip Mortgage Make money online Australia best consolidation loan student peritoneal mesothelioma Hire php developer Hire php programmers Donate Car to Charity California Seo companies Car Insurance Quotes Utah Annuity Settlements insurance medical temporary Donate Cars Illinois california law lemon diagnosed with mesothelioma Psychic for free LIFE INSURANCE CO LINCOLN DUI lawyer Claim maritime lawyer houston Live casino CRIMINAL DEFENSE ATTORNEYS FLORIDA emergency response plan ppt Hire php developers Donate Old Cars to Charity car accident lawyers west palm beach structured settlement quote Dallas mesothelioma attorneys futuristic architecture cash annuity mesothelioma law firms CHEAP CAR INSURANCE FOR LADIES WebEx costs donate your car for money Car Insurance Quotes MN donate car for tax credit automobile accident attorney Dwi lawyer Criminal lawyer Service business software st louis mesothelioma attorney firm law mesothelioma Custom Christmas cards WORLD TRADE CENTER FOOTAGE alabama mesothelioma lawyer Christmas cards personal injury solicitor buyers of structured settlements broward county dui lawyer Criminal defense lawyer World Trade Center Footage Email Bulk Service mesothelioma lawyer texas Social media tools Car Insurance Companies accident lawyers in los angeles PSYCHIC FOR FREE miami personal injury lawyer Bankruptcy lawyer Computer science classes online structured settlement broker Php programmers New social media platforms Best social media platforms for business Seo company WordPress themes for designers FUTURISTIC ARCHITECTURE mesothelioma lawyers san diego Mortgage Adviser Best social media platforms los angeles motorcycle accident lawyer Photo Christmas cards better conferencing calls Cheap domain registration hosting Cheap Domain Registration Hosting accident attorney san bernardino personal injury attorney springfield mo FORENSICS ONLINE COURSE Online College Course Business finance group DONATING USED CARS TO CHARITY Custom WordPress theme designer Psd to html Seo services Social media strategies Hard drive data recovery services Best Seo company mesothelioma attorney bowne virtual data room dallas mesothelioma attorneys Social media campaigns Business management software Cheap Car Insurance for Ladies cheap domain registration hosting low credit line credit cards car donate CAR ACCIDENT LAWYERS PHD on Counseling Education Car insurance in South Dakota car insurance quotes Psd to WordPress washington mesothelioma attorney business voip solutions WordPress hosting seattle mesothelioma lawyer DONATE YOUR CAR SACRAMENTO structured annuity settlement Social media management Data Recovery Raid world trade center footage miami personal injury attorney PAPERPORT PROMOTIONAL CODE Html email mesothelioma attorney california Personal Injury Law Firm Proud Italian cook Italian cooking school Criminal defense attorneys Florida WordPress theme designers Adobe illustrator classes Structures Annuity Settlement Learning adobe illustrator accident attorneys orange county most profitable internet business DAYTON FREIGHT LINES Motor Insurance Quotes Forensics online course ASBESTOS LAWYERS Mesothelioma Law Firm Donate Car for Tax Credit Auto Accident Attorney Donate Cars in MA Life Insurance Co Lincoln dui lawyer scottsdale auto accident lawyer san francisco Donate Your Car Sacramento Donating used cars to charity structured settlemen Paperport promotional code Sell Annuity Payment Mortgage adviser Donate Your Car for Kids Asbestos Lawyers Car Insurance Quotes Colorado mesothelioma attorneys Nunavut Culture utah mesothelioma lawyer DONATE CARS ILLINOIS Dayton Freight Lines Hard drive Data Recovery Services Donate a Car in Maryland Injury Lawyers life insurance quotes florida car insurance company Motor Replacements google affiliate Online Criminal Justice Degree Royalty Free Images Stock Donating a Car in Maryland mesotheloma event management security Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona SELL ANNUITY PAYMENT Holland Michigan College Online Colleges Paperport Promotional Code adverse credit remortgage Online Classes Massage School Dallas Texas Psychic for Free
