miércoles, 4 de abril de 2012

Filled Under: ,

Agrandar las miniaturas de los gadgets – Miami – Dominios

Si queréis cambiar la apariencia de algún gadget tipoEntradas Populares oLista de Blogs, no hay demasiado problema. Sólo tenemos que localizar suID y aplicar CSS. Sin embargo, si lo que pretendemos es que las imágenes en miniatura que los acompañan sean más grandes sin perder calidad, la cosa ya requiere de algo más.

Lo fácil en un principio sería atacar laID que controla el artilugio correspondiente y cambiar con CSS elwidth yheight de esas miniaturas. Pero eso no hace que cambie el tamaño de la imagen original (72x72 píxeles) y por tanto al hacerla más grande, la miniatura se verá con poca definición. O sea, mal. Este sería un ejemplo de opción chunga:

#PopularPosts1 img {width:150px; height:150px;}


Aumentar imágenes
Pero como ya hemos dicho en otras ocasiones, en Blogger tenemos la ventaja de quesubimos una imagen y realmente disponemos de cientos. Y esto es lo queuna vez más vamos a aprovechar.

Para ello os propongo este pequeño trozo de código que habrá que insertar antes de/body (no funcionará antes del cierre dehead) y que hace un par de cosas. La primera es recoger unaID y un tamaño de imagen -el que queremos- y sustituir en todas las direcciones de las imágenes bajo esaID, el subdirectorios72-c (el que tienen este tipo de miniaturas) por otro que contiene la imagen más grande y exactamente del tamaño indicado previamente.

Luego tomará esas mismas imágenes y les añadirá unwidth y unheight igual al tamaño deseado. Esto último es necesario porque las miniaturas vienen de serie con esos atributos iguales a 72(px) y si no los reescribimos,no se verán más grandespor mucho que utilicemos tamaños superiores en el subdirectorio:

script type='text/javascript'
function redimin(id,size){
var artilugio = document.getElementById(id);
var sustitucion = artilugio.innerHTML;
artilugio.innerHTML = sustitucion.replace(/s72-c/g,"s"+size+"-c");
var imagenes = artilugio.getElementsByTagName("img");
for(var i=0;i<imagenes.length;i++){ imagenes[i].width = size; imagenes[i].height = size; }
}
redimin("PopularPosts1",200);
/script


En la línearedimin("PopularPosts1",200); es dónde tenemos que indicar laid del artilugio que pretendemos modificar y el nuevo tamaño de las miniaturas (datos variables marcados en verde).

El que utilicé como ejemplo es el correspondiente a lasEntradas Populares y hay que tener en cuenta que si hay sucesivos gadgets de ese mismo tipo, el último número irá cambiando: #PopularPosts2, #PopularPosts3, etc. Para la Lista de blogs, laID será la de#BlogList1.

Este mismo truco sirve para cualquier gadget que lleve incorporada unaID. Si no os funciona, lo más seguro es que en vuestro CSS tengáis algún código extra puesto por vosotros, que fuerce el redimensionado de las miniaturas y en ese sentido anule el script.

car insurance companies Donate Your Car Sacramento Motor Insurance Quotes WORLD TRADE CENTER FOOTAGE Business management software car insurance quotes pa Casino Online casino car accident lawyer michigan webex costs structured settlement buyer Mobile casino Computer science classes online WordPress hosting mesothelioma trial attorney yahoo web hosting Php programmers Webex Costs structured annuity settlement Forex Trading Platform baltimore mesothelioma attorneys Business finance group colorado mesothelioma lawyers Online Classes meso lawyer DONATE A CAR IN MARYLAND Christmas cards FUTURISTIC ARCHITECTURE Criminal defense attorneys Florida Online College Course workers compensation lawyer los angeles Make money online Australia Live casino benchmark lending Casino reviews Seo services Photo Christmas cards Forensics Online Course Seo company how to donate a car in california Social media platforms selling a structured settlement Nunavut Culture Hire php developers Hire php programmers Service business software personal injury attorney ocala fl houston mesothelioma attorney DONATE CAR FOR TAX CREDIT cell cycle regulation ppt forensics online course car donate ONLINECLASSES PHD on Counseling Education mesothelioma lawyer chicago DUI lawyer michigan motorcycle accident lawyer car accident lawyer san bernardino Donate car to charity California Italian cooking school Donate Car To Charity CALIFORNIA personal injury attorney springfield mo Best Criminal Lawyers in Arizona CAR INSURANCE QUOTES UTAH Injury Lawyers accident attorney orange county california law lemon lease management software mesothelioma cases Dwi lawyer Donate Car for Tax Credit ONLINE MOTOR INSURANCE QUOTES uk homeowner loans Criminal lawyer Cheap Domain Registration Hosting Health Records Personal Health Record Asbestos Lawyers Custom Christmas cards Criminal defense lawyer Car Insurance Companies harddrive data recovery services donating used cars to charity Php programmers for hire online criminal justice degree WordPress themes for designers Tech school Hire php developer Bankruptcy lawyer sell your structured settlement payments selling annuity st louis mesothelioma attorney Psd to html Best social media platforms for business alcohol rehab center in florida Automobile Accident Attorney Seo companies houston tx auto insurance georgia truck accident lawyer New social media platforms Futuristic Architecture Online Motor Insurance Quotes Car Insurance Quotes Colorado PSYCHIC FOR FREE Social media platforms for business Custom WordPress theme designer Mortgage buy gift card maritime lawyer houston Donate a Car in Maryland Best Seo company Car insurance quotes pa low credit line credit cards donate your car for money Best social media platforms STRUCTURED ANNUITY SETTLEMENT sell my structured settlement Motor Replacements automobile accident attorney online colledges Learning adobe illustrator Online Christmas cards DONATE OLD CARS TO CHARITY Mesothelioma Law Firm mesothelioma attorneys personal injury accident lawyer Massage school Dallas Texas boca raton personal injury attorney Personal Injury Lawyers WebEx costs car accident lawyers Psd to WordPress Social media examiner BETTER CONFERENCING CALLS truck accident attorney texas refinance with poor credit structured settlements companies Social media management Psychic for Free personal injury solicitor life insurance quotes Html email Cheap Car Insurance in Virginia World trade center footage Personal Injury Law Firm DAYTON FREIGHT LINES Auto Accident Attorney canada personals yahoo Proud Italian cook BEST CRIMINAL LAWYER IN ARIZONA Car Insurance Quotes MN NEUSON Social media tools WordPress theme designers Adobe illustrator classes Low credit line credit cards peritoneal mesothelioma Social media strategies structured settlement cash out tennessee mesothelioma lawyer Social media campaigns Donate Car to Charity California federal criminal defense attorney mesothelioma charities Mortgage Adviser Donate Cars in MA Met Auto buyer of structured settlement annuity domains yahoo Auto Mobile Insurance Quote structured settlement need cash now How to Donate A Car in California Sell Annuity Payment Data Recovery Raid CHEAP CAR INSURANCE FOR LADIES mesothelioma claim register free domains Donate Old Cars to Charity Donate cars in ma Donate Your Car for Kids Structures Annuity Settlement massage school dallas texas Gas/Electricity Annuity Settlements Home Phone Internet Bundle Dayton Freight Lines Hard drive Data Recovery Services broward county dui lawyer Life Insurance Co Lincoln car insurance quotes CHEAP DOMAIN REGISTRATION HOSTING Donating a car in Maryland donate your car for kids PAPERPORT PROMOTIONAL CODE Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida compare life assurance ashely madis Car Insurance Quotes Utah car insurance quotes mn Holland Michigan College DONATE YOUR CAR SACRAMENTO Neuson Online Colleges Paperport Promotional Code business email web hosting ROYALTY FREE IMAGES STOCK CAR DONATE EMAIL BULK SERVICE World Trade Center Footage