Ya puedes incorporar gadgets a las vistas dinámicas de Blogger – Abogado – Seguro – coche

No sé si hay algún plan menos noble y más comercial o que Google se ha propuesto por fin y después de muchos años, potenciar al máximo su plataforma de blogs de forma generosa. Seguramente es lo primero, pero lo cierto es que desde hace ya muchos meses no descansan sacando novedades: estadísticas, botones para compartir, diseñador de plantillas, etiquetas en nube, nuevo escritorio, suscripción por correo, comentarios anidados...

Hace sólo unas horas queBlogger Buzz comunicó otra y es que ya se disponen de ciertos gadgets para las vistas dinámicas. Desconozco si pararán ahí o seguirán incorporando otros, pero por las características de estas plantillas, supongo que no habrá mucha cosa más. Pienso así porque al margen del diseño moderno que se pretende, lo más importante para Google es probablemente fomentar las páginas de carga rápida con modernas tecnologías.


Estos gadgets están disponibles como siempre en el apartadoDiseño. Salen todos los que se pueden incluir en las plantillas clásicas y el sistema te dejará incorporarlos todos. Sin embargo, los únicos que funcionan ahora mismo son los deArchivo del Blog,Seguidores,Etiquetas,Perfil,Suscripción yLista de Enlaces. Son precisamente algunos de los que más pueden ayudar a la navegación y al seguimiento del blog por parte de los usuarios.

Ya instalados, lo que verás en tu blog será simplemente una línea negra en la parte derecha que se despliega al pasar el puntero por encima de ella y que contiene unos iconos que representan los diferentes artilugios. Al pinchar en cualquiera de ellos, un submenú más grande nos mostrará su contenido.

Servidor prefiere seguir diseñando la apariencia de su blog y continuar experimentando con lo que va aprendiendo, pero sin duda, esta es una buena noticia para los millones de blogs que ya se pasaron a este formato y que cuenta también con muchas ventajas.

Dwi lawyer email bulk service google adsense personal injury law firm Donate car to charity California WordPress themes for designers Forensics Online Course supportpeachtreecom mesotheioma saskatchewan auto insurance Donating used cars to charity best accident attorneys Social media tools asbestos lung cancer Make money online Australia VIRTUAL DATA ROOMS Custom Christmas cards Asbestos Lawyers mesothelioma claims Casino reviews bus accident attorney los angeles Social media examiner mesothelioma attorney assistance Mortgage Adviser Proud Italian cook Service business software Health Records Personal Health Record Low credit line credit cards Cheap car insurance for ladies Online casino Donating Used Cars to Charity Online Motor Insurance Quotes Hire php developers WordPress theme designers Casino DALLAS MESOTHELIOMA ATTORNEYS washington mesothelioma attorney Mobile casino DUI lawyer utah mesothelioma lawyer Html email Motor Replacements Nunavut culture Computer science classes online Live casino domains yahoo Car Accident Lawyers Car insurance quotes Utah Best Seo company ROYALTY FREE IMAGES STOCK Donate Cars Illinois workers compensation lawyer los angeles CAR INSURANCE QUOTES COLORADO annuity payment Auto Mobile Insurance Quote lease management software domain yahoo auto insurance cost by state new mexico mesothelioma lawyer Hire php programmers maritime lawyer houston personal injury lawyer buying an annuity calculator car accident lawyers west palm beach Criminal lawyer structured settlement blog st louis mesothelioma attorney peritoneal mesothelioma CAR INSURANCE QUOTES UTAH business email web hosting mesothelioma lawyer houston Seo companies Donate a car in Maryland Criminal defense lawyer student loan consolidation program Hire php developer Life Insurance Co Lincoln Php programmers for hire Social media management HOLLAND MICHIGAN COLLEGE Psychic for Free Adobe illustrator classes google affiliate CAR ACCIDENT LAWYERS CAR DONATE Bankruptcy lawyer NEUSON structured settlemen Email bulk service motorcycle accident attorney sacramento most profitable internet business Seo services Social media platforms for business Php programmers motorcycle accident lawyer california fast cash for house SELL ANNUITY PAYMENT Personal Injury Lawyers EMAIL BULK SERVICE offshore accident lawyer diagnosed with mesothelioma Best social media platforms for business asbestos lawyers Italian cooking school New social media platforms Business finance group car insurance quotes colorado PSYCHIC FOR FREE Custom WordPress theme designer Car Insurance Quotes Colorado AUTOMOBILE ACCIDENT ATTORNEY Futuristic Architecture arizona auto accident attorney Best social media platforms Psychic for free Forensics online course workplace accident attorney DAYTON FREIGHT LINES Criminal Defense Attorneys Florida Car Donate Business management software Car Insurance Companies criminal defense federal lawyer Seo company Online Christmas cards cash out structured settlement Photo Christmas cards ONLINE COLLEDGES WordPress hosting Psd to WordPress Dayton Freight Lines injury lawyers west palm beach Tech school Social media platforms MORTGAGE ADVISER Christmas cards Psd to html structured annuity settlement Donate car for tax credit Social media strategies car crash attorneys accident attorneys orange county Cheap Domain Registration Hosting personal injury accident lawyer mesothelioma attorney Donate Car to Charity California auto accident lawyer san francisco Online Criminal Justice Degree mesothelioma cases Online colledges Learning adobe illustrator selling my structured settlement DONATING USED CARS TO CHARITY Social media campaigns How to Donate A Car in California Mesothelioma Law Firm Donate Cars in MA cloud identity and access management World Trade Center Footage Donate Car for Tax Credit CHEAP DOMAIN REGISTRATION HOSTING Donate cars Illinois Donate Your Car Sacramento LIFE INSURANCE CO LINCOLN car insurance companies hosted predictive dialers selling annuity Email Bulk Service Automobile Accident Attorney massage school dallas texas business voip solutions Donate your Car for Money Sell Annuity Payment Donate Your Car for Kids car donate Structures Annuity Settlement Cheap domain registration hosting car accident lawyer san bernardino Annuity Settlements Nunavut Culture Donate Old Cars to Charity Cheap Car Insurance in Virginia mortgage adviser MOTOR REPLACEMENTS paperport promotional code city college in miami Car insurance quotes MN better conferencing calls Better Conference Calls Hard drive Data Recovery Services Donate a Car in Maryland illinois law lemon Donate Car To Charity CALIFORNIA Car Insurance Quotes PA donating used cars to charity structured settlement purchasers yahoo web hosting Donating a Car in Maryland Massage school Dallas Texas mesothelioma lawyer texas Best Criminal Lawyers in Arizona MET AUTO uk homeowner loans Car Insurance Quotes Utah Low Credit Line Credit Cards Holland Michigan College motor replacements mesothelioma charities mesothelioma litigation Online Colleges

Texto realista (3D) con CSS – Phone – Seguro

Para convertir un texto normal en un rótulo 3D no necesitamos ningún editor de imágenes. Nos basta con una propiedad CSS:text-shadow. El resultado será algo como la imagen que ilustra esta entrada que por cierto, es la única que encontraréis. Lo siguiente que iréis viendo es todo texto plano. Como comprobación podéis intentar seleccionarlo.

Esto es algo que he visto enDesignsHack al hilo de otro tema cuyo fin era distinto. Pero cómo me ha parecido una buena explicación, vamos a hacer lo mismo y en lugar de poner directamente el código y el resultado, cosa que por otra parte me sería más fácil, lo vamos a ver poco a poco para que se entienda y podáis hacer posteriormente las variaciones que gustéis.


Lo primero es asignar al texto que se quiere transformar una clase. La que queramos inventar:

div class="textoddd"Texto 3D/div

Luego nos vamos a nuestra hoja de estilo y creamos esa misma clase, asignándole las propiedades relativas a la fuente: grosor, tamaño, altura de línea y tipografía. También le añadimos untext-transform para que todo sea mayúsculas aunque nosotros tecleemos minúsculas:

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
}

Este es nuestro primer resultado:

Texto 3D

Nada del otro mundo, así que le damos el primer toque que consiste en añadir al texto un color y una sombra. A esta última le daremos un tono más oscuro y la desplazaremos en vertical 12px.

En el siguiente enlace hay una muy buena herramienta para escoger un color y toda su gama de tonos. No la perdáis de vista porque luego nos vendrá muy bien:0to255. Nosotros hemos bajado nueve tonos, desde #c69c1e hasta #41330a (45-15%).

La sintaxis de text-shadow es

text-shadow: desplaz_horizontal desplaz_vertical desenfoque color;

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0 12px 0 #41330a;
}

Texto 3D

Ya veis que el texto original simula levantarse y proyectar una sombra, pero esto no queda demasiado realista que digamos, así que vamos a solucionarlo. Lo que haremos será sustituir esa sombra a 12px por seis distintas cada 2px, de manera que al apilarlas simularán ser un cuerpo sólido. Para añadir más de una sombra sólo necesitamos separarlas con comas, sin olvidar que al final siempre irá un punto y coma:

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0  2px 0 #41330a,
               0  4px 0 #41330a,
               0  6px 0 #41330a,
               0  8px 0 #41330a,
               0 10px 0 #41330a,
               0 12px 0 #41330a;
}

Texto 3D

Bastante mejor ¿no? Pues ahora echamos mano de ese servicio de colores que mencioné antes (0to255) y convertimos esa monocromática capa oscura en un degradado. Para eso seleccionamos 5 tonos más a partir del que teníamos oscuro y yendo hacia el más claro (hacia arriba).

Luego los vamos situando en el código anterior, de manera que el más claro será el que quede más cercano a las letras (2px). Recordamos que anteriormente saltamos 9 tonos y esto fue para que entre el color de la letra y el más claro de los que escogimos ahora, haya un cambio significativo de color.

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0  2px 0 #8b6e15,
               0  4px 0 #7c6213,
               0  6px 0 #6e5611, 
               0  8px 0 #5f4b0e, 
               0 10px 0 #503f0c,
               0 12px 0 #41330a;
}

Texto 3D

El cambio no parece muy importante, pero si comparáis con el anterior resultado ya se aprecia una diferencia que hace el texto bastante más majo.


Ya sólo nos queda el toque final, que consistirá en añadir una sombra al uso -con desenfoque- de manera que las letras terminen de aparentar altura y perspectiva de tres dimensiones.

Bueno, en este ejemplo añadiremos realmente dos. Una más grande con un blur (desenfoque) de 15px y un color negro (0,0,0) al 10% de opacidad (último parámetro de rgba) y otra más pequeña de 5px pero más oscura (30%).

.textoddd {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0  2px  0   #8b6e15,
               0  4px  0   #7c6213,
               0  6px  0   #6e5611, 
               0  8px  0   #5f4b0e, 
               0 10px  0   #503f0c,
               0 12px  0   #41330a,
              3px 8px 15px rgba(0,0,0,0.1),
              3px 8px  5px rgba(0,0,0,0.3);
}

Texto 3D

Como es habitual, esta propiedad funciona en prácticamente todos los navegadores a excepción de Internet Explorer, cosa que siempre me da mucho...

CORAJE

CORAJE

CORAJE

DALLAS MESOTHELIOMA ATTORNEYS event management security world trade center footage Dwi lawyer Car insurance quotes Utah Car Insurance Quotes Colorado Car Insurance in South Dakota Make money online Australia mesothelioma attorneys california Criminal lawyer Miami Mesothelioma Law Firm Dallas mesothelioma attorneys Mobile casino Better Conference Calls car accident lawyer san bernardino Seo companies donate your car for money Hire php developers hughes net business Online colledges Online casino WebEx costs Asbestos Lung Cancer home phone internet bundle Injury Lawyers tennessee mesothelioma lawyer Social media strategies CRIMINAL DEFENSE ATTORNEYS FLORIDA DONATE OLD CARS TO CHARITY cell cycle regulation ppt Mortgage Adviser ashely madis Html email mesothelioma help Auto Mobile Shipping Quote Casino emergency response plan ppt Live casino Annuity Settlements Casino reviews Tech school Social media platforms Online motor insurance quotes Custom Christmas cards Cheap Car Insurance in Virginia selling a structured settlement motorcycle accident lawyer san francisco Neuson motor replacements car insurance quotes colorado Computer science classes online New social media platforms EMAIL BULK SERVICE Car insurance quotes MN Paperport Promotional Code Met Auto boca raton personal injury attorney mesotheioma Cheap Domain Registration Hosting Low Credit Line Credit Cards life insurance co lincoln arizona auto accident attorney yahoo web hosting WordPress hosting Donating used cars to charity criminal defense federal lawyer hair removal washington dc att call conference car accident lawyers west palm beach DUI lawyer How to Donate A Car in California Psychic for Free donate your car for kids structured settlement investments Motor Replacements workers compensation lawyer los angeles personal injury attorney springfield mo supportpeachtreecom Auto Mobile Insurance Quote Hire php programmers Donate old cars to charity Criminal lawyer Life Insurance Co Lincoln adverse credit remortgage Service business software miami personal injury lawyer CHEAP CAR INSURANCE FOR LADIES Criminal defense lawyer Php programmers for hire Hire php developer Attorney Car insurance in South Dakota mesothelioma lawyer houston World Trade Center Footage Bankruptcy lawyer los angeles auto accident attorneys HOW TO DONATE A CAR IN CALIFORNIA mesothelioma law suits Donate Car for Tax Credit Psd to html Custom WordPress theme designer virtual data rooms Php programmers st louis mesothelioma attorney injury lawyer houston tx Italian cooking school domain name yahoo Best social media platforms for business CHEAP CAR INSURANCE IN VIRGINIA mesothelioma charities motorcycle accident lawyer california Dayton Freight Lines Business finance group BEST CRIMINAL LAWYER IN ARIZONA Auto Accident Attorney Social media platforms for business ONLINECLASSES Online Stock Trading Seo services Massage School Dallas Texas dallas mesothelioma attorneys baltimore mesothelioma attorneys Best Seo company business administration masters Dayton freight lines Sell Annuity Payment Business management software Best social media platforms mesothelioma litigation Business Voip Solutions PHD on Counseling Education Seo company Online Christmas cards Photo Christmas cards motorcycle lawyer los angeles cheaper insurance companies new mexico mesothelioma lawyer broward county dui lawyer Mortgage adviser Car Donate WordPress themes for designers car insurance companies Psd to WordPress Online Criminal Justice Degree Social media examiner Social media management mesothelioma compensation royalty free images stock car accident lawyers ONLINE MOTOR INSURANCE QUOTES email bulk service Christmas cards Proud Italian cook Car Accident Lawyers onlineclasses refinance with bad credit WordPress theme designers Donate Your Car Sacramento donate old cars to charity Adobe illustrator classes Learning adobe illustrator Social media tools Social media campaigns Donate your Car for Money Donate car for tax credit criminal defense attorneys florida Donate Car to Charity California mesothelioma law firm Donate Cars in MA asbestos lung cancer Better conferencing calls federal criminal defense attorney mesothelioma trial attorney mesothelioma attorney illinois primary pulmonary hypertension motor insurance quotes firm law mesothelioma NEUSON structured settlement brokers alabama mesothelioma lawyer Donate Your Car for Kids Asbestos Lawyers anti spam appliance Structures Annuity Settlement Webex Costs compare life assurance meso lawyer Nunavut Culture DONATING USED CARS TO CHARITY Hard drive Data Recovery Services Dedicated Hosting Dedicated Server Hosting illinois mesothelioma lawyer DAYTON FREIGHT LINES Donate a Car in Maryland Insurance Companies Donating a Car in Maryland Donate Cars Illinois mesothelioma lawyer virginia quotes car MOTOR REPLACEMENTS Criminal Defense Attorneys Florida chicago hair laser removal Best Criminal Lawyers in Arizona Car Insurance Quotes Utah PAPERPORT PROMOTIONAL CODE Holland Michigan College Online Motor Insurance Quotes Online Colleges mesothelioma law firms Online Classes

La ventaja de subir una sola imagen y disponer de cientos – Automovil – Miami – Phone

Como todas las plataformas, Blogger tiene cosas buenas y cosas malas, pero en lo que respecta a las imágenes pienso que tiene más de lo primero. El título de la entrada es en lo que baso esta opinión, porque cuando subimos una imagen, realmente generamos infinidad de copias de todos los tamaños imaginables y otro buen puñado de, al menos, un formato recortado de proporción cuadrada que nos puede venir bien para ciertas cosas.

---

Creo que es conocido que cuando se sube una imagen a una entrada, esta se almacena enPicasa, un servicio que como Blogger, es propiedad de Google. Sólo tenéis que acceder a ese servicio y veréis cómo hay algún álbum con el nombre de vuestro blog y dentro de él las imágenes que históricamente habéis subido.


Y no sólo estarán las publicadas. También encontramos las que permanecen en un borrador o incluso las que terminasteis descartando y no publicando. En resumen, todo lo que habéis subido alguna vez y no borrado en Picasa. Bueno, todo todo realmente no.


El cómo se se van abriendo esos álbumes o por qué en ocasiones se genera un segundo álbum sobre el mismo blog, es algo que desconozco, pero sí que tengo detectado en qué caso las imágenes serán visibles allí y en qué casos no.

La respuesta es que cuando usamos el icono para subir imágenes desde la pestañaRedactar del editor de entradas, es cuando Picasa recoge el guante y archiva la imagen. Sin embargo, cuando la imagen se incorpora desde la pestañaHTML, ni caso.


Hay otra circunstancia y es que las direcciones que genera Picasa y las que inserta el editor en una entrada, son bien distintas. A la imagen que se muestra en este post le corresponden estas tres. Por cierto que su autor esSean R. Heaveyy si la queréis ver a mayor tamaño, sólo tenéis que pinchar en ella.

Picasa:https://lh3.googleusercontent.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1024/yellow%2520dwarf.jpg

Editor (Redactar):http://4.bp.blogspot.com/-qwYyRPVImeI/T0qQJI9ARfI/
AAAAAAAAB6U/HHR2ByPKy1k/s1600/yellow+dwarf.jpg

Editor (HTML):http://2.bp.blogspot.com/-7O_zBJFszRQ/T0qQYJQtU_I/
AAAAAAAAB6g/oLDD6A_8vH8/s1600/yellow%2Bdwarf.jpg

Como se puede comprobar, se parecen como un huevo a una castaña, por lo que parece fácil deducir que hay algo más que Picasa tras todo esto y que Blogger seguramente tiene otro almacén interno distinto, dónde también guarda nuestras imágenes.


Pero lo interesante de todo esto no es lo diferentes que son las direcciones, sino precisamente lo que tienen en común y que es una carpeta que siempre empieza con unas. En las anteriores seríans1024 ys1600.

Ya hemos explicado en otras ocasiones (1) (2) (3) que ese numerito tras las es como una réplica de la imagen original, pero redimensionada proporcionalmente al ancho en píxeles indicado por los dígitos (o a la altura si esta es mayor). De esta manera podemos cambiar el tamaño de la imagen original a una más pequeña, con sólo cambiar esos números.

s1600 - s0 - s00 - s000
(Original 1024x254px.Parcialmente oculto por ser el ancho de la entrada de menor tamaño)

Estos serían los tamaños que Blogger proporciona en el editor y que se consiguen al pinchar enExtra grande,Grande,Mediano yPequeño, así como sus correspondientes carpetas.

Extra grande s640 (640px)

Grande s400 (400px)

Mediano s320 (320px)

Pequeño s200 (200px)

Pero como decía al principio, las posibilidades son muchísimas, ya que podemos indicar cualquier número en esa carpeta por quebrado o raro que sea. El único límite sería el ancho (o alto) de la imagen original, ya que si bien lo podemos utilizar, Blogger siempre nos mostrará como mucho el tamaño original:

Personalizado s566 (566px)

Personalizado s362 (362px)

Personalizado s440 (440px)

Todo esto puede carecer de interés o no dependiendo de como tratemos las imágenes en nuestro blog. Normalmente cargamos uno de los cuatro tamaños "estándar" pero quizás por las dimensiones de nuestro blog, nos interese otro distinto. Por ejemplo, en mi anterior plantilla tenía unos 520px para las entradas, así que la de 400 se me quedaba algo pequeña y la de 640 demasiado grande.

Conociendo esto sólo tenia que subir un tamaño cualquiera y luego cambiar as500 para tener una imagen de 500px de ancho. Justo el que me venía bien.


Pero hay un último detalle que aunque conozco desde hace tiempo, no había llegado nunca a publicar. Se trata del sufijo-c.

Si a cualquier cifra le añadimos eso, Blogger nos proporciona una imagen cuadrada del ancho indicado y que extraerá del centro de la imagen original a modo de recorte.

Esto nos abre algunas posibilidades interesantes cómo poder maquetar sumarios con este tipo de imagen a modo de miniaturas y sin necesidad de recurrir a otros códigos más engorrosos que recortan las imágenes:

Personalizado s250-c (250px)

Personalizado s100-c (100px)

A diferencia del anterior sistema de redimensión proporcional, hay que tener algo de cuidado con este sufijo. Con él no respeta el límite de la imagen original y podemos encontrarnos con una imagen de baja resolución ampliada en demasía, que se vea mal. Ejemplo:

Personalizado s600-c (600px)

Hay otro sufijo que es-r y que no reviste a mi parecer ningún interés, ya que si bien admite cambio de dígitos para redimensionar, el formato (proporción) permanece como en el original.

¿Conoces algún sufijo más para las imágenes de Blogger que pueda ser interesante?

01-03-2012.El Potro nos da a conocer tres variantes más:

• -d, que permite descargar la imagen directamente al pinchar en esa dirección
• -o, que muestra un icono de "play" sobre la imagen, aparentemente sin más utilidad
• h, un prefijo en sustitucion de s con el que podemos definir el alto de la imagen en lugar del ancho

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsP2yQ_ACEDvcJvQW54lrAI0J4lUzHdoQXvpRWdW9u99OtPZ3xPUmlgOtbkvusCuecwC5tvCtkqrItdFmDzNtF2ZcaKi-pVC-XFkUqsRj27dTH4EaNnyA7OwxBOJ_RdCIwzOBxXImIYY/s500-d/yellow+dwarf.jpg

s500-d (Descargar)

s500-o (con icono)

h100 (100px de alto)

10-03-2012. Felipe OI nos comenta otro sufijo que hace otro recorte peculiar. Se trata de -p. Este hace también un recorte cuadrado del ancho del número que indiquemos, pero en lugar de sacarlo de la parte central de la imagen, lo hace sobre la parte algo más a la derecha. Podéis comprobar la diferencia de "encuadre" con respecto a los otros -c que están más arriba.

s200-p (cuadrado desplazado de 200px)

En imágenes verticales, el recorte con este sufijo se produce desplazado hacia abajo.

Original

s100-c

s100-p

Italian cooking school Best Criminal Lawyers in Arizona Dayton freight lines mesothelioma attorney florida Mobile casino Custom Christmas cards CAR INSURANCE IN SOUTH DAKOTA new mexico mesothelioma lawyer emergency response plan ppt Criminal lawyer Nunavut Culture Casino Social media platforms for business Hire php programmers michigan motorcycle accident lawyer Register Free Domains Dayton Freight Lines Online casino Holland Michigan College mesothelioma drug sell annuity payment Online Colleges accident car florida lawyer Social media platforms Structures Annuity Settlement Dwi lawyer mortgage adviser lease management software Online College Course Learning adobe illustrator Donate Cars in MA st louis mesothelioma attorney refinance with poor credit cash out structured settlement DONATE OLD CARS TO CHARITY tennessee mesothelioma lawyer mesothelioma lawyer virginia DONATE YOUR CAR FOR MONEY google adsense sell my structured settlement Criminal defense lawyer Online Christmas cards injury lawyer houston tx mesothelioma lawyers san diego CAR ACCIDENT LAWYERS saskatchewan auto insurance Photo Christmas cards mesotheloma mesothelioma care mesothelioma charities domain yahoo Donate Your Car Sacramento Hire php developers How to donate a car in California personal injury lawyer sarasota fl CHEAP CAR INSURANCE FOR LADIES Php programmers Cheap car insurance in Virginia Make money online Australia illinois mesothelioma lawyer Health Records Personal Health Record virtual data rooms Casino reviews business voip solutions la personal injury lawyer WordPress hosting Live casino PAPERPORT PROMOTIONAL CODE arizona auto accident attorney World Trade Center Footage DUI lawyer most profitable internet business mesothelioma attorneys california Seo company REGISTER FREE DOMAINS Seo services Donate a car in Maryland asbestos exposure lawyers Psd to html pharmacist jobs in chicago Car Accident Lawyers workers compensation lawyer los angeles accident lawyers in los angeles ONLINE MOTOR INSURANCE QUOTES PhD in counseling education Donate Old Cars to Charity integrated ehr Mesothelioma Law Firm Low credit line credit cards state of california car insurance benchmark lending Donate Car for Tax Credit phd in counseling education Auto Accident Attorney Service business software CAR DONATE georgia truck accident lawyer Sell Annuity Payment harddrive data recovery services DONATE YOUR CAR SACRAMENTO online criminal justice degree Car Insurance Quotes PA structured settlement broker DONATING USED CARS TO CHARITY Bankruptcy lawyer Car insurance quotes Colorado personal accident attorney utah mesothelioma lawyer miami personal injury lawyer Forensics online course Php programmers for hire Donate cars Illinois Hire php developer Cheap domain registration hosting FUTURISTIC ARCHITECTURE sell structured settlement calculator Html email BEST CRIMINAL LAWYER IN ARIZONA Computer science classes online Car Insurance Quotes Utah holland michigan college compare life assurance Seo companies Best social media platforms for business Proud Italian cook New social media platforms Business finance group Forensics Online Course mesothelioma attorney california Custom WordPress theme designer Best Seo company Psychic for Free motorcycle accident lawyer california Business management software Best social media platforms DALLAS MESOTHELIOMA ATTORNEYS best structured settlement companies See more at http//wwwginfostopnet/ Social media examiner domains yahoo Cheap Car Insurance in Virginia Online Criminal Justice Degree Insurance Companies Tech school personal injury attorney ocala fl life insurance co lincoln diagnosed with mesothelioma WordPress themes for designers Psd to WordPress Home phone internet bundle Social media management structured settlement sell Cheap Domain Registration Hosting Personal Injury Lawyers primary pulmonary hypertension Life insurance co Lincoln mesothelioma settlements amounts Christmas cards mesothelioma attorney directory forensics online course car accident lawyers los angeles Social media tools FORENSICS ONLINE COURSE WordPress theme designers structured settlement quote Adobe illustrator classes Paperport Promotional Code philadelphia mesothelioma lawyer Social media strategies Asbestos Lawyers structured annuity settlement Social media campaigns boca raton personal injury attorney Online motor insurance quotes Donate Car To Charity CALIFORNIA DONATE CARS IN MA Donate Car to Charity California federal criminal defense attorney motorcycle accident lawyer san diego mesothelioma lawyer houston Dallas Mesothelioma Attorneys Donate old cars to charity Mortgage Adviser How to Donate A Car in California Donate Your Car for Kids california motorcycle accident lawyer Massage School Dallas Texas Car Insurance Quotes Colorado Annuity Settlements Donate a Car in Maryland data recovery raid Hard drive Data Recovery Services MORTGAGE ADVISER fast cash for house Motor Replacements injury lawyers Donating a Car in Maryland Car Donate Donate Cars Illinois Asbestos Lung Cancer Criminal Defense Attorneys Florida houston tx auto insurance structured settlement investments Email Bulk Service mesothelioma settlements DONATING A CAR IN MARYLAND WORLD TRADE CENTER FOOTAGE Life Insurance Co Lincoln structured settlement company Online Motor Insurance Quotes

De qué va cada red social explicado fácil – Virtual – Credito – Law Firm

Una curiosa imagen que vimos enLAWeekly, gracias a un tweet de@Janeslowey al que llegué no recuerdo cómo. Posponiendo alguna tarea importante, seguro.

¿A alguno le han explicado el manejo de incógnitas en ecuaciones (x,y,etc.) como si fueran manzanas o peras? Pues en esta pizarra nos explican de una manera similar pero con Donuts, cómo funcionan las principales redes sociales.

SOCIAL MEDIA EXPLICADO

TwitterEstoy comiendo un #Donut
Facebook Me gustan los Donuts
Foursquare Aquí es dónde me como los Donuts
Instagram Esta es una foto estilo antigo de mi Donut
YouTube Este soy yo comiendo un Donut
Linkedin Mis habilidades incluyen comer Donuts
Pinterest Esta es una receta para hacer Donuts
Last FM Escuchando a "Los Donuts"
Google+ Soy un empleado de Google que come Donuts

Cheap Auto Insurance in VA car insurance companies Criminal defense lawyer Online Colleges Online casino Best social media platforms car accident lawyer michigan Asbestos Lung Cancer CAR ACCIDENT LAWYERS Car insurance in South Dakota motorcycle accident lawyer california adverse credit remortgage Cheap Car Insurance in Virginia Cheap Domain Registration Hosting AUTO ACCIDENT ATTORNEY Car insurance quotes Utah Personal Injury Lawyers car accident lawyers Online Christmas cards seattle mesothelioma lawyer boulder personal injury lawyers Insurance Donate Your Car Sacramento Casino reviews Service business software car insurance quotes Casino car accident lawyers west palm beach WordPress hosting STRUCTURED ANNUITY SETTLEMENT bus accident attorney los angeles Forensics Online Course structured settlements annuities attorney lawyer mesothelioma Futuristic architecture mesothelioma mesothelioma lawyer houston motorcycle accident attorney chicago workers compensation lawyer los angeles Hire php developers Donate your car for kids Mobile casino Donate Car To Charity CALIFORNIA best accident attorneys Business management software Make money online Australia mesothelioma lawyer texas Donating used cars to charity Car Insurance Quotes Utah personal injury attorney ocala fl Online classes accident attorney orange county primary pulmonary hypertension Computer science classes online mesothelioma settlement amounts Hire php programmers buying an annuity calculator Auto Mobile Shipping Quote Donating Used Cars to Charity Hard drive Data Recovery Services Futuristic Architecture motor replacements Live casino DUI lawyer Proud Italian cook miami personal injury attorney illinois law lemon Online motor insurance quotes Social media tools World Trade Center Footage google affiliate Donate Cars in MA Psychic for Free donate your car for money CAR INSURANCE QUOTES COLORADO Online Stock Trading FUTURISTIC ARCHITECTURE structured settlements companies peritoneal mesothelioma mesothelioma suit PAPERPORT PROMOTIONAL CODE Criminal lawyer Miami ROYALTY FREE IMAGES STOCK mesothelioma settlements WordPress themes for designers mesothelioma lawyer dallas Best Seo company Webex Costs motorcycle lawyer los angeles Annuity Settlements Car Insurance Quotes PA Social media examiner Low credit line credit cards Dwi lawyer criminal defense attorneys florida VIRTUAL DATA ROOMS Criminal lawyer Car Insurance in South Dakota Social media campaigns car insurance quotes pa pharmacist jobs in chicago domain name yahoo Paperport promotional code WordPress theme designers Motor Replacements Car insurance quotes MN Php programmers for hire Php programmers business administration masters Hire php developer Html email Online College Course Bankruptcy lawyer meso lawyer injury attorney baton rouge Data Recovery Raid mesothelioma attorney florida cheaper insurance companies Asbestos Lawyers Low Credit Line Credit Cards sell structured settlement calculator Custom Christmas cards Seo company ashely madis Seo companies Best social media platforms for business Business finance group structured settlement quote mesothelioma symptoms New social media platforms Christmas cards new york mesothelioma law firm Psd to html Social media platforms for business Social media strategies Custom WordPress theme designer Seo services car accident lawyers los angeles cash out annuity Car Accident Lawyers LIFE INSURANCE CO LINCOLN MET AUTO personal injury solicitor Donate Car to Charity California mortgage adviser mesothelioma attorney illinois Social media management la personal injury lawyer structured settlement company car insurance quotes colorado st louis mesothelioma attorney Donate Car for Tax Credit california motorcycle accident lawyer buying structured settlements Photo Christmas cards lease management software selling structured settlement paperport promotional code HOW TO DONATE A CAR IN CALIFORNIA DONATE CAR FOR TAX CREDIT Criminal Defense Attorneys Florida accident lawyers in los angeles Psd to WordPress buyer of structured settlement annuity Tech school PHD IN COUNSELING EDUCATION Social media platforms online colledges DONATE YOUR CAR FOR KIDS personal injury law firm mesothelioma ct ONLINE MOTOR INSURANCE QUOTES emergency response plan ppt Italian cooking school donate car for tax credit Car Donate Dayton Freight Lines Adobe illustrator classes mesotheloma Holland Michigan College Learning adobe illustrator mesothelioma settlements amounts Mesothelioma Law Firm structured settlement brokers See more at http//wwwginfostopnet/ Forensics online course mesothelioma lawyer chicago How to Donate A Car in California Sell Annuity Payment Donate Your Car for Kids benchmark lending Structures Annuity Settlement wisconsin mesothelioma attorney Car Insurance Quotes Colorado WORLD TRADE CENTER FOOTAGE Nunavut Culture mesothelioma lawsuits DONATE CARS IN MA Donate a Car in Maryland anti spam appliance Donating a Car in Maryland Donate Cars Illinois Best Criminal Lawyers in Arizona Life Insurance Co Lincoln washington mesothelioma attorney Auto Accident Attorney Online Motor Insurance Quotes hosted predictive dialers Paperport Promotional Code Online Classes

Migas de pan para Blogger: Breadcrumbs – Promotional Code

El pequeño resumen que Google muestra sobre los distintos resultados de una búsqueda, es sin duda uno de los principales factores que ayuda a los usuarios a decidir si la página que el buscador les ofrece, contiene lo que están buscando o no.

Ese fragmento se genera mediante algoritmos internos de Google, pero podemos ayudar un poco a que en ese resumen aparezca adicionalmente algo significativo que nosotros elegimos. Serían las llamadasbreadcrums o migas de pan. Esto se logra conmicrodatosestructurados (metadatos)omarcas RDFa.


Lo de que Google pone en el resumen lo que quiere, lo podéis comprobar fácilmente poniendo en su buscador algunas palabras clave del titulo de alguna entrada vuestra (que no sean muy comunes) y añadiendo alternativamente alguna palabra adicional que aparezca en ese mismo post.

Al igual que en elPulgarcito de Perraut, el protagonista pretendía volver a su casa marcando el camino con migas de pan que dejaba caer, lasbreadcrums son como sendas de navegacion que indican dónde estamos y por dónde se llega allí. Un ejemplo para una entrada podría ser este:

Home Trucos Metadatos con schema.org para botón +1

Pues aparte de que el usuario tenga esa información a mano, lo que pretendemos con la instalación de un sistema debreadcrumbs, es que Google incluya esa información cuando nos muestre como resultado de búsqueda. El día que el santo buscador quiera, este saldría bajo el titulo:

Y aparecerán en Google si se han añadido y marcado como tales, pero sin garantía de que Google las incorpore. Lo que si está claro es que si no las incluimos, seguro que nunca saldrán, así que nosotros vamos a hacer lo necesario para que estos datos aparezcan bien marcados.


Para ello vamos a crear una serie de condiciones de manera que en cada tipo de página (entradas, home, navegación, archivo...) aparezcan los datos que nos interesan. Los únicos que marcaremos serán los de las entradas, pero para que los usuarios también se beneficien de estos caminos, haremos una estructura congruente en el resto de casos.


Tenemos que insertar dos trozos de código nuevos en nuestra plantilla, que serán por un lado la rutina oincludable que es el que hace realmente el trabajo y uninclude o llamada al anterior. Este último lo pondremos dónde queremos que aparezca nuestro camino de migas.

Para ambos necesitamos marcarExpandir plantillas de artilugios y para el segundo, buscarb:include data='top' name='status-message'/. Suele haber dos líneas como esa en la plantilla. Como la primera es para la versión móvil, la que nos interesa es la segunda. Justo ANTES de ella insertamos la llamada:

!-- Breadcrumb --
b:include data='posts' name='breadcrumb'/

Y ahora la parte larga, elincludable. Para saber el sitio dónde ubicar este, buscamosb:includable id='main' var='top'. Al igual que antes, puede que encontremos dos, pero si es así, nos quedamos con el segundo. También justo ANTES de esa línea, incorporamos esto otro:

b:includable id='breadcrumb' var='posts'
b:if cond='data:blog.homepageUrl != data:blog.url'
  b:if cond='data:blog.pageType == "static_page"'
    !-- Página estática --
    div class='breadcrumbs'
      spanEstás en a expr:href='data:blog.homepageUrl' rel='tag'Home/a/span » spandata:blog.pageName//span
    /div
  b:else/
    b:if cond='data:blog.pageType == "item"'
      !-- Entradas --
      b:loop values='data:posts' var='post'
        b:if cond='data:post.labels'
          div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'
            span typeof='v:Breadcrumb'Estás en: a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'Home/a/span
            b:loop values='data:post.labels' var='label'
              b:if cond='data:label.isLast == "true"'
              » span typeof='v:Breadcrumb'a expr:href='data:label.url' property='v:title' rel='v:url'data:label.name//a/span
              /b:if
            /b:loop
            » spandata:post.title//span
          /div
        b:else/
          div class='breadcrumbs'
            spana expr:href='data:blog.homepageUrl' rel='tag'Home/a/span »spanSin etiqueta/span » spandata:post.title//span
          /div
        /b:if
      /b:loop
    b:else/
      b:if cond='data:blog.pageType == "archive"'
        !-- Archivo y resultados de búsqueda --
        div class='breadcrumbs'
          spana expr:href='data:blog.homepageUrl'Home/a/span » spanArchivos para data:blog.pageName//span
        /div
      b:else/
        b:if cond='data:blog.pageType == "index"'
          div class='breadcrumbs'
            b:if cond='data:blog.pageName == ""'
              spana expr:href='data:blog.homepageUrl'Home/a/span » spanTodas las entradas/span
            b:else/
              spana expr:href='data:blog.homepageUrl'Home/a/span » spanEntradas.  data:blog.pageName//span
            /b:if
          /div
        /b:if
      /b:if
    /b:if
  /b:if
/b:if
/b:includable

Una vez hecho todo esto podéis probar el resultado en la herramienta queGoogle Webmasters Tools dispone para comprobar todas estas marcas.

El código y gran parte de esta explicación han sido obtenidos deBlogger Plugins, dónde podéis obtener alguna información mas. Eso sí, en inglés ;)

Social media platforms for business WordPress hosting accident attorneys orange county PHD on Counseling Education la personal injury lawyer Casino Online casino Custom Christmas cards diagnosed with mesothelioma Live casino mesothelioma information Online Colleges small business administration sba Cheap Auto Insurance in VA fortis health insurance temporary adverse credit remortgage sell annuity payment Cheap Car Insurance in Virginia Php programmers REGISTER FREE DOMAINS buying an annuity calculator PSYCHIC FOR FREE Mobile casino georgia truck accident lawyer mesothelioma ct car insurance in south dakota Business VOIP Solutions Home Phone Internet Bundle mesothelioma lawsuit structured settlemen Massage School Dallas Texas Make money online Australia World trade center footage Best social media platforms CAR ACCIDENT LAWYERS Best Criminal Lawyers in Arizona Car Insurance Quotes MN Asbestos Lung Cancer DONATE YOUR CAR FOR MONEY Life Insurance Co Lincoln mesothelioma drug wisconsin mesothelioma attorney STRUCTURED ANNUITY SETTLEMENT MORTGAGE ADVISER car insurance quotes utah mesothelioma lawyer houston tx auto insurance Hire php developers Psd to WordPress Donate Cars Illinois New social media platforms Social media examiner Webex Costs Casino reviews Car Insurance Quotes Colorado washington mesothelioma attorney harddrive data recovery services structured annuity settlement Computer science classes online mesothelioma donate your car for kids Bankruptcy lawyer car insurance quotes mn Custom WordPress theme designer DUI lawyer accident attorney orange county Royalty Free Images Stock Photo Christmas cards Service business software accident lawyers in los angeles MASSAGE SCHOOL DALLAS TEXAS Hire php programmers Donate a Car in Maryland Adobe illustrator classes Virtual Data Rooms cash out structured settlement personal injury law firm CAR INSURANCE QUOTES MN Car Insurance Quotes Utah Paperport promotional code Dwi lawyer Criminal lawyer Best Seo company Criminal defense lawyer michigan motorcycle accident lawyer Motor Replacements Php programmers for hire Hire php developer Social media campaigns mesothelioma law suits Car Insurance Quotes PA Car Accident Lawyers Seo companies Mesothelioma Law Firm phd in counseling education Donating a Car in Maryland BEST CRIMINAL LAWYER IN ARIZONA Best social media platforms for business adverse remortgage Business finance group baltimore mesothelioma attorneys VIRTUAL DATA ROOMS ROYALTY FREE IMAGES STOCK dui lawyer scottsdale Seo services Sell Annuity Payment business email web hosting Online College Course Business management software personal injury firm tennessee mesothelioma lawyer personal injury attorney springfield mo Seo company Psychic for Free Nunavut culture PAPERPORT PROMOTIONAL CODE Online Christmas cards Structures Annuity Settlement Neuson WordPress themes for designers auto accident attorney Torrance Personal Injury Lawyers motor insurance quotes Social media management DONATE OLD CARS TO CHARITY structered settlement mesothelioma lawyer houston boca raton personal injury attorney Register free domains sell structured settlement calculator Cheap Domain Registration Hosting Learning adobe illustrator DAYTON FREIGHT LINES Tech school Social media platforms SELL ANNUITY PAYMENT Proud Italian cook MET AUTO NUNAVUT CULTURE Html email massage school dallas texas Christmas cards LOW CREDIT LINE CREDIT CARDS Psd to html motorcycle accident attorney sacramento mesothelioma attorney california mesothelioma law firms LIFE INSURANCE CO LINCOLN Italian cooking school HOW TO DONATE A CAR IN CALIFORNIA donate old cars to charity Better Conference Calls WordPress theme designers Annuity Settlements pharmacist jobs in chicago register free domains Personal Injury Lawyer Mortgage adviser Social media strategies best criminal lawyer in arizona Social media tools Low credit line credit cards Dayton Freight Lines motorcycle accident lawyer california Donate Car to Charity California emergency response plan ppt Dallas Mesothelioma Attorneys Donate Car for Tax Credit Forensics Online Course workplace accident attorney Donate Cars in MA life insurance quotes Donate Your Car Sacramento How to Donate A Car in California Donate a car in Maryland Donate Your Car for Kids Asbestos Lawyers structured settlement quote verizon sip Online Classes ONLINECLASSES AUTOMOBILE ACCIDENT ATTORNEY mesothelioma law firm Nunavut Culture Hard drive Data Recovery Services mesothelioma claims Donate Car To Charity CALIFORNIA structured settlement buyer Holland Michigan College ASBESTOS LAWYERS Criminal Defense Attorneys Florida selling my structured settlement Better conferencing calls Online Motor Insurance Quotes Forex Trading Platform holland michigan college illinois law lemon city college in miami onlineclasses benchmark lending mesothelioma charities Futuristic Architecture mesothelioma lawyers san diego Low Credit Line Credit Cards Paperport Promotional Code personal injury lawyer sarasota fl business administration masters integrated ehr mesothelioma settlements buyer of structured settlement annuity