CosasParaMiBlogs

lunes, 26 de mayo de 2014

Cómo cambiar la presentación de mi Blog – Arquitectura – Automovil

Cambiar la presentación de un Blog en Blogger puede ser tan sencillo como cambiar la plantilla que éste utiliza. La plantilla del Blog es el archivo que contiene la distribución y presentación de los distintos componentes que conforman un Blog.

Si bien es un proceso sencillo, conviene tener en cuenta algunas claves para llevarlo a buen término. Vamos a realizar una breve explicación de cómo cambiar la presnetación del Blog y los aspectos fundamentales a tener en cuenta.

¿Cómo se cambia la presentación de un Blog?

La presentación de un Blog en Blogger se cambia modificando la plantilla. La plantilla del Blog es el archivo que contiene la distribución y presentación de los componentes de un Blog.

Este archivo puede ser editado por el propietario del Blog cambiando el Diseño o la colocación de los componentes del mismo o modificando la plantilla al completo.

La idea es tan sencilla como que el Blog muestra su presentación por medio de la plantilla.Las entradas del Blog se mantendrán intactas y sólo se cambiará la presentación de las mismas.

Las plantillas para Blogs de Blogger se pueden encontrar en Internet en diversas publicaciones web, simplemente hay que seleccionar la que pueda resultar interesante a nuestro gusto y descargarla.

¿Qué debo tener en cuenta al buscar una plantilla para mi Blog?

La plantilla debe gustarte:

Parece una obviedad algo tan simple, pero muchas veces nos guiamos más por el puro placer visual que por lo que realmente nos gusta. La plantilla va a ser "la piel" y el "aspecto" de tu Blog, debes sentirte a gusto con ello, si no te convence cambia y prueba con otra.

La plantilla debe tener Diseño Adaptable (Responsive Design):

Hoy día una plantilla útil para un Blog debe utilizarResponsive Design, es decir, debe tener una presentación capaz de adaptarse a cualquier dispositivo (sea monitor, móvil, tableta o televisión.

Analiza la experiencia de usuario de tu Blog:

Trata de utilizar sólo aquellos componentes que realmente te hagan falta. No añadas componentes que no sean funcionales o prácticos como objetos meramente decorativos. Observa bien la plantilla antes de proceder, analiza el Blog:Mejora la experiencia de usuario.

¿Puedo fiarme de cualquier sitio para bajarme una plantilla?:

Plantillas para Blogger existen por todo Internet pero sitios que sean de fiar a este respecto no tantos. Es buena idea observar los comentarios de otros usuarios que la hayan descargado previamente, comprobar que está limpia de "software espía" o "scripts dudosos" (puedes instalarte un anti-virus con detección web que verifique una vez la pones en el navegador si existe algún riesgo en su utilización).

Hay plantillas de pago y plantillas gratuitas:

Las plantillas suelen tener versiones gratuitas que no permiten quitar el copyright del creador de la plantilla cuya protección se puede quitar pagando. Siempre suele poderse probar primero la plantilla gratuita para a continuación, si nos decidimos por ella, al pagarla la recibamos con el copyright desbloqueado junto a otras funcionalidades.

¿Qué precio suelen tener las plantillas?:

El precio de las plantillas para uso personal no suele pasar de los 30€ (en los casos más caros), estando la media más bien en unos 15 ó 20€.

¿Es fácil volver atrás?:

Cuando se trabaja con las plantillas por defecto de Blogger es sencillo. El problema es que las plantillas externas ofrecen muchos cambios y recomponer la plantilla de la que se parte requiere tiempo. Es decir, puedes volver atrás pero casi siempre tendrás que recolocar algún gadget que se te haya cambiado de sitio o algún título de algún gadget que se quede con el mismo que el de la plantilla que probaste. Si sigues las recomendaciones de esta guía siempre podrás volver atrás.

Pasos para cambiar una plantilla en un Blog con Blogger:

1)Es de extrema importancia que realices unacopia de seguridad de tu plantilla antes de comenzar a realizar cambios en ella. Si en cualquier momento decides volver a la presentación anterior, la copia de seguridad es tu única garantía.

Es conveniente que saques "pantallazos" o imágenes de cómo tenías el Blog ates del cambio de plantilla. Aunque hagas la copia de seguridad, al utilizar una nueva plantilla los gadgets se "recolocarán"y tendrás que volver a ponerlos como los tenías.

Si tienes scripts o "gadgets" incorporados de otros sitios, imágenes, publicidad, asegúrate de gacerte un fichero .txt donde apuntar el contenido de cada uno de esos componentes por si necesitas recuperarlos.

2)Puede ser buena idea crearte un Blog de pruebas para experimentar con la presentación antes de utilizarla definitivamente en tu Blog oficial. NO dupliques contenido en el Blog de pruebas, llévate una imagen de prueba para las entradas y escribe texto aleatoriamente con objeto de ver cómo puede quedar con la nueva presentación. Si no te gusta siempre puedes mantener así tu Blog original intacto hasta que encuentres la plantilla que sea de tu agrado.

3)Al colocar una plantilla nueva, la disposición de los gadgets de la anterior (los componentes que antes utilizábamos), hará que no la veamos tal cual se nos presenta en la demostración para descargar del sitio de donde la hayamos localizado. Si has realizado copia de seguridad previa, puede servirte para verla tal cual queda en la demostración, eliminar todos los gadgets que previamente utilizaras (luego se los vuelves a añadir si los necesitas).

4) Cuando tengas las copias de seguridad hechas procede a buscar la plantilla y bajarte la de prueba que ofrezcan en el sitio web que hayas seleccionado. El archivo de la plantilla normalmente suele venir comprimido dentro de un .zip donde el archivo importante es el que tiene extensión.xml.

5)Ahora dentro de Blogger dirígete al menú de la izquierda y haz "clic" en "plantilla" y, dentro de la página que sale (la que puedes ver en el "pantallazo" inferior del texto), en la parte superior derecha pulsa el botón "Crear/Restablecer copia de seguridad".

6)Te aparecerá una caja en la que pone "Plantilla Crear/Restablecer copia de seguridad". Como vas a cambiar la plantilla, deberás pulsar sobre "Seleccionar archivo" y busca el .xml de la nueva plantilla en tu disco duro para que Blogger pueda ponerla en tu Blog.

pantalla de selección de plantilla blogger

7) Ya sólo te queda reajustar los enlaces para redes sociales, colocar los gadgets como prefieras y tendrás tu nueva presentación lista para utilizar.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

sábado, 24 de mayo de 2014

X-Topic

Y al tiempo que la de la Champions, la final del sorteo de camisetas – Asesor

Como creo que se va a notar mucho ya lo digo yo: el fútbol me gusta lo justo. Por eso he aprovechado ahora que empezó la final de laChampions League entre el Real Madrid y el Atlético de Madrid, para realizar el prometido sorteo de camisetas blogueras con el logo de Oloblogger. Pero bueno, como podréis ver este post cuando acabe el partido, supongo que no generaré ningún problema ni distracción sobre el acontecimiento deportivo :)

El procedimiento ha sido el anticipado, una lista con los nombres de todos los participantes y cada uno de esos nombres repetidos tantas veces como opciones hubiera conseguido.

Con random.org hice el resto y eso dió como resultado una nueva lista reordenada en la que los 10 primeros tienen premio.

Eneste enlace tenéis la captura de la lista completa, pero el resumen que pondré a continuación es la que refleja los nombres de los ganadores.

Javier Sanz
Iván Dangerfield
Ruben Fernandez Souto
Denise Guido Godinho
Balthazar Hawke
Sol Errante
Carlos Javier @carlitosjht
Barbys Zubia
Gerardo Nieto @gnietoarias
Edu Martínez @Raude44

Aclaro que cómo Rubén Fernández salió tres veces en los primeros puestos y ya expliqué que sólo se daría una camiseta por persona, entran en la lista de premiados los que hacían los número 11 y 12, es decir, Gerardo y Edu.

Ya nos pondremos de acuerdo por las redes sociales sobre cómo haceros llegar vuestra camiseta.

Gracias a todos por participar y a los ganadores ¡a disfrutarla! XD

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football free legal advice,FIFA World Cup cheap web hosting donde me dieron un available domain name,cheap domain name registration,pero salio muy caro y mejor me hice student credit card ,accept credit pero me recomendaron mejor utilizar credit counseling service donde tienen un mejor soporte y credito support stocking pero mejor me compre un linux hosting y mejor me afilie a affiliate programs pero buy �web position gold�,microsoft certification,Mesothelioma law firm,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Business finance group supportpeachtreecom Bankruptcy lawyer Online Criminal Justice Degree phd in counseling education Service business software semi truck accident lawyers Criminal Defense Attorneys Florida buying an annuity calculator injury attorney baton rouge buy gift card Adobe illustrator classes Online casino Cheap auto insurance in VA domain yahoo structured settlement brokers adverse credit remortgage Massage School Dallas Texas Donate Car To Charity CALIFORNIA Donating a Car in Maryland Online classes buy structured settlements Forensics Online Course Casino reviews cheaper insurance companies Social media platforms Social media tools donate your car for kids canada personals yahoo injury lawyers west palm beach diagnosed with mesothelioma mesothelioma lawyer houston Live casino Casino AUTO ACCIDENT ATTORNEY Mobile casino CAR INSURANCE IN SOUTH DAKOTA yahoo web hosting Make money online Australia Italian cooking school Computer science classes online FUTURISTIC ARCHITECTURE boulder personal injury lawyers CAR INSURANCE QUOTES PA Custom Christmas cards Car insurance quotes pa Paperport Promotional Code Email Bulk Service DUI lawyer integrated ehr How to Donate A Car in California Nunavut culture Donating used cars to charity mesothelioma lawyer virginia mesothelioma attorney assistance Car insurance in South Dakota Home Phone Internet Bundle Hire php developers Donate car for tax credit WordPress theme designers Php programmers Hire php programmers Best Seo company Dwi lawyer google affiliate business email web hosting Criminal lawyer Criminal defense lawyer Php programmers for hire Hire php developer low credit line credit cards ASBESTOS LAWYERS Custom WordPress theme designer forensics online course Asbestos Lawyers what is structured settlement paperport promotional code structured settlement investments dui lawyer scottsdale register free domains caraccidentlawyer Holland Michigan College Social media platforms for business WordPress hosting Asbestos Lung Cancer alabama mesothelioma lawyer Seo companies Massage school Dallas Texas Best social media platforms for business New social media platforms selling a structured settlement Mortgage Adviser Low Credit Line Credit Cards Proud Italian cook car donate Donate Car for Tax Credit Seo services Psd to html Better Conference Calls Psd to WordPress Cheap domain registration hosting business administration masters earthlink business internet domain registration yahoo DONATE CARS IN MA selling structured settlement Insurance mesothelioma attorney california Seo company Data Recovery Raid Business management software CRIMINAL DEFENSE ATTORNEYS FLORIDA DAYTON FREIGHT LINES Best social media platforms Social media management Online Christmas cards Health Records Personal Health Record Photo Christmas cards WordPress themes for designers workers compensation lawyer los angeles california law lemon Tech school CAR INSURANCE QUOTES COLORADO Auto Accident Attorney bus accident attorney los angeles Donate Your Car Sacramento mesothelioma suit Social media examiner asbestos lung cancer new mexico mesothelioma lawyer Hard drive Data Recovery Services asterisk call center software Html email Online colledges Royalty Free Images Stock Annuity Settlements accident attorney san bernardino houston mesothelioma attorney FORENSICS ONLINE COURSE orlando criminal attorney Online Motor Insurance Quotes Personal Injury Law Firm Structures Annuity Settlement Christmas cards LOW CREDIT LINE CREDIT CARDS auto insurance cost by state Motor Insurance Quotes Donate your Car for Money CAR INSURANCE QUOTES MN Online Stock Trading Mesothelioma Law Firm Webex Costs Car Insurance Quotes Colorado Social media strategies Learning adobe illustrator auto accident lawyer san francisco DONATING A CAR IN MARYLAND arizona auto accident attorney harddrive data recovery services Social media campaigns Psychic for Free Donate Car to Charity California city college in miami Donate Cars in MA life insurance co lincoln alcohol rehab center in florida Sell Annuity Payment Donate Your Car for Kids DONATING USED CARS TO CHARITY wisconsin mesothelioma attorney Cheap Auto Insurance in VA structured settlement need cash now tucson car accident attorney online criminal justice degree federal criminal defense attorney Nunavut Culture attorney lawyer mesothelioma google adsense structured settlements companies Dayton Freight Lines motor insurance quotes mesothelioma information Donate a Car in Maryland Dedicated Hosting Dedicated Server Hosting Motor Replacements Cheap Domain Registration Hosting quotes car Donate Cars Illinois fortis health insurance temporary Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Life Insurance Co Lincoln Car Insurance Quotes PA Online Colleges CAR DONATE car insurance quotes mn motor replacements Online Classes STRUCTURED ANNUITY SETTLEMENT World Trade Center Footage refinance with bad credit criminal defense attorneys florida boca raton personal injury attorney Donate Old Cars to Charity Dallas Mesothelioma Attorneys Car Insurance Quotes MN Car Accident Lawyers MASSAGE SCHOOL DALLAS TEXAS Met Auto mesothelioma law firm

jueves, 22 de mayo de 2014

propuestas

Save to Drive un botón en tu web para guardar archivos en Google Drive – Accident – Virtual

Google Drivees el servicio dealmacenamiento en la nube desarrollado por Google. Hemos visto diversas utilidades que aprovechar con Google Drive para potenciar a Blogger: paraalojar y servir una web completa, paraalojar hojas de estilo o recursospara nuestra web que no podemos almacenar en Blogger, paracrear enlaces de descarga de archivos con los que complementar nuestras entradas (instrucciones, recetas, etc...), paramostrar una presentación desde nuestro Blog y darle el aspecto que deseamos, paraalmacenar componentes que no podemos utilizar en Blogger directamente e incluso paracrear y almacenar formularios y recibir notificaciones por correo cuando nuestros usuarios los rellenan.

Hoy vamos a ver otra funcionalidad que nos ofrece Drive para que los usuarios de nuestra web o blog puedan almacenar archivos en su propia cuenta de Drive.

¿Qué es el botón "Save to Drive"?

Se trata de un botón desarrollado porGoogle Developerspara que los usuarios de un sitio web puedan almacenar los archivos que se ofrezcan en una determinada web en su propia cuenta de Google Drive.

Si bien en Diarios de la nube se ha ofrecido la alternativa de realizar enlaces de descarga directadesde Drive al disco duro local del usuario, este botón le permitirá almacenarlos directamente en su cuenta de Google Drive. El usuario ya no tendrá que hacer "clic derecho" para acceder al menú contextual o "clic en un enlace" para descargarse el archivo, pulsando el botón "save to drive" podrá almacenarlo en la nube para abrirlo directamente sobre Drive o descargárselo en su disco duro desde casa.

¿Cómo funciona Save to Drive?

El usuario se conecta a la página web que desea y en ella se encuentra el código que a continuación detallo para poder dibujar el botón para guardar en Drive:

Un ejemplo del botón Save to Drive

El usuario, si no está autenticado con el perfil de Google se le solicitará autenticación. Si ya está autenticado en Google, directamente le aparecerá una ventana pulsar guardar o seleccionar la carpeta de su cuenta Drive donde desea almacenar el archivo.

Una vez que haya terminado la transferencia del archivo el botón avisa de la finalización del guardado en la cuenta del usuario.

¿Qué ventajas ofrece?

El almacenamiento en la nube permite una portabilidad de la información sin límites: el usuario puede encontrarse "fuera de casa" y desear copiarse un archivo sin necesidad de utilizar un USB externo o similar... simplemente utiliza su cuenta de Google Drive y almacena el archivo para luego descargarlo en su ordenador en casa, abrirlo directamente en la nube o grabarlo en su Smartphone o Tablet.
Pueden descargarse archivos de valor añadido que ofrezcas en tus entradas (instrucciones, recetas, itinerarios, etc...) sin necesidad de ocupar espacio en su disco duro y pudiendo tenerlos disponibles no sólo en su casa sino desde cualquier dispositivo móvil con el que trabajen.
Si se trata de archivos con un "peso" excesivo en MB (vídeos, fotografías en formato maestro) podrán visualizarlas en streaming desde Drive sin necesidad de ocupar espacio en sus discos duros locales.

¿Qué inconvenientes tiene?

Si no se cumple la directivaCross Origin Resource Sharing (CORS) del consorcio W3C, el archivo no podrá ser almacenado en la cuenta del usuario:

Esto es que si el archivo que deseas que el usuario se descargue no reside en la misma página web (bajo la misma dirección) desde la que el usuario pretende guardar el archivo, esto producirá error. Si yo tengo el archivo almacenado en www.mihosting.com y pongo el botón Save to Drive en www.diariosdelanube.com, como es distinto servidor, la transferencia no se realizará y dará error.
Hay una manera de solucionar esto: la norma indica que el botón debe residir en la misma dirección que el archivo que se desea descargar, así pues, ponemos una página HTML simple en la dirección donde almacenamos el archivo que contenga el botón Save To Drive y apunte al archivo que deseamos que el usuario se descargue en su cuenta de Drive. Creamos un Iframe en nuestra página HTML que muestre esa página que almacenamos en la dirección donde almacenamos el archivo. Así, como el archivo que deseamos que el cliente almacene se encuentra bajo la misma dirección que el botón (los dos en el servidor donde se encuentra el fichero para el usuario), la descarga se ejecutará sin problemas.

¿Cómo pongo el botón Save to Drive en mi web?

Es muy sencillo, en la página HTML de una entrada de tu Blog o en la plantilla (donde prefieras), simplemente tienes que copiar y pegar el código que ofreceGoogle Developers:

script src="https://apis.google.com/js/platform.js"/script
div class="g-savetodrive" data-src="//example.com/path/to/myfile.pdf" data-filename="My Statement.pdf" data-sitename="My Company Name"/div

dondedata-src="//example.com/path/to/myfile.pdf"es la ruta al archivo que quieres que el usuario se guarde en su cuenta de Google Drive.
data-filename="My Statement.pdf"el nombre del archivo que deseas que el usuario vea.
data-sitename="My Company Name"el nombre de tu web, blog o empresa.

Si quieres el botón Save to Drive con un mejor rendimiento para tu sitio web, puedes pegar justo debajo del código anterior este Javascript para que el navegador pueda dibujar el botón "save to drive" asíncronamente:

script type="text/javascript"
(function(w) {
if (!(w.gapi && w.gapi._pl)) {
var d = w.document;
var po = d.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
}})(window);
/script

Una demo del botón Save to Drive:

Aquí tienes un ejemplo del botón Save to Drive con el que almacenar un archivo de mi Drive a tu cuenta de Google Drive.

En la vista HTML de mi entrada en Blogger he escrito el código del botón Save to Drive para descargar una imagen almacenada en mi cuenta de Google Drive:imagen en mi cuenta Google Drive

div class="g-savetodrive"data-filename="imagen"data-sitename="prueba Diarios de la nube"data-src="https://googledrive.com/host/0Bwgc28XHjPA2dlFmMXJ6b0tLN2M"/div

Dondedata-src="https://googledrive.com/host/0Bwgc28XHjPA2dlFmMXJ6b0tLN2Mes la ruta en Google Drive al archivo que te ofrezco para que guardes en tu propia cuenta de Google Drive.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,Selling annuity payments for cash Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online casino MET AUTO Car insurance quotes pa Social media strategies PHD on Counseling Education cloud identity and access management sell your structured settlement payments Donate Cars Illinois email bulk service Annuity Settlements Email bulk service DONATE CARS IN MA injury lawyer houston tx mesothelioma compensation sell my structured settlement DUI lawyer Service business software Italian cooking school Asbestos Lawyers Criminal lawyer cash out annuity data recovery raid Donate your car for kids Mobile casino Psd to html Cheap Auto Insurance in VA Casino Make money online Australia maritime lawyer houston motorcycle accident attorney chicago car accident lawyers west palm beach Live casino Computer science classes online forensics online course Criminal defense attorneys Florida AUTO ACCIDENT ATTORNEY Cheap domain registration hosting Paperport promotional code Adobe illustrator classes Custom Christmas cards Car Accident Lawyers online colledges Seo company Online Motor Insurance Quotes annuity payment Structures Annuity Settlement injury attorney baton rouge DONATE CAR FOR TAX CREDIT Casino reviews Home Phone Internet Bundle student loan consolidation program Motor Replacements royalty free images stock Christmas cards Psychic for free Criminal defense lawyer Met Auto Donate Car for Tax Credit AUTOMOBILE ACCIDENT ATTORNEY Dayton Freight Lines Hire php programmers CAR INSURANCE QUOTES PA accident attorney san bernardino Donate Cars in MA domains yahoo Massage School Dallas Texas Hire php developers Social media platforms Social media platforms for business Bankruptcy lawyer Neuson CHEAP CAR INSURANCE IN VIRGINIA Dwi lawyer colorado mesothelioma lawyers att call conference Car Insurance Companies buy gift card Custom WordPress theme designer Best social media platforms for business Hard drive data recovery services personal injury attorney ocala fl Social media tools Php programmers for hire selling a structured settlement New social media platforms WORLD TRADE CENTER FOOTAGE mesothelioma attorneys california mesothelioma attorneys Hire php developer CHEAP CAR INSURANCE FOR LADIES Mortgage adviser PSYCHIC FOR FREE WordPress theme designers Paperport Promotional Code mortgage adviser Automobile Accident Attorney Php programmers ashely madis motorcycle accident lawyer san francisco Donate car to charity California register free domains hosted predictive dialers Best social media platforms auto accident attorney Donate your car for money Seo companies peritoneal mesothelioma broward county dui lawyer Mesothelioma Law Firm ANNUITY SETTLEMENT Business finance group structured settlements companies mesothelioma asbestos lawyers california law lemon BETTER CONFERENCING CALLS caraccidentlawyer massage school dallas texas truck accident attorney los angeles DONATING A CAR IN MARYLAND Social media management Seo services Best Seo company cheaper insurance companies Business management software CAR INSURANCE QUOTES UTAH los angeles motorcycle accident lawyer Car Insurance Quotes benchmark lending ONLINE MOTOR INSURANCE QUOTES Online colledges cheap domain registration hosting Psychic for Free Business VOIP Solutions Online Christmas cards Injury Lawyers Royalty Free Images Stock Photo Christmas cards WordPress themes for designers WordPress hosting anti spam exchange server Cheap Car Insurance in Virginia Psd to WordPress Car insurance quotes Utah Social media examiner Mortgage Adviser hughes net business DONATE YOUR CAR FOR MONEY How to Donate A Car in California Car Insurance Quotes Colorado Tech school Donate your car Sacramento Html email mesothelioma lawyer chicago Cheap car insurance in Virginia CAR INSURANCE QUOTES COLORADO mesothelioma lawyer asbestos cancer lawsuit supportpeachtreecom Proud Italian cook saskatchewan auto insurance federal criminal defense attorney WebEx costs donating used cars to charity DONATE OLD CARS TO CHARITY google adsense Forensics online course DONATE A CAR IN MARYLAND Donate Old Cars to Charity personal injury solicitor Nunavut Culture houston mesothelioma attorney structured settlement buyer canada personals yahoo Royalty free images stock Learning adobe illustrator Asbestos Lung Cancer Social media campaigns World trade center footage Donate Car to Charity California CAR INSURANCE IN SOUTH DAKOTA Donate Your Car Sacramento buy structured settlements Sell Annuity Payment Online Stock Trading PAPERPORT PROMOTIONAL CODE Donate Your Car for Kids CAR DONATE business administration masters Donate car for tax credit Donate cars Illinois personal injury lawyer ONLINECLASSES Cheap Domain Registration Hosting illinois law lemon tucson car accident attorney business email web hosting cash out structured settlement Hard drive Data Recovery Services Donate a Car in Maryland online criminal justice degree NUNAVUT CULTURE mesothelioma cases CAR ACCIDENT LAWYERS Donating a Car in Maryland Criminal Defense Attorneys Florida best mesothelioma lawyers google affiliate Low Credit Line Credit Cards st louis mesothelioma attorney dallas mesothelioma attorneys

martes, 20 de mayo de 2014

Blogger, Redes sociales, Trucos

Publicar la imagen correcta al compartir enlaces en Facebook – Phone – Miami

Uno de los problemas que quizás me han consultadomásen estos años ha sido el de la irregularidad del contenido que aparece al compartir un enlace de un sitio web en Facebook.

En unas ocasiones el asunto era que las imágenes candidatas (seleccionables) estabanpoco o nada relacionadas con la entrada, viéndose un banner, un avatar de un comentarista o cualquier otro gráfico que aparecía en la dirección de destino y que no era en ningún caso alguno de los que nosotros habíamos incluido en el post para ilustrar su contenido.

En otras el problema simplemente era que la miniatura salía muy pequeña, cuando las publicaciones de otros sitios mostraban imágenes más grandes sin problemas, ocupando todo el ancho de la columna central de los muros.

La verdad es que casi siempre respondía que no sabía el motivo de que ocurriera eso, pues tras muchas pruebas y pusiera lo que pusiera en la plantilla, la decisión de Facebook de colocarnos una imagen u otra parecía un poco azarosa y si a eso le añadimos que en ocasiones el título o el resumen de texto también era "raro", descubrir el patrón que haría que todo fuera bien no estaba a mi alcance.

Pero el motivo de esta supuesta aleatoriedad es que hay al menos dos factores que conjugados son los que determinan esto y si actuamos adecuadamente en uno y en otro no, los resultados no serán normalmente los que buscamos. Por tanto la solución está en hacer ambas cosas bien. Son las siguientes:

1. Marcado de datos con Opengraph

Por una parte está lo esencial, elmarcado de datos. Con esas marcas es como indicamos a los robots de los buscadores y redes sociales qué elementos de nuestro contenido representan datos interesantes para ellos y también la manera en que los etiquetamos según su tipo. Facebook usa su propio protocolo para esto y es el llamado Opengraph, que incluye además de este marcado semántico algunas utilidades para publicadores y una API para desarrolladores.

De esta manera, para indicar a Facebook qué título, imagen y resumen de texto debe mostrar en su red al compartir un enlace nuestro,lo primero que tenemos que incluir son unas meta como estas antes del cierre delhead:

!-- METAS FACEBOOK --
meta content='Compartir tus posts en Facebook con la imagen correcta' property='og:title'/
meta content='http://1.bp.blogspot.com//s640/miniaturasfacebook.jpg' property='og:image'/
meta content='Cómo conseguir que al compartir un enlace de tu web o blog, Facebook muestre los datos sobre título, imagen y resumen de texto que tú desees' property='og:description'/

Como veis lasmeta incluyen una propiedad autodescriptiva (en inglés) con el prefijoog: (OpenGraph) y sólo se trata de poner el contenido y la margaog:title,og:image uog:description, según el contenido del que se trate.

Pero claro, esto no es cuestión de estar escribiéndolo manualmente para cada entrada personalizando título, imagen y resumen, así que por ejemploen Blogger, lo podemos hacer mejor echando mano de lasvariables data.Sería así:

!-- FACEBOOK --
meta expr:content='data:blog.pageName' property='og:title'/
meta expr:content='data:blog.postImageUrl' property='og:image'/
meta expr:content='data:blog.metaDescription' property='og:description'/

El título del post existe siempre, pero la imagen obviamente sólo saldrá si el post contiene alguna. Igual pasa con la descripción si no tenemos grabada ninguna para la entrada, sólo que en ese caso Facebook tomará como resumen aquel texto que su algoritmo le dicte.

¿Ydónde se graba esa descripción para controlarla nosotros? Pues es indivicual para cada post y al igual que las etiquetas las encontramos en Blogger en el editor de entradas, la descripción está en un menú a la derecha tituladoConfiguración de la entrada ¿Os suena haber visto una opción llamadaDescripción de búsqueda? Pues esa es la que hay que rellenar. Y no sólo para Facebook sino que también es más que recomendable grabarla de cara a lo que muestran los buscadores sobre nuestros enlaces.

2. Tamaño de las imágenes originales

Este es el otro factor de los dos que os comentaba al principio y que hacen que por mucho que marquemos adecuadamente, a veces las cosas no salgan como queremos.

Al igual que ocurre desde hace unos dos meses con lasimágenes en Google Plus, Facebook sólo muestra como elegibles aquellas imágenes que a criterio de su algoritmo tienen un tamaño adecuado. Además esto no ocurre de siempre, sino que ha ido evolucionando a lo largo del tiempo y por eso lo que hace tiempo os funcionaba bien, ahora quizás ha dejado de hacerlo.

Por tanto, si lo del marcado lo tenéis bien, no os calentéis la cabeza. La única solución 100% efectiva esusar imágenes en vuestras publicaciones de al menos 600x315 píxeles para que Facebook la escoja como primera opción. Esta debe ser la pauta para al menos la primera imagen de cada post.

La captura anexa tomada del propio apartado de ayuda de Facebook ilustra y explica esto. Recomiendan que sean de 1200x650, pero esto para la mayoría de casos parece un excesivo e innecesario peso.

Y comopara Google+ dijimos que el mínimo era 506px, ya es fácil deducir que para cubrir este tema en esas dos redes lo óptimo sería superar los 600px. Y ojo que Facebook es un poco caprichoso y requiere también una proporción mínima de 1,91:1 para no recortárnoslas. Se trata de imágenes apaisadas y teniendo en cuenta que el mínimo es de 600, de ahí se deduce la altura mínima de 315px.

En un principio, si el tamaño es menor pero suficiente (no sabría decir cual es el mínimo) Facebook nos mostrará igualmente la imagen marcada pero lo hará con un recorte cuadrado presentado a la izquierda del resumen de texto.

Demora en la actualización de datos

Otra cosa que no es relevante pero que también nos marea a veces un poco es que Facebook tiene algún tipo de demora en la actualización de estos datos y aunque lo hayamos hecho todo bien, podría mostrarnos temporalmente los datos marcados mal. Esto no lo he podido comprobar pero en algunos sitios he leído que hasta tres días y que incluso se actualizarán tras ese tiempo los datos de los posts ya publicados en Facebook con anterioridad. Esto último ya me suena un poco raro, pero es cuestión de comprobarlo.

Variante. Mostrar una imagen fija en portada

A algunos le puede interesar mostrar siempre una imagen fija con el logo del sitio o alguna imagen similar y para ello no hay más que incluir en lameta og:image directamente la dirección de esa imagen. Pero si lo que queremos es mostrar una cosa cuando se comparte la dirección de la página principal, páginas estáticas y de navegación, y otra en las entradas, entonces ya tenemos que echar mano de condiciones. Para Blogger sería así:

!-- FACEBOOK --
meta expr:content='data:blog.pageName' property='og:title'/
b:if cond='data:blog.pageType == "item"'
meta expr:content='data:blog.postImageUrl' property='og:image'/
b:else/
meta content='URL_IMAGE_PORTADA' property='og:image'/
/b:if
meta expr:content='data:blog.metaDescription' property='og:description'/

Comprobar que todo lo hicimos bien

Comenté antes que a veces hay una demora entre que nosotros marcamos y Facebook reacciona, por lo que ¿cómo podemos saber si los cambios introducidos en nuestra plantilla están correctos?

Pues para ello usaremos esta herramienta que es un sencillo depurador en el que introducimos una dirección y se nos indica con pelos y señales todas las marcas OpenGraph que Facebook leer en ella:Developers Object Debugger

Más información en Facebook:Sharing best practices (Ver apartado 4. Optimize your image sizes to generate great previews).

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDIT DONATE CARS IN MA DONATE YOUR CAR SACRAMENTO HOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name search Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Php programmers Psd to WordPress motorcycle accident lawyer san francisco structured settlement quote philadelphia mesothelioma lawyer mesothelioma lawyer virginia Mobile casino Online classes See more at http//wwwginfostopnet/ Motor Replacements Massage School Dallas Texas Php programmers for hire alabama mesothelioma lawyer Mesothelioma Law Firm BETTER CONFERENCING CALLS Make money online Australia refinance with bad credit Holland Michigan College event management security Social media strategies structured settlement cash out orlando criminal attorney Car Insurance Quotes Cheap Car Insurance in Virginia best criminal lawyer in arizona mesothelioma attorney assistance Asbestos Lawyers Nunavut Culture Social media platforms Online casino Dwi lawyer donate your car for money Insurance Companies Casino WEBEX COSTS mesothelioma lawyers san diego personal injury law firm online motor insurance quotes How to Donate A Car in California mesotheioma Paperport Promotional Code Cheap Car Insurance for Ladies ONLINE MOTOR INSURANCE QUOTES Donate Your Car Sacramento Casino reviews PSYCHIC FOR FREE Psd to html CAR INSURANCE QUOTES COLORADO workplace accident attorney WordPress hosting wisconsin mesothelioma attorney injury attorney baton rouge Live casino DUI lawyer Hire php developers Criminal defense lawyer WordPress themes for designers ANNUITY SETTLEMENT Social media tools harddrive data recovery services New social media platforms benchmark lending SELL ANNUITY PAYMENT Hire php programmers saskatchewan auto insurance Criminal lawyer Better Conference Calls Service business software Business finance group Custom WordPress theme designer CAR INSURANCE QUOTES PA cash out annuity Met auto Hire php developer annuity payment Car Insurance Quotes Utah Custom Christmas cards Business management software DONATE CARS ILLINOIS Bankruptcy lawyer NUNAVUT CULTURE Seo services Computer science classes online Virtual Data Rooms Social media platforms for business CAR DONATE domains yahoo CHEAP DOMAIN REGISTRATION HOSTING Car Insurance Quotes PA car insurance quotes structured settlement sell auto accident attorney uk homeowner loans cheap domain registration hosting futuristic architecture los angeles auto accident attorneys Seo companies asterisk call center software Home phone internet bundle Best social media platforms for business houston motorcycle accident lawyer best consolidation loan student WORLD TRADE CENTER FOOTAGE Webex Costs injury lawyers west palm beach world trade center footage ONLINECLASSES REGISTER FREE DOMAINS PAPERPORT PROMOTIONAL CODE holland michigan college adverse remortgage mesothelioma claim Best Criminal Lawyers in Arizona Motor Insurance Quotes structured settlement brokers Donating a Car in Maryland Motor replacements Criminal Defense Attorneys Florida Best Seo company Home Phone Internet Bundle Italian cooking school car insurance quotes colorado DONATE YOUR CAR FOR KIDS home phone internet bundle mesothelioma attorneys Personal Injury Lawyer Dayton freight lines Social media management Best social media platforms los angeles motorcycle accident lawyer adverse credit remortgage Seo company Online Christmas cards motorcycle accident attorney chicago cheap auto insurance in va PHD on Counseling Education CAR INSURANCE QUOTES UTAH Photo Christmas cards selling annuity payments for cash Online Colleges HOME PHONE INTERNET BUNDLE auto insurance cost by state Car Insurance Companies Social media examiner life insurance quotes Car Insurance Quotes MN car accident lawyers west palm beach Proud Italian cook Tech school city college in miami CAR INSURANCE QUOTES MN mesothelioma settlement amounts Business VOIP Solutions Html email Learning adobe illustrator Christmas cards Personal Injury Law Firm buying an annuity calculator mesothelioma survival rates WordPress theme designers Adobe illustrator classes Data Recovery Raid phd in counseling education ASBESTOS LAWYERS MOTOR REPLACEMENTS Social media campaigns accident attorneys orange county Car insurance quotes Utah Donate Car to Charity California Donate Car for Tax Credit better conferencing calls Donate Cars in MA st louis mesothelioma attorney AUTO ACCIDENT ATTORNEY mesothelioma care Sell Annuity Payment maritime lawyer houston Donate Your Car for Kids Donate your car for kids Structures Annuity Settlement structured settlement buyer mesothelioma attorney Hard drive Data Recovery Services Car Insurance Quotes Colorado Annuity Settlements mesothelioma litigation Dayton Freight Lines Online Classes Donate a Car in Maryland Cheap Domain Registration Hosting bus accident attorney los angeles Donate Cars Illinois Online Stock Trading donate your car for kids Life Insurance Co Lincoln HOW TO DONATE A CAR IN CALIFORNIA Online Motor Insurance Quotes yahoo web hosting primary pulmonary hypertension what is structured settlement mesothelioma law suit injury lawyers Auto Mobile Shipping Quote alcohol rehab center in florida firm law mesothelioma World Trade Center Footage Psychic for Free student loan consolidation program Donate Old Cars to Charity mesothelioma lawyer california