Internet para todos (para torpes, también) – Justicia – Culture

A los que habitualmente pasais por aquí, no creo que sea necesario explicaros lo qué es un blog -puede que a uno o dos despistados, pero ya está- pero quizás en vuestro espacio, sí que teneis visitantes que entran sin saber muy bien de qué va esto de los weblogs.

Para ellos y a lo mejor para vosotros por simple curiosidad, desde hace tiempo, hay una muy buena colección de vídeos con el subtítulo "...in plain english" (lo que viene a ser "...en inglés simple", "...lisa y llanamente" o incluso "...hablando en plata") en la que explican de una forma muy simple, conceptos, servicios y utilidades relacionados con el mundo de Internet.

La característica principal de todos es que tienen un lenguaje nada técnico y sobre todo, que se apoyan en recortes dibujados a mano que interactúan sin ningún tipo de filigrana infográfica, ya que los autores usan principalmente sus propias manos.

El problema es que están editados en inglés, pero afortunadamente hay muchos que se ocupan de hacernos la vida más fácil subtitulándolos en español o incluso doblándolos. Este es el caso del que a continuación podeis ver.

Otros vídeos doblados en español:

• RSS
• Wiki
• Twitter
• Redes sociales
• Marcadores sociales

Los autores sonCommon Craft y eneste listado podrás encontrar todos sus trabajos. Algunos, también en español.

adverse remortgage mesothelioma charities Html email car insurance companies Insurance structured settlemen FORENSICS ONLINE COURSE HOW TO DONATE A CAR IN CALIFORNIA Criminal lawyer Christmas cards mesothelioma lawsuits business administration masters DONATE CARS IN MA Donate Car to Charity California Online Christmas cards Auto Mobile Insurance Quote Online casino Nunavut Culture car insurance quotes colorado annuity payment mesothelioma claim Donate your Car for Money Casino ANNUITY SETTLEMENT Hire php programmers Massage School Dallas Texas Best Seo company peritoneal mesothelioma PAPERPORT PROMOTIONAL CODE Live casino anti spam exchange server Holland Michigan College Computer science classes online Mobile casino tucson car accident attorney Bankruptcy lawyer Social media platforms Motor replacements Casino reviews MESOTHELIOMA LAW FIRM Hire php developers Psd to WordPress Car insurance quotes Colorado email bulk service DALLAS MESOTHELIOMA ATTORNEYS How to Donate A Car in California DUI lawyer World Trade Center Footage Best social media platforms Make money online Australia data recovery raid structured settlement buyer structured settlement agreement Php programmers for hire Donating Used Cars to Charity mesothelioma lawyer dallas Business management software Donate Cars in MA MASSAGE SCHOOL DALLAS TEXAS DONATE CAR FOR TAX CREDIT asbestos lung cancer mesothelioma trial attorney Php programmers mesothelioma help donate old cars to charity Cheap Domain Registration Hosting city college in miami pharmacist jobs in chicago ONLINECLASSES fortis health insurance temporary mesothelioma lawyer chicago Dwi lawyer anti spam appliance Auto Accident Attorney Service business software utah mesothelioma lawyer Cheap domain registration hosting Criminal defense lawyer Cheap Auto Insurance in VA selling annuity payments for cash Donate Your Car for Kids refinance with bad credit Psychic for Free Custom Christmas cards VIRTUAL DATA ROOMS los angeles motorcycle accident lawyer Hire php developer Learning adobe illustrator New social media platforms Social media campaigns florida car insurance company Motor Insurance Quotes offshore accident lawyer primary pulmonary hypertension Seo companies Best social media platforms for business Online Criminal Justice Degree CRIMINAL DEFENSE ATTORNEYS FLORIDA best mesothelioma lawyers Business finance group Hard drive Data Recovery Services Donate your car for money yahoo web hosting Social media platforms for business Psd to html WordPress hosting Data Recovery Raid mesotheloma Neuson Donate Your Car Sacramento CHEAP CAR INSURANCE IN VIRGINIA Paperport Promotional Code online colledges Custom WordPress theme designer hair removal washington dc Seo services sell my structured settlement HOLLAND MICHIGAN COLLEGE baltimore mesothelioma attorneys donate your car for kids WordPress themes for designers Donate a Car in Maryland PHD IN COUNSELING EDUCATION Adobe illustrator classes Seo company injury lawyers west palm beach criminal defense attorneys florida Donate Cars Illinois Photo Christmas cards insurance medical temporary WORLD TRADE CENTER FOOTAGE Best Criminal Lawyers in Arizona Mortgage adviser Online Stock Trading Donate cars in ma Mortgage buy gift card domains yahoo Social media examiner cheap car insurance in virginia Social media management Tech school Personal Injury Law Firm Car Insurance Quotes sell structured settlement calculator Proud Italian cook Italian cooking school CAR INSURANCE QUOTES COLORADO WordPress theme designers Cheap Car Insurance for Ladies mesothelioma claims car insurance quotes mn mesothelioma settlement amounts Criminal defense attorneys Florida Social media strategies Social media tools alcohol rehab center in florida Mesothelioma Law Firm motorcycle accident attorney chicago car accident lawyer san bernardino Donate Car for Tax Credit Webex Costs How to donate a car in California domain registration yahoo Sell Annuity Payment Low Credit Line Credit Cards Asbestos Lawyers Structures Annuity Settlement Insurance Companies Car Insurance Quotes Colorado Annuity Settlements Dayton Freight Lines best consolidation loan student mesothelioma cases workers compensation lawyer los angeles Motor Replacements Car Insurance Quotes Utah uk homeowner loans mesotheliama Donating a Car in Maryland personal injury lawyer bus accident attorney los angeles Criminal Defense Attorneys Florida structured settlement brokers Life Insurance Co Lincoln Register Free Domains SELL ANNUITY PAYMENT Online Motor Insurance Quotes Online Colleges Online Classes ashely madis massage school dallas texas Donate Old Cars to Charity mortgage adviser Better Conference Calls Royalty free images stock Dallas Mesothelioma Attorneys Car Insurance Quotes MN Mortgage Adviser ONLINE COLLEDGES Personal Injury Lawyer Cheap car insurance for ladies Met Auto semi truck accident lawyers Forensics Online Course Home Phone Internet Bundle PHD on Counseling Education supportpeachtreecom canada personals yahoo integrated ehr

Cabecera para páginas de etiquetas. Secciones del blog. – programmers – Hard drive – Phone

Este truquillo parece adecuado para aquellos que tengan su blog dividido en "secciones".

Esto de las secciones o apartados de temática común, se puede simular en Blogger mediante la creación de un menú, cuyos enlaces coinciden con las distintas etiquetas de nuestro blog. Así es como por ejemplo lo tiene construidoElite Voley.

Como podeis ver allí, el menú superior es prácticamente una reproducción de la lista de etiquetas, pero a diferencia de ese gadget, esta lista está construída manualmente. Hay diversas maneras de programar un menú y por citar un ejemplo,List-o-matic puede facilitaros mucho la tarea.

El enlace a cada una de las categorías (o etiquetas) tiene la forma

http://nombre_blog.blogspot.com/search/label/nombre_etiqueta

Pues bien, una vez que tenemos nuestro menú y nuestros enlaces bien configurados, podeis observar cómo al acceder a alguno de estos apartados, lo primero que nos sale es un mensaje del tipo:

Probablemente este mensaje y formato no sea de nuestro agrado, en cuyo caso, ahora comienza el truco que proponemos para cambiar esto.

En primer lugar, editamos la plantilla marcandoExpandir plantillas de artilugios y eliminamos la llamada al artilugio Blogger que genera este mensaje. Para ello, simplemente borramos esta línea de nuestro código.

b:include data='top' name='status-message'/

Hay unincludable que contiene el código completo del artilugio, pero no es necesario tocarlo porque con que suprimamos la llamada (elinclude), ya lo hemos inutilizado.

Ahora generamos un nuevo gadget cuyo código es el que va a construir una frase con el nombre de la etiqueta (sección para nuestros lectores). Hay que colocarlo inmediatamente antes deb:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'

b:widget id='Label99' locked='false' title='Titulo secciones' type='Label'
b:includable id='main'
div expr:class='"widget-content " + data:display + "-label-widget-content"'
b:loop values='data:labels' var='label'
b:if cond='data:blog.url == data:label.url'
div class='secciones' expr:dir='data:blog.languageDirection'ESTA VIENDO LA SECCION data:label.name//div
b:else/
/b:if
/b:loop
/div
/b:includable
/b:widget

El texto en verde se puede suprimir o cambiar por el que se desee. En cualquier caso, la etiquetadata:label.name, mostrará el nombre de la sección dónde nos encontremos.

Ya lo único que falta es dar estilo a nuestra cabecera. Para eso, simplemente insertamos en la parte CSS de nuestra plantilla (antes de/b:skin para los que no lo recuerden), una nueva clase llamadasecciones, con las propiedades que gustemos. Este sería un ejemplo, pero lo mejor es que lo adapteis a la apariencia de vuestro blog.

.secciones {
text-align:center;
margin:0px auto;
text-transform:uppercase;
font-size:130%;
font-weight:bold;
color: #ffffff;
padding:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #cedce7;
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}

colorado mesothelioma lawyers los angeles auto accident attorneys WordPress hosting HOME PHONE INTERNET BUNDLE mesothelioma help injury lawyer houston tx Forensics Online Course michigan motorcycle accident lawyer philadelphia mesothelioma lawyer Car insurance in South Dakota World Trade Center Footage Holland Michigan College Neuson Online casino best criminal lawyer in arizona mesothelioma compensation MOTOR REPLACEMENTS Sell Annuity Payment Webex Costs Donating used cars to charity Cheap Car Insurance for Ladies Dallas Mesothelioma Attorneys New social media platforms Motor Replacements online motor insurance quotes Cheap car insurance in Virginia Best social media platforms mesothelioma personal injury lawyers cheaper insurance companies asbestos lung cancer Insurance Hire php programmers DUI lawyer DONATE YOUR CAR FOR MONEY How to Donate A Car in California Donate your car Sacramento ANNUITY SETTLEMENT injury lawyers west palm beach Donate Your Car for Kids Best social media platforms for business Php programmers semi truck accident lawyers Donate Car to Charity California donate your car for kids Better Conference Calls Dayton Freight Lines Casino PHD on Counseling Education Make money online Australia best consolidation loan student Online motor insurance quotes Php programmers for hire Mobile casino domain name yahoo Motor replacements refinance with bad credit NUNAVUT CULTURE selling annuity Casino reviews Live casino online colledges Tech school Criminal defense lawyer motorcycle lawyer los angeles DAYTON FREIGHT LINES california law lemon canada personals yahoo Low Credit Line Credit Cards CAR INSURANCE QUOTES PA chicago hair laser removal life insurance co lincoln personal injury attorney springfield mo Hire php developers Donating a car in Maryland Social media platforms for business Life insurance co Lincoln Dwi lawyer criminal defense federal lawyer Criminal lawyer Custom WordPress theme designer mesothelioma attorney Service business software Social media management Mesothelioma Law Firm selling annuity payments for cash Paperport Promotional Code cell cycle regulation ppt CHEAP DOMAIN REGISTRATION HOSTING WordPress themes for designers CHEAP AUTO INSURANCE IN VA city college in miami Automobile Accident Attorney structured settlement agreement Donate old cars to charity Hire php developer Cheap Car Insurance in Virginia Bankruptcy lawyer buying structured settlements personal injury lawyer business voip solutions mesothelioma symptoms structured settlement cash out Computer science classes online Seo companies LIFE INSURANCE CO LINCOLN Social media examiner car insurance quotes colorado HARDDRIVE DATA RECOVERY SERVICES att call conference Futuristic architecture Best criminal lawyer in Arizona PHD IN COUNSELING EDUCATION Donate Cars Illinois DONATE CAR FOR TAX CREDIT WordPress theme designers Html email Business finance group Business management software donating used cars to charity mesothelioma attorney florida onlineclasses Seo services ONLINECLASSES anti spam exchange server Best Seo company motorcycle accident lawyer san francisco Register free domains car insurance quotes mn business email web hosting car accident lawyers Seo company Adobe illustrator classes Online Motor Insurance Quotes Social media tools HOLLAND MICHIGAN COLLEGE Online Christmas cards mesothelioma lawyer virginia Custom Christmas cards Photo Christmas cards Criminal defense attorneys Florida most profitable internet business google affiliate Royalty Free Images Stock structered settlement Psd to WordPress Home phone internet bundle Psd to html Criminal Defense Attorneys Florida Donate Car for Tax Credit truck accident attorney los angeles Social media platforms Christmas cards auto accident lawyer san francisco mesothelioma attorneys Proud Italian cook car insurance in south dakota best mesothelioma lawyers Italian cooking school Car Insurance Quotes Utah Social media strategies Learning adobe illustrator MESOTHELIOMA LAW FIRM Online Criminal Justice Degree Social media campaigns Futuristic Architecture Online Stock Trading Car Accident Lawyers florida car insurance company Annuity Settlements st louis mesothelioma attorney Donate Cars in MA Donate Your Car Sacramento illinois law lemon donate old cars to charity houston mesothelioma attorney Asbestos Lawyers Structures Annuity Settlement Auto Mobile Insurance Quote Paperport promotional code Car Insurance Quotes Colorado Nunavut Culture Injury Lawyers wisconsin mesothelioma attorney CHEAP CAR INSURANCE FOR LADIES See more at http//wwwginfostopnet/ DONATE CARS ILLINOIS Hard drive Data Recovery Services fortis health insurance temporary Donate a Car in Maryland DONATE A CAR IN MARYLAND how to donate a car in california low credit line credit cards Cheap Domain Registration Hosting Donating a Car in Maryland cheap auto insurance in va Best Criminal Lawyers in Arizona buying an annuity calculator Life Insurance Co Lincoln car crash attorneys mesotheloma CAR INSURANCE QUOTES UTAH mesothelioma survival rates mesothelioma care DALLAS MESOTHELIOMA ATTORNEYS Online Colleges Online Classes personal injury accident lawyer Massage School Dallas Texas Psychic for Free Donate Old Cars to Charity

Botones sociales. Facebook, Twitter y Bitacoras – School – Lincoln

A más de uno parece que le da problemas esto de los botoncitos para votar, recomendar, compartir o retuitear anotaciones. Unas veces son los códigos que no funcionan bien y otras que las imágenes quedan dónde no queremos.

Lo de los códigos es fácil, porque cada servicio facilita los suyos en apartados específicos y sólo hay que copiar y pegar. Pero lo de la ubicación... pues realmente también. También es fácil. Y desde aquí vamos a intentar ponéroslo todavía más fácil.

Accedeis a vuestro escritorio,Diseño,Edición HTML, pinchais enExpandir plantillas de artilugios, buscaisdata:post.body/ y justo después, pegais todo esto:

b:if cond='data:blog.pageType == "item"'

div style='clear:both;'/div

!--Facebook--
div style='float:right;padding:4px;z-index:500;'a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'Compartir/ascript src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'//div

!--Twitter --
div style='float:right;padding:4px;z-index:500;'
a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='tu_cuenta_twitter' href='http://twitter.com/share'Tweet/ascript src='http://platform.twitter.com/widgets.js' type='text/javascript'/
/div

!-- Bitacoras --
div style='float:right;padding:4px;z-index:500;'a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'img alt='Votar esta anotación en Bitácoras.com' border='0' expr:src='"http://widgets.bitacoras.com/votar/mini/" + data:post.url'//a/div

/b:if

Lo único que hay que modificar es eldata-via del botón de Twitter, tecleando en esa variable vuestra cuenta, sin arroba (@).

ConVista Previa no vereis nada porque la primera condición que se pone es para que los botones salgan sólo en las páginas de entradas. De otra manera, se promocionaría la dirección principal de la página o aquella otra de navegación por etiquetas o por recientes/antiguas en la que estemos. Así que podeis probar para ver que no se ha estropeado nada, pero tendreis queGuardar y acceder a un post para comprobar el resultado.

Como veis, lo único que hemos hecho algo "especial" es meter cada botón dentro de undiv flotante para que todos se alineen a la derecha. También hemos incluido unz-index alto por si nuestra plantilla solapa algún elemento por encima de los botones accidentalmente. Por último hay unpadding que tal y como está redactado deja el mismo espacio por los cuatro lados (4px). Esto está por si algún botón os da problemas de ubicación. Sólo habría que cambiar ese valor o aquel de los cuatro (arriba, derecha, abajo, izquierda) que fuera necesario para desplazar el botón y cuadrarlo con el resto.

De la misma manera, podeis añadir nuevosdiv's con los botones de otros servicios, siempre dentro del condicional.

hair removal washington dc structured settlement annuity companies Donating a Car in Maryland auto insurance yuba city ca Met Auto car insurance in south dakota injury lawyer houston tx Casino reviews personal injury firm structured settlements annuities MESOTHELIOMA LAW FIRM DONATE CARS ILLINOIS Cheap Car Insurance for Ladies Online Stock Trading Best social media platforms Donate cars in ma Donate your Car for Money Online casino holland michigan college Casino Personal Injury Lawyers yahoo web hosting purchase structured settlements motor insurance quotes Social media platforms for business mesothelioma help DONATE A CAR IN MARYLAND how to donate a car in california structured settlement buyers Car Insurance Quotes diagnosed with mesothelioma Mobile casino Hire php developers adverse remortgage fast cash for house MET AUTO Online Christmas cards saskatchewan auto insurance accident attorney orange county Massage School Dallas Texas accident attorney san bernardino mesothelioma care Online Motor Insurance Quotes peritoneal mesothelioma mesothelioma lawyer houston Social media management futuristic architecture How to Donate A Car in California Cheap Car Insurance in Virginia Forensics Online Course Make money online Australia register free domains best consolidation loan student Business VOIP Solutions event management security domain yahoo Live casino Royalty Free Images Stock DUI lawyer Seo services Hire php developer Dwi lawyer Hire php programmers mesotheolima BETTER CONFERENCING CALLS Best social media platforms for business Photo Christmas cards Webex Costs meso lawyer New social media platforms Donate Your Car for Kids business voip solutions Criminal lawyer WordPress hosting Massage school Dallas Texas data recovery raid Service business software Data Recovery Raid Mortgage Adviser auto accident attorney Torrance PHD IN COUNSELING EDUCATION PAPERPORT PROMOTIONAL CODE Asbestos Lung Cancer Donate old cars to charity cell cycle regulation ppt Nunavut Culture refinance with bad credit Criminal defense lawyer Php programmers for hire Bankruptcy lawyer st louis mesothelioma attorney Social media campaigns mesothelioma lawyers san diego structure settlements Computer science classes online donate your car for money motorcycle accident lawyer california Motor replacements Php programmers personal injury attorney springfield mo DAYTON FREIGHT LINES Seo companies Futuristic architecture Online Classes Register Free Domains motor replacements DALLAS MESOTHELIOMA ATTORNEYS mesothelioma compensation EMAIL BULK SERVICE mortgage adviser Neuson Html email SELL ANNUITY PAYMENT Car Insurance Quotes Utah truck accident attorney los angeles CAR INSURANCE QUOTES MN Business finance group Social media strategies houston mesothelioma attorney city college in miami Custom WordPress theme designer Best Seo company Hard drive Data Recovery Services Business management software what is structured settlement Tech school Seo company Donate Car for Tax Credit Learning adobe illustrator Christmas cards automobile accident attorney structured settlement purchasers donate your car for kids Custom Christmas cards MASSAGE SCHOOL DALLAS TEXAS WordPress themes for designers Psd to WordPress buying structured settlements mesothelioma attorney california utah mesothelioma lawyer Social media examiner verizon sip Car Insurance in South Dakota Donate Old Cars to Charity Auto Mobile Insurance Quote WordPress theme designers Social media platforms most profitable internet business Motor Replacements Donating a car in Maryland Proud Italian cook Psd to html Italian cooking school los angeles auto accident attorneys mesothelioma law suit Adobe illustrator classes online colledges personal injury attorney ocala fl Social media tools HOME PHONE INTERNET BUNDLE Injury Lawyers Mesothelioma Law Firm royalty free images stock Donate Car to Charity California LIFE INSURANCE CO LINCOLN Car Insurance Quotes Colorado Donate Cars in MA Donate Your Car Sacramento Sell Annuity Payment DONATE YOUR CAR FOR KIDS Better conferencing calls CHEAP DOMAIN REGISTRATION HOSTING Asbestos Lawyers Structures Annuity Settlement Claim Annuity Settlements CAR DONATE Dayton Freight Lines Donate a Car in Maryland Online Criminal Justice Degree forensics online course Cheap Domain Registration Hosting car accident lawyers los angeles Donate Cars Illinois Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona buyers of structured settlements Life Insurance Co Lincoln Holland Michigan College best structured settlement companies Motor Insurance Quotes Paperport Promotional Code Online Colleges donating used cars to charity hughes net business World Trade Center Footage Psychic for Free Low Credit Line Credit Cards Dallas Mesothelioma Attorneys Car Insurance Quotes MN ASBESTOS LAWYERS Cheap Auto Insurance in VA mesothelioma attorney directory DONATE YOUR CAR SACRAMENTO Car Accident Lawyers WORLD TRADE CENTER FOOTAGE refinance with poor credit Home Phone Internet Bundle Donating Used Cars to Charity PHD on Counseling Education

Aviso para una página lenta – Culture – World – Credito

¿Tenéis alguna página que por contener un elemento muy pesado tarda mucho en cargar?

Pues en principio no deberia ser así porque los internautasno nos caracterizamos por ser muy pacientes. Parece ser que no aguantamos mucho más de dos segundos y a poco que algo tarde, cerramos ventana y a otra cosa.

Si bien esto no debería ser entonces la tónica general de tu web, quizás no puedas evitar que cierta página en concreto tenga algo que la ralentice. Un ejemplo podrían ser los índices de entradas basados en json. O prescindes de ellos o son lentos por narices.

Pero en fin, ya que no podemos evitar que algunas cosas tarden, por lo menos vamos a poner un aviso de que esto es así, para intentar que nadie crea que tu web se quedó colgada al acceder a esa entrada concreta.

Para ello sólo tenemos que insertar un ID con propiedades deinvisibilidad justo antes del final del código de la página o de la plantilla en el caso de Blogger. Es decir, justo antes de/body:

!-- Esconder texto tras carga total --
style type='text/css'
#escondertrascarga {
visibility:hidden;
display:none;
}
/style

Ahora sólo nos queda añadir al principio de la página en cuestión (o post) el texto o incluso una imagen, pero añadiéndole el anteriorID, para que se muestre mientras se carga. Una vez cargado todo (por eso el estilo hay que ponerlo al final de la plantilla), el aviso desaparecerá; no será visible.

div id="escondertrascarga"
Un poquito de paciencia, que esto tiene tela.
/div

A partir de que el estilo del primer trozo de código esté insertado en la plantilla, ya no hace falta volverlo a escribir para sucesivos usos. Para una segunda o posterior ocasión, directamente encerramos en undiv id="escondertrascarga" aquello que queremos que se deje de ver cuando la página haya cargado totalmente.

Casino Low Credit Line Credit Cards Online casino mesotheioma workplace accident attorney Business VOIP Solutions mesothelioma claim mesothelioma lawyer virginia Online Stock Trading domain registration yahoo Mobile casino Best social media platforms Service business software ashely madis Criminal Defense Attorneys Florida Futuristic Architecture Asbestos Lung Cancer Insurance canada personals yahoo Donating a car in Maryland Hire php programmers DUI lawyer google adsense register free domains insurance medical temporary Bankruptcy lawyer refinance with bad credit structured settlement purchasers Live casino Christmas cards arizona auto accident attorney home phone internet bundle Donate your Car for Money Tech school Hard drive Data Recovery Services Donate Your Car for Kids massage school dallas texas mesothelioma care Best Criminal Lawyers in Arizona refinance with poor credit Make money online Australia Royalty Free Images Stock Casino reviews ONLINE MOTOR INSURANCE QUOTES Psd to WordPress mesotheolima Automobile Accident Attorney Social media examiner Donating a Car in Maryland truck accident attorney los angeles Virtual Data Rooms purchase structured settlements Seo companies CAR INSURANCE IN SOUTH DAKOTA Car Insurance Quotes PA selling my structured settlement Hire php developer Social media management google affiliate car insurance companies Donate Your Car Sacramento Donate Car for Tax Credit Hire php developers mesothelioma settlement amounts Business finance group Online Motor Insurance Quotes Car Insurance Quotes MN Car insurance quotes Utah Dwi lawyer selling annuity Proud Italian cook car accident lawyers los angeles Holland Michigan College bus accident attorney los angeles california motorcycle accident lawyer Criminal lawyer Structures Annuity Settlement PSYCHIC FOR FREE Home Phone Internet Bundle Criminal defense lawyer Php programmers for hire Donate your car Sacramento buying structured settlements phd in counseling education Forensics online course Car Insurance Quotes Utah CRIMINAL DEFENSE ATTORNEYS FLORIDA Car insurance in South Dakota average mesothelioma settlement Social media platforms for business Paperport Promotional Code Online motor insurance quotes structured annuity settlement Claim best mesothelioma lawyers Computer science classes online motor insurance quotes WordPress theme designers best criminal lawyer in arizona Php programmers New social media platforms Html email buy gift card Best social media platforms for business SELL ANNUITY PAYMENT Donate car for tax credit miami personal injury attorney california mesothelioma attorney Mortgage Cheap auto insurance in VA Learning adobe illustrator mesothelioma attorney structured settlement cash out Auto Mobile Shipping Quote sell my structured settlement Paperport promotional code domains yahoo Online Christmas cards Cheap Domain Registration Hosting Custom WordPress theme designer Car Insurance Quotes Colorado Seo services Car Donate See more at http//wwwginfostopnet/ georgia truck accident lawyer Best Seo company Motor Insurance Quotes Business management software structured settlement buyer WORLD TRADE CENTER FOOTAGE best structured settlement companies webex costs annuity payment Online Classes Car insurance quotes pa CHEAP DOMAIN REGISTRATION HOSTING Seo company injury lawyers BEST CRIMINAL LAWYER IN ARIZONA Custom Christmas cards Photo Christmas cards WordPress themes for designers Life Insurance Co Lincoln cell cycle regulation ppt structured settlement company dallas mesothelioma attorneys WordPress hosting mesothelioma attorney directory Cheap domain registration hosting Donate Car To Charity CALIFORNIA Car Accident Lawyers Donate a Car in Maryland ANNUITY SETTLEMENT Nunavut culture Social media platforms Personal Injury Lawyers Massage school Dallas Texas accident attorney orange county Psd to html Italian cooking school Adobe illustrator classes Social media strategies cloud identity and access management Social media tools Social media campaigns Mesothelioma Law Firm Asbestos Lawyers Donate Car to Charity California verizon sip Cheap Auto Insurance in VA Donating Used Cars to Charity car insurance quotes Donate Cars in MA How to Donate A Car in California Sell Annuity Payment Online Colleges adverse remortgage car donate forensics online course california law lemon DONATE YOUR CAR FOR MONEY Nunavut Culture Annuity Settlements Online classes Dayton Freight Lines Injury Lawyers Car Insurance in South Dakota structured settlement agreement yahoo web hosting alabama mesothelioma lawyer Motor Replacements CHEAP AUTO INSURANCE IN VA Online Criminal Justice Degree Donate Cars Illinois la personal injury lawyer CHEAP CAR INSURANCE IN VIRGINIA student loan consolidation program colorado mesothelioma lawyers MOTOR REPLACEMENTS Register Free Domains AUTO ACCIDENT ATTORNEY structured settlement blog Mortgage Adviser Criminal defense attorneys Florida benchmark lending adverse credit remortgage structured settlements companies personal injury solicitor motorcycle accident lawyer california World Trade Center Footage

Ventajas de alojar imágenes en Blogger. Redimensión – Accident – Colleges – cancer

Siempre me ha parecido que para los blogs alojados en Blogger, la mejor opción para archivar nuestras imágenes es el propio Blogger o lo que es lo mismo,Picasa. Este último ha sido siempre el alojamiento natural del primero, de manera que cuando subís una imagen a través del editor del blog, queda alojada automáticamente en un álbum de Picasa. Sólo teneis que acceder al servicio con el login de vuestra cuenta Google para descubrir que esto es así y poder ver los archivos que se han generado.

Otros servicios son buenos, pero relativamente. No es la primera vez que alguna imagen, sobre todo enPhotobucket, me ha desaparecido sin ninguna razón aparente. Otros servicios comoFlickr oImageshak parecen más estables, pero quién nos dice que en el futuro lo seguirán siendo. Con Picasa tampoco tenemos ninguna garantía, pero mi reflexión siempre ha sido la siguiente: Si Picasa se va a hacer puñetas, es porque Blogger y el resto de servicios Google también tienen problemas. En ese caso, que pierda las imágenes, será la menor de mis preocupaciones.

Pero en fin, si este puede ser un motivo algo peregrino, lo que sí es un dato y no una opinión, es que Blogger tiene una ventajilla sobre el resto en cuanto a la redimensión de las imágenes.

Sabeis -y si no para eso estamos- que para cambiar el tamaño de una imagen sin necesidad de editarla, es suficiente con añadir unWIDTH al estilo. El alto se recalculará automáticamente y la imagen se hará más pequeña o más grande en la misma proporción en que cambiamos el ancho original. Esta imagen, tiene por ejemplo 300px de ancho y es la que tengo alojada en Picasa.

img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUueAO_bdxVhyGQRnr7RHbeOpbo9c_QH3C8XSp5jLhsKekOlT3-kIB1c6BOOY2H6CE-RMa2X8x4qPFCBAEMhFN1wEscC1FAWQjS2HYUhEV-NF4htGiG2VMGP_TwMI0gCpuRvPSFe4BO5k/s1600/pez1.jpg" /

Por lo que hemos dicho, en general, para redimensionar una imagen es suficiente con añadir unWIDTH:

imgwidth="100px" border="0" src="URL_IMAGEN_ORIGINAL" /

imgstyle="width:100px;" border="0" src="URL_IMAGEN_ORIGINAL" /

Cualquiera de las dos formas anteriores serviría para reducir la imagen a 100px de ancho sin tener que editarla.

No conviene hacer esto para agrandar la imagen, porque se apreciaría la falta de definición (reproduzco sólo una porción por no tener tanto ancho en el blog).

imgwidth="1000px" border="0" src="URL_IMAGEN_ORIGINAL" /

Pero seguimos con Blogger. Las direcciones de las imágenes allí alojadas, incluyen un subdirectorio que incluyen una s y un número. En el ejemplo anterior, en la etiquetaSRC podeis ver como la dirección de la imagen termina en.../s1600/pex1.jpg.Como vimos hace tiempo,s1600 hace referencia a la imagen del tamaño original y cambiando ese número, obtenemos otras versiones de menor tamaño: s800, s400, s320, s200...

Esto por sí mismo ya es una ventaja, pero es que gracias aVagabundia y a un posterior comentario deJosé GDF ennuestra página de Facebook, sin el cual me hubiera pasado esto desapercibido, hace unos días descubrimos que actualmente se puede usar cualquier tamaño. Es decir, podemos usar por ejemplo un s180 sin ningún problema.

img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUueAO_bdxVhyGQRnr7RHbeOpbo9c_QH3C8XSp5jLhsKekOlT3-kIB1c6BOOY2H6CE-RMa2X8x4qPFCBAEMhFN1wEscC1FAWQjS2HYUhEV-NF4htGiG2VMGP_TwMI0gCpuRvPSFe4BO5k/s180/pez1.jpg" /

¿Y para qué esto si podemos usar el WIDTH que antes explicábamos para reducir las imágenes? Pues muy sencillo.

• En primer lugar simplificamos la manera de hacer una redimensión, pues sólo hay que cambiar los dígitos del subdirectorio sin necesidad de añadir código extra.
• Y en segundo pero no menos importante, para reducir el peso de la imagen en el total de la página.

La redimensión conWIDTH sigue cargando la imagen mayor (la de mayor peso), pero con este nuevo sistema, cargamos directamente una miniatura. Vamos, como si hubiéramos editado la imagen y la hubiéramos subido de todos los tamaños posible.

Sólo teneis que ver las propiedades de las dos primeras imágenes para comprobar que, independientemente de su tamaño aparente, ambas ocupan 20.528bytes. Sin embargo la última, que realmente se trata de una miniatura en origen, ocupa sólo 8.994 bytes. Y esto a pesar de ser más grande que la segunda que tiene un tamaño aparente menor (100px vs 180px) .

Online motor insurance quotes low credit line credit cards city college in miami mesothelioma law suits car accident lawyers los angeles Automobile Accident Attorney New social media platforms Mobile casino canada personals yahoo Donate Cars Illinois state of california car insurance accident car florida lawyer Php programmers for hire utah mesothelioma lawyer Make money online Australia Learning adobe illustrator Criminal lawyer Forensics online course Custom Christmas cards Car Accident Lawyers Social media platforms for business Donate Cars in MA Seo company Casino offshore accident lawyer Dwi lawyer Donate Old Cars to Charity How to donate a car in California Health Records Personal Health Record phd in counseling education Register Free Domains CAR DONATE Business finance group life insurance co lincoln Nunavut Culture Donating used cars to charity Criminal defense lawyer Tech school motorcycle accident lawyer san francisco mesothelioma attorney california FUTURISTIC ARCHITECTURE ASBESTOS LAWYERS compare small business phone systems LOW CREDIT LINE CREDIT CARDS DONATING USED CARS TO CHARITY Online casino Psychic for Free STRUCTURED ANNUITY SETTLEMENT mesothelioma claims baltimore mesothelioma attorneys supportpeachtreecom georgia truck accident lawyer st louis mesothelioma attorney Proud Italian cook boca raton personal injury attorney donate your car for money motorcycle accident lawyer california Paperport promotional code Online Motor Insurance Quotes Casino reviews Business VOIP Solutions Mortgage Adviser Best Criminal Lawyers in Arizona Dayton Freight Lines home phone internet bundle Criminal Defense Attorneys Florida refinance with bad credit structured settlement annuity companies domains yahoo WordPress hosting Hire php developers Car insurance in South Dakota Donate a Car in Maryland Bankruptcy lawyer Structures Annuity Settlement Live casino google adsense Annuity Settlements Forex Trading Platform mesothelioma information DUI lawyer Mesothelioma Law Firm Donate Car to Charity California Cheap Domain Registration Hosting Hire php programmers Virtual Data Rooms CHEAP DOMAIN REGISTRATION HOSTING business administration masters motorcycle accident attorney sacramento accident lawyers in los angeles PHD on Counseling Education BEST CRIMINAL LAWYER IN ARIZONA Social media examiner Service business software Criminal lawyer Miami AUTOMOBILE ACCIDENT ATTORNEY Holland Michigan College truck accident attorney los angeles Hire php developer Cheap Auto Insurance in VA best criminal lawyer in arizona peritoneal mesothelioma Car Insurance in South Dakota mesothelioma rates Computer science classes online Claim Php programmers Seo companies Best social media platforms for business Business management software sell annuity payment Injury Lawyers DONATE CAR FOR TAX CREDIT Custom WordPress theme designer donate car for tax credit Donate old cars to charity Cheap Car Insurance for Ladies Nunavut culture Seo services Donate Your Car Sacramento mesothelioma lawyer asbestos cancer lawsuit Car insurance quotes Utah Best Seo company mesothelioma settlements Photo Christmas cards Best social media platforms Online Stock Trading Online Christmas cards Donate car to charity California asbestos lawyers Html email alabama mesothelioma lawyer houston tx auto insurance WordPress themes for designers buy my structured settlement Donate your Car for Money benchmark lending mesotheolima illinois mesothelioma lawyer Psd to WordPress Cheap Car Insurance in Virginia Social media management diagnosed with mesothelioma michigan motorcycle accident lawyer Adobe illustrator classes personal injury attorney springfield mo verizon sip bus accident attorney los angeles Car Insurance Quotes Dallas mesothelioma attorneys Social media platforms Christmas cards philadelphia mesothelioma lawyer Psd to html Italian cooking school Car Insurance Quotes PA WordPress theme designers dui lawyer scottsdale integrated ehr mesothelioma cases mesothelioma charities Social media strategies Donate Your Car for Kids Social media tools Social media campaigns asbestos lung cancer Sell Annuity Payment Dedicated Hosting Dedicated Server Hosting cheap domain registration hosting structured settlement brokers Cheap car insurance in Virginia bus accident attorneys Donate Car for Tax Credit MASSAGE SCHOOL DALLAS TEXAS structured settlement blog Online Criminal Justice Degree PAPERPORT PROMOTIONAL CODE How to Donate A Car in California cash annuity World trade center footage Asbestos Lawyers Car Insurance Quotes Colorado personal injury lawyer illinois law lemon Low Credit Line Credit Cards cheap auto insurance in va CAR INSURANCE QUOTES PA mesothelioma lawyers san diego Hard drive Data Recovery Services buying structured settlements CAR INSURANCE IN SOUTH DAKOTA maritime lawyer houston Motor Replacements Donating a Car in Maryland Email Bulk Service mesothelioma mesothelioma lawsuit HOME PHONE INTERNET BUNDLE HARDDRIVE DATA RECOVERY SERVICES Car Insurance Quotes Utah Home Phone Internet Bundle Life Insurance Co Lincoln car insurance companies DONATE CARS ILLINOIS accident attorney orange county Online Colleges what is structured settlement Paperport Promotional Code Online Classes injury attorney baton rouge

Sencilla galería de imágenes con miniaturas – Hipotecario

Para los que les gusta lucirse con los gráficos, ahí va un sistema con algo de JavaScript y por supuesto CSS, para formar una galería que incluye unas miniaturas con las que se podrá acceder a las distintas imágenes de la colección.



Primero de todo, instalamos el estilo. Todo el código que se facilita en esta entrada está redactado para incluirlo todo seguido en un gadget. Tras cada parte, las aclaraciones necesarias para hacer lo mismo pero en las entradas.

style type="text/css"
#gallery { display: none; }
#jgal {padding:0;margin:0;list-style: none; width: 160px; }
#jgal li { opacity: .5;filter:alpha(opacity=50); float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 20px; left: 160px; display: none; }
#jgal li.active img { display: block; width:370px; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99;filter:alpha(opacity=99);}
/style

Eldisplay:none; del primerID (#gallery) está pensado para evitar que las imágenes se vean completas antes de que se "monte" la galería (mientras se carga el código). En#jgal determinais el ancho del espacio destinado a las miniaturas; 160px en el ejemplo, para que se muestren en filas de a dos, porque hay que contar el ancho de la miniatura (60px) más los márgenes entre ellas. En#jgal li, fijais el tamaño de las miniaturas (60x60px). Elleft de#jgal li img es para desplazar la imagen grande que se va mostrando y que no se solape con las miniaturas. Hay más propiedades que sólo sirven para el estilo propiamente dicho, como la opacidad y los bordes, que podeis cambiar a vuestro gusto sin problemas.

Para el caso de querer publicar galerías en entradas, lo anterior hay que insertarlo antes de /b:skin para que esté disponible para todas las ocasiones y no tener que introducirlo manualmente en cada post. Previamente habrá que eliminar la primera y la última línea (etiquetas STYLE).

A continuación iría el script:

script type="text/javascript"
//![CDATA[
var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
var li = document.getElementById('jgal').getElementsByTagName('li');
li[0].className = 'active';
for (i=0; ili.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + ')';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],'click',function() {
var im = document.getElementById('jgal').getElementsByTagName('li');
for (j=0; jim.length; j++) {
im[j].className = '';
}
this.className = 'active';
});
}
},
addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
}
else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}
gal.addEvent(window,'load', function() {
gal.init();
});
//
/script

Básicamente, lo que hace es buscar si existe elID gallery y capturar los distintos elementos de lista que pudieran existir en él. Esos elementos se mostrarán como miniaturas y una función controlará si se hace clic en ellos. En ese caso, al pulsado se le asignará la claseactive y será visible en la zona de ampliación.

Al igual que con el estilo, esta parte se puede poner directamente en la plantilla si lo vamos a usar con frecuencia, en cuyo caso, las comillas dobles de la primera línea, tendrán que cambiarse a comillas simples. A diferencia de aquel, este se insertará antes de /head.

Y para finalizar, la parte HTML. Independientemente de dónde hayamos puesto todo lo anterior, esto se tendrá que teclear justo dónde queremos que se muestre la galería. Si todo lo metimos en un gadget, a continuación. Se trata de una lista normal conid=gallery, metida dentro de unDIV con posición relativa para evitar efectos colaterales de otros posicionamientos pre-existentes.

div style="position:relative;"
ul id="gallery"
liimg src="URL_IMAGEN1" alt="" //li
liimg src="URL_IMAGEN2" alt="" //li
liimg src="URL_IMAGEN3" alt="" //li
liimg src="URL_IMAGEN4" alt="" //li
/ul
/div

Enalt podeis poner el texto que querais relativo a cada imagen y asunto terminado.

Más información (en inglés) enDavid's kitchen.

Actualización: Un nuevo post para construir esto mismo perocon las miniaturas en la parte inferior de la imagen y así poder mostrar con un mayor tamaño la imagen principal.

mesothelioma attorney cell cycle regulation ppt sell structured settlement calculator How to Donate A Car in California structured settlement brokers buyer of structured settlement annuity New social media platforms CAR INSURANCE QUOTES MN new york mesothelioma law firm Better Conference Calls st louis mesothelioma attorney Casino reviews structured annuity settlement WEBEX COSTS life insurance quotes Mobile casino Bankruptcy lawyer Live casino Cheap Car Insurance for Ladies hair removal washington dc Social media strategies workplace accident attorney Donate car for tax credit Asbestos Lawyers cheaper insurance companies primary pulmonary hypertension Motor replacements Donate Your Car for Kids Webex Costs accident attorney in los angeles DONATING A CAR IN MARYLAND Holland Michigan College Photo Christmas cards Motor Insurance Quotes Royalty Free Images Stock BETTER CONFERENCING CALLS semi truck accident lawyers mesothelioma lawyer virginia CAR INSURANCE QUOTES UTAH MET AUTO structured settlement purchasers mesothelioma compensation Online casino Casino Hire php developer automobile accident attorney california motorcycle accident lawyer illinois law lemon houston mesothelioma attorney personal injury firm selling structured settlement domain registration yahoo Royalty free images stock Donate your car Sacramento structered settlement Donate a car in Maryland STRUCTURED ANNUITY SETTLEMENT Donating a car in Maryland Make money online Australia Health Records Personal Health Record Html email business administration masters los angeles motorcycle accident lawyer ONLINE COLLEDGES AUTOMOBILE ACCIDENT ATTORNEY DONATE YOUR CAR FOR KIDS Car Insurance Quotes MN att call conference Online Criminal Justice Degree Hire php developers Best Criminal Lawyers in Arizona online colledges motorcycle lawyer los angeles CAR INSURANCE IN SOUTH DAKOTA Dwi lawyer HOLLAND MICHIGAN COLLEGE Psd to html Massage School Dallas Texas Online Colleges Sell Annuity Payment la personal injury lawyer Cheap car insurance in Virginia mesothelioma lawyer california Dallas Mesothelioma Attorneys Motor Replacements Criminal defense lawyer DUI lawyer maritime lawyer houston Hire php programmers Personal Injury Lawyer business email web hosting Criminal lawyer Service business software Custom Christmas cards Php programmers for hire Auto Mobile Insurance Quote boca raton personal injury attorney Donating used cars to charity Donate Car To Charity CALIFORNIA Seo companies Forex Trading Platform Business finance group Computer science classes online Donate Old Cars to Charity CAR ACCIDENT LAWYERS Paperport promotional code Php programmers Cheap Auto Insurance in VA mesothelioma lawyer asbestos cancer lawsuit DONATE YOUR CAR FOR MONEY firm law mesothelioma Best social media platforms for business Best Seo company donate your car for kids chicago hair laser removal orlando criminal attorney Best social media platforms Social media platforms for business Donate Your Car Sacramento Custom WordPress theme designer Adobe illustrator classes MASSAGE SCHOOL DALLAS TEXAS Donate Car to Charity California Seo services DONATE CARS IN MA Forensics online course washington mesothelioma attorney houston tx auto insurance miami personal injury lawyer Car insurance quotes Utah Business management software how to donate a car in california mesothelioma attorneys Seo company Online Christmas cards donating used cars to charity Psd to WordPress accident car florida lawyer WordPress themes for designers WordPress hosting Neuson Dayton freight lines Car Insurance Quotes Annuity Settlements michigan motorcycle accident lawyer Social media examiner personal injury law firm Social media management auto accident lawyer san francisco Tech school Car insurance quotes Colorado car accident lawyers west palm beach event management security Social media platforms Christmas cards mesothelioma symptoms Proud Italian cook Italian cooking school WordPress theme designers Donate Car for Tax Credit Gas/Electricity refinance with bad credit EMAIL BULK SERVICE mesothelioma trial attorney CHEAP CAR INSURANCE IN VIRGINIA Car Insurance Quotes Colorado Learning adobe illustrator LOW CREDIT LINE CREDIT CARDS Injury Lawyers Donate cars Illinois motorcycle accident lawyer san francisco Social media tools Social media campaigns Mesothelioma Law Firm DONATE YOUR CAR SACRAMENTO benchmark lending MORTGAGE ADVISER pharmacist jobs in chicago Structures Annuity Settlement Donate Cars in MA accident attorneys orange county Auto Accident Attorney sell your structured settlement payments personal injury accident lawyer Dedicated Hosting Dedicated Server Hosting MOTOR REPLACEMENTS Register Free Domains Futuristic Architecture adverse remortgage alabama mesothelioma lawyer colorado mesothelioma lawyers mesothelioma lawyer chicago Online Classes Nunavut Culture Psychic for Free Dayton Freight Lines motorcycle accident attorney sacramento Hard drive Data Recovery Services Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland Donate Cars Illinois Criminal Defense Attorneys Florida email bulk service Car Insurance Quotes Utah Life Insurance Co Lincoln Donate your car for money Futuristic architecture Cheap auto insurance in VA Online Motor Insurance Quotes