Añade una licencia Creative Commons para tu Blog – Free

En un mundo donde prevalece el interés por atesorar bienes frente al interés por compartir el mayor tesoro del que disponemos: nuestro conocimiento, nace la idea de la "licencia creativa".

¿Y si hay personas que no desean ejercer todo el derecho de propiedad intelectual sobre lo que hacen para los demás?, ¿qué ocurre si quiero poner mis conocimientos "sin derechos reservados?.

La Licencia creativa,"Creative Commons", nos permite trabajar compartiendo nuestro proyecto con el mundo sin restricciones, contribuyendo a ese gran proyecto intelectual en el que todos podemos poner nuestro "granito de arena" para crecer como sociedad.

Si quieres que al crear tus contenidos no queden totalmente restringidos por la ley de propiedad intelectual, pero manteniendo tus derechos a compartir aquello que deseas informar, puedes utilizar una licencia CC. Aprende a utilizarla en tu Blog y comparte tus conocimientos sin límites.

Conceptos previos:

Algunas preguntas comunes que suele hacerse el usuario de Creative Commons con su respuesta bien documentada.

¿Qués es Creative Commons?

Se trata de una corporación sin ánimo de lucro creada pensando en aquellas personas que pudiendo ejercer todos los derechos sobre una propiedad intelectual, prefieren no ejercer todos o simplemente parte de ellos.

¿Por qué Creative Commons?, ¿porqué no ejercer "todo el derecho" sobre la propiedad intelectual?

Se trata de una decisión personal que cada uno puede tomar. Tan respetable es una opción como la otra.

El motivo por el que alguien quiere trabajar con "Algunos derechos reservados" o "Sin derechos reservados" en lugar de "Todos los derechos reservados" obedece al ánimo de compartir y donar aquello sobre lo que se ha trabajado para contribuir al bien común, a la sociedad.

En el caso de mi Blog, por ejemplo, quiero proporcionar a la gente aquello que conozco y puede ayudarles a progresar con total libertad de utilización, con el ánimo de contribuir a sus vidas y al progreso social conjunto.

¿Qué precio tienen las licencias?

Tal como afiman en su web: son gratuitas.

¿Puedo seguir ganando dinero con mis trabajos si uso esta licencia?

Claro,la condición de ‘uso no comercial’ sólo tiene aplicación para aquellos que usen tu trabajo, no para ti (el propietario del copyright). Si otras personas usan, comercian o copian tu trabajo, no pueden hacerlo por ‘compensación monetaria o ganancia financiera’, a menos que tengan tu permiso.

Te animo a que si tienes más dudas, consultes las preguntas frecuentes que almacenan en su sitio web oficial en Español:Creative Commons España.

Crear una licencia Creative Commons para tu Blog, paso a paso:

1) Accede aCreative Commons España y su asistente para creación de licencia haciendo "clic"aquí:

2) De izquierda a derecha comenzando por el panel superior, fíjate en las preguntas que te hace para que puedas decidir:

• Puedes informar si deseas que cuando alguien utilice tu obra pueda modificarla marcando la opción "Si" o "No", tal como afirman en su asistente:

"Si

El licenciador permite la reproducción, distribución y comunicación pública de la obra así como la generación de obras derivadas.

Sí, mientras se comparta de la misma manera

El licenciante permite a otros crear y distribuir obras derivada pero solamente bajo la misma licencia o bajo una licenciacompatible.

No

El licenciante permite a otros copiar, distribuir, exhibir y ejecutar públicamente solamente copias inalteradas de la obra, pero no crear o distribuir obras derivadas basadas en ella."

• Después puedes establecer si permites uso comercial de la obra:

"Si

El licenciador permite la reproducción, distribución y comunicación pública de la obra, incluso con fines comerciales.

No

El licenciador permite la reproducción, distribución y comunicación pública de la obra sólo para fines no comerciales."

• Por último en el primer panel, al final, puedes establecer la jurisdicción de la licencia: si quieres que las normas anteriormente estipuladas apliquen dentro de tu país o internacionalmente.

3)Por último puedes ayudar a que se reconozca tu autoría, insertando un pequeño "widget" o añadido para tu Blog que informe del tipo de licencia Creative Commons que has generado:

• Título de la obra: Ahora rellena el "Título de la obra" con el nombre de tu Blog.
• Attribute work to name: Un nombre para atribuir el trabajo.
• Attribute work to URL: Atribuye el trabajo a la dirección de tu Blog.
• URL fuente de la obra: Introducir la dirección de tu Blog.
• More permissions URL: Si deseas incluir algún texto más dentro de tu web donde indiques otros permisos no contemplados en la licencia CC.
• Formato de la obra: descibre los tipos de formato con los que puedes trabajar para la licencia. Yo seleccioné "Otros / Múltiples formatos".
• Marcaje de la licencia: HTML+RDFa permite marcado por metadatos para los motores de búsqueda.
• Finalmente, a la derecha verás la imagen de la licencia CC que se ha generado en HTML para que la lleves a tu Blog. Copia el código para llevarlo a Blogger.

4)Vamos a insertar en el Blog la licencia CC que hemos compuesto en los pasos aneteriores. Dentro de Blogger dirígete al menú de la izquierda, a la opción Diseño.

• En la página de Diseño pulsa "Añadir gadget" en la zona del Blog donde desees insertar la licencia CC y selecciona el Gadget "HTML/Javascript" (yo la he colocado al final de mi página principal).

• Añade el código fuente que recuperaste de la configuración de tu Licencia CC en el paso 3).

• Sí queda la licencia de Diarios de la nube al final de su pié de página:

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,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 FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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 CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

New social media platforms Business management software royalty free images stock asbestos exposure lawyers Online casino Mobile casino lawsuit mesothelioma student loan consolidation program car insurance in south dakota accident attorney san bernardino Home Phone Internet Bundle Tech school Criminal lawyer bowne virtual data room Social media platforms injury lawyers Casino reviews Donate Your Car for Kids mesothelioma help Make money online Australia structure settlements Casino PHD IN COUNSELING EDUCATION Motor Insurance Quotes Royalty Free Images Stock Mortgage MASSAGE SCHOOL DALLAS TEXAS Online Christmas cards verizon sip best consolidation loan student Dwi lawyer DUI lawyer Business finance group Bankruptcy lawyer chicago hair laser removal LOW CREDIT LINE CREDIT CARDS donate your car for kids Social media examiner mesothelioma lawyer houston online criminal justice degree lawyers accidents Nunavut Culture CAR INSURANCE QUOTES COLORADO Royalty free images stock Live casino canada personals yahoo mesothelioma compensation See more at http//wwwginfostopnet/ google affiliate mesothelioma attorneys Donate Cars in MA Donate Car to Charity California Hard drive Data Recovery Services Gas/Electricity cash out structured settlement Dedicated Hosting Dedicated Server Hosting Home phone internet bundle Adobe illustrator classes motorcycle accident attorney chicago Cheap domain registration hosting mesothelioma charities Car Insurance Quotes PA Psychic for Free earthlink business internet Holland Michigan College Hire php developers futuristic architecture DONATE CARS IN MA Forex Trading Platform Service business software Hire php programmers Met Auto Custom Christmas cards Social media campaigns LIFE INSURANCE CO LINCOLN mesothelioma attorney assistance car insurance quotes colorado NEUSON BEST CRIMINAL LAWYER IN ARIZONA california law lemon injury attorney baton rouge Php programmers Auto Mobile Insurance Quote Criminal defense lawyer Php programmers for hire federal criminal defense attorney Cheap Auto Insurance in VA Hire php developer Best social media platforms for business DONATE YOUR CAR FOR KIDS Auto Accident Attorney lease management software Cheap auto insurance in VA integrated ehr WordPress hosting caraccidentlawyer DONATE CAR FOR TAX CREDIT CAR INSURANCE IN SOUTH DAKOTA event management security domain yahoo Computer science classes online Best Seo company Seo companies Sell Annuity Payment Personal Injury Lawyer data recovery raid mesothelioma lawyer texas PhD in counseling education mesothelioma law firm car insurance quotes auto insurance yuba city ca Social media platforms for business Custom WordPress theme designer Seo services st louis mesothelioma attorney domain name yahoo How to Donate A Car in California Best social media platforms Seo company Car Insurance Quotes Utah houston motorcycle accident lawyer Donate car to charity California Photo Christmas cards WordPress themes for designers Social media tools hughes net business Donating a Car in Maryland Psd to WordPress Car Insurance Quotes Social media management structured settlements annuities philadelphia mesothelioma lawyer Html email CAR DONATE virtual data rooms Online colledges domain registration yahoo donate your car for money MET AUTO Christmas cards Motor Replacements Mesothelioma Law Firm Proud Italian cook Psd to html DONATE OLD CARS TO CHARITY california mesothelioma attorney Italian cooking school World Trade Center Footage WordPress theme designers Low Credit Line Credit Cards better conferencing calls Social media strategies Automobile Accident Attorney Learning adobe illustrator Car Insurance in South Dakota PHD on Counseling Education buying structured settlements DALLAS MESOTHELIOMA ATTORNEYS Cheap Car Insurance in Virginia Donate cars in ma Car Donate ANNUITY SETTLEMENT MORTGAGE ADVISER Criminal Defense Attorneys Florida workers compensation lawyer los angeles NUNAVUT CULTURE Donate Car for Tax Credit Donate Your Car Sacramento truck accident attorney texas mesothelioma lawyers san diego dui lawyer scottsdale personal accident attorney structured settlement broker accident attorney in los angeles Donate a car in Maryland Online Motor Insurance Quotes Asbestos Lawyers business voip solutions peritoneal mesothelioma DONATING A CAR IN MARYLAND mortgage adviser Structures Annuity Settlement Webex Costs Car Insurance Quotes Colorado Annuity Settlements Dayton Freight Lines baltimore mesothelioma attorneys Donate a Car in Maryland BETTER CONFERENCING CALLS MESOTHELIOMA LAW FIRM anti spam exchange server email bulk service personal injury attorney ocala fl best criminal lawyer in arizona alabama mesothelioma lawyer Cheap Domain Registration Hosting colorado mesothelioma lawyers Donate Cars Illinois Best Criminal Lawyers in Arizona personal injury attorney springfield mo ONLINE MOTOR INSURANCE QUOTES Life Insurance Co Lincoln HOME PHONE INTERNET BUNDLE auto accident lawyer san francisco Donate your car for kids Online Colleges Paperport Promotional Code Online Classes Massage School Dallas Texas Donate Old Cars to Charity

Personaliza tu plantilla Blogger: añade un menú con diseño web adaptativo para tu Blog. – Accident – Registros

Crear menús para un Blog es una tarea esencial para estructurar nuestros contenidos adecuadamente. Para hacerlo tienes ejemplos demenú sencillo de un sólo nivel o devarios niveles con subopcionesque cumplen perfectamente con su función.

Podemos ahora ir un paso más allá y montar un menú para nuestro Blog desarrollado con HTML5 y CSS3, que se adapte a cualquier resolución y entorno con el que nuestros usuarios estén trabajando. Con un diseño web adaptable (responsive web design), elegante, fácil de utilizar y discretamente vistoso que permita lucir tus entradas aprovechando hasta el último milímetro del navegador donde se dibuje.

Si estás cansado de menús estáticos y quieres añadir un toque de dinamismo a la presentación de tu Blog sin apabullar al usuario, aprovechando el espacio del cual dispones para mostrar tus entradas, este menú vertical te convencerá por su facilidad de uso y funcional diseño.

Demostración en miniatura del menú en funcionamiento:

Este menú es una creación disponible enhttp://tympanus.net/Coddrops, una sitio puntero en diseño y desarrollo de recursos para páginas web. Te recomiendo encarecidamente la visita para que admires el excelente trabajo que realizan y cómo se ofrece a la comunidad con distintos niveles de licencias Creative Commons. El menú está basado en la demostración 5 deAnimated Border MenusbyMARY LOU.

Tal como informa su propia creadora, el diseño con transiciones y animaciones que se ejecutan sobre partes de los elementos del menú no funcionarán en todos los navegadores:

"Please note that we’ll be using transitions and animation on pseudo-elements which won’t work in some browsers (e.g. Safari and Mobile Safari)." Algunas versiones antiguas de Internet Explorer, navegadores de móviles "de serie", etc... En mis pruebas funciona perfectamente en los navegadores más utilizados Chrome, Firefox, Explorer (también en sus versiones móvil o tablet), etc...

Haz "clic" en las tres líneas horizontales de la parte superior derecha de la demostración para visualizar el menú.

La guía para implementarlo en tu Blog:

Estos apartados iniciales están destinados a los más noveles en la materia o que desconocen los términos informáticos empleados en el diseño y desarrollo de webs, que desean aprender lo mínimo para comprender lo que están tocando. Si ya tienes experiencia, puedes saltarte esta parte e ir directamente a la guía paso a paso en los epígrafes posteriores.

Coceptos previos, ¿Qué vamos a hacer?:

• Vamos a trabajar con un menú vertical en Blogger elaborado con diseño web adaptable, también conocido comoresponsive web design. El menú será capaz de adaptarse al entorno del usuario (ordenador, móvil, tableta) independientemente de la resolución o formato con el que esté trabajando, siempre que su navegador sea compatible con dicha tecnología y forma de implementarse.

• Añadiremos a la plantilla de Blogger las hojas de estilo, código Javascript y funciones necesarias para que funcione en nuestro Blog.

¿Qué conceptos vamos a manejar?:

Si estás familiarizado con la utilización de hojas de estilo puedes saltarte esta parte de la entrada y pasar directamente a la guía.

Las hojas de estilo (.css)

Con cualquier publicación web, las páginas web basan su presentación fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css:Hojas_de_estilo_en_cascada. Contienen la información semánticamente construida de los elementos que en la página HTML constituirán el aspecto y el formato de los componentes que integran dicha página.

Es decir, son archivos externos que le dicen a cada componente que utilizamos en nuestra página web (cajas de texto, títulos, comentarios, etc...) qué formato deben tener para darle un "estilo", una presentación.

Establecen, por citar ejemplos simples que puedan comprenderse al instante, el espaciado entre caracteres, el margen entre un marco y el texto, el color que se va a utilizar en las letras...

En cualquier publicación web se incluyen primero, antes del cierre de la etiqueta /head para que luego el resto del código pueda referenciarlas.

Se pueden ver en el HTML de cualquier sitio web porque quedan declaradas de la siguiente forma:link href='URL_A_LA_CSS' rel='stylesheet' type='text/css'/.Donde URL_A_LA_CSS es la dirección donde se encuentraalmacenada la hoja de estilos que estamos utilizando.

Las hojas de estilo en Blogger:

La Plantilla de Blogger, el XML y el HTML:

Es una representación esquemática realizada en XML que sintetiza código HTML en etiquetas propias que al ser interpretadas por el servidor de Blogger conforman la presentación del blog. Al ser reutilizadas por todos los usuarios no podemos alterarlas sólo para nuestros intereses. Es por ello que cuando queremos "ir más allá" de lo que ofrecen a nivel básico, debemos reescribir algunos de los elementos que las componen. Entre esos elementos citados se encuentran las hojas de estilo, pilar básico del aspecto y formato de nuestras páginas en Blogger o en cualquier "publicación web".

Es decir, simplificando sin entrar en tecnicismos: la plantilla contiene el contenido del blog "resumido" en un lenguaje de etiquetas extendido (el XML) que luego, cuando se ejecuta en el ordenador de los usuarios, se interpreta en el lenguaje que sus navegadores entienden (el HTML).

Etiqueta b:skin![CDATA[TUS_ESTILOS/b:skin:

En Blogger el contenido de las hojas de estilo en la plantilla se suelen indicar antes de que cierre la etiqueta "/head". Entre medias de la etiqueta b:skin y /b:skin, escribirás dentro de ![CDATA[ los estilos con los que trabaja la plantilla.

El JavaScript

La Wikipedia lo define como:"JavaScriptes unlenguaje de programación interpretado, dialecto del estándarECMAScript. Se define comoorientado a objetos,³basado en prototipos,imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma dellado del cliente (client-side), implementado como parte de unnavegador webpermitiendo mejoras en lainterfaz de usuarioypáginas webdinámicas⁴aunque existe una forma de JavaScript dellado del servidor(Server-side JavaScriptoSSJS). Su uso enaplicacionesexternas a laweb, por ejemplo en documentosPDF, aplicaciones de escritorio (mayoritariamentewidgets) es también significativo."

Simplificando técnicamente una vez más: es un lenguaje de programación que enriquece con funcionalidad a los componentes que componen nuestro Blog. Esta funcionalidad es muy variada, por ejemplos sencillos: con JavaScript se puede calcular el número de visitas, se pueden validar campos de un formulario para saber si tienen la longitud adecuada, podemos hacer que un botón una vez pulsado ejecute una determinada tarea... permite a nuestros componentes de la página seguir un guión, "programar" "qué van a hacer" cuando se les utilice.

Antes de comenzar la guía ten en cuenta:

MUY IMPORTANTE:Recomendaciones y omisión de responsabilidad:

Si eres un usuario con nulos conocimientos en HTML, CSS y JavaScript, la implementación de este código puede resultarte compleja.

Es por ello que se hace fundamental conocer qué se está cambiando y qué consecuencias puede tener en caso de no disponerse de los conocimientos adecuados. Los usuarios más experimentados siempre pueden disponer de la herramienta de copia de seguridad del Blog para en caso de problemas poder volver a la situación inicial.

No me responsabilizo de los daños que puedas sufrir en tu Blog o sitio web por el uso incorrecto de estas soluciones o los archivos descargados en tu ordenador.

Si bien es un código completamente funcional como se puede apreciar en las demostracionesdebes tener en cuenta que su funcionamiento en producción no está certificado y que ha sido creado con fines demostrativos.

Paso a paso, insertando el menú de diseño adaptativo (responsive design) en Blogger:

FASE I: Subiendo el menú a tu Google Drive para utilizarlo en tu Blog

En esta primera parte vamos a utilizar el código de la demostración para subirlo a Drive y utilizarlo después en nuestro blog "apuntando" a nuestro Google Drive para manejar los recursos que no podemos subir a Blogger.

1) Si lo deseas puedes utilizar el código original de la web donde se encuentra la demostración:http://tympanus.net/Coddrops. No obstante en esta dirección Drive pongo a tu disposición el código retocado por mí para quedaros exclusivamente con los elementos que van a intervenir para dibujar el menú:

https://googledrive.com/host/0Bwgc28XHjPA2bWF6NHdxNUdDQmM

2)Renombra el archivo descargado a NOMBRE_QUE_DESEES.ZIP y extráelo en tu disco duro. De esta manera tendrás la estructura de directorios con la que yo he trabajado.

3)Sube a tu Google Drive la carpeta descomprimida para utilizar sus archivos en tu Blog.

3.1Conéctate a Drivehttps://drive.google.com/y una vez dentro pulsa el botón de la flecha roja que hay a la derecha del botón "crear" en el menú izquierdo. Te he marcado el botón con un recuadro azul en la imagen inferior de Drive:

3.2Ahora sube la carpeta que hayas creadoseleccionando el botón de la flecha y pulsando en la opción "Carpeta". Después, ya tendrás disponible tu carrusel al completo en Drive:

• Cuando subas la carpeta con todos los archivosasegúrate que está compartida como Público.Si no la compartes, no se dibujará. Deberás seleccionar"Public"en la sección "Who has access" tal como te muestro en pantalla.

• Además cópiate el código que te he marcado cuando compartas. Es el código identificativo único que Drive asignará a tu carpeta para que puedas compartirla, lo utilizaremos después en los próximos pasos:

3.3Ahora pruebatu carpeta.Escribe en el navegador el código identificativo que te ha asignado Google Drive al compartir la carpeta. En mi caso es este:

https://googledrive.com/host/0Bwgc28XHjPA2bWF6NHdxNUdDQmM

Recuerda que el código identificarivo debe ir precedido dehttps://googledrive.com/host/para que se llame a la"Index.html"que contiene el menú. Si todo está ok, ya estás listo para meter el menú en tu Blog.

FASE II: Implementando el menú en tu Blog

En esta segunda parte, implementamos el código del menú en nuestro Blog apuntando a los recursos en Google Drive que no se pueden subir a Blogger.

1)En primer lugarrealiza una copia de seguridadde tu sitio. Aunque es realmente sencillo lo que vamos a hacer, recomiendo que previamente tengamos a buen recaudo nuestro código original, de manera que siempre podamos "volver atrás" ante cualquier error.No dejes de realizar esta guía paso a paso parasalvaguardar tu blog.

2)Dirígete dentro de Blogger, en el menú de la izquierda a Plantilla y después al botón "Editar HTML" para introducir el código necesario en la plantilla para que se dibuje el menú.

3)Pulsa en Editar HTML y busca pulsando CONTROL + Flas etiquetasb:skin![CDATA. En Blogger CDATA contendrá las hojas de estilo. Copia y pega el código CSS, asegúrate que termina antes de que cierres la etiqueta CDATA con/b:skin

Conviene que las imágenes y todas las URLs de Drive las apuntes a la dirección que te proporcione la herramienta de almacenamiento de Google para que utilices las tuyas propias y no las de mi Drive. Te marco en rojo la URL que debes cambiar por la tuya, la que te dió Drive en la FASE I.

*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container1 {
padding: 80px;
}
.bt-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
border-width: 0px;
border-style: solid;
border-color: #333;
background-color: rgba(0,0,0,0);
-webkit-backface-visibility: hidden;
-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
}
.bt-menu.bt-menu-open {
height: 100%;
border-width: 0px 0px 50px 150px;
background-color: rgba(0,0,0,0.3);
-webkit-transition: border-width 0.3s, background-color 0.3s;
transition: border-width 0.3s, background-color 0.3s;
}
.bt-overlay {
position: absolute;
width: 100%;
}
.bt-menu-open .bt-overlay {
height: 100%;
}
.bt-menu-trigger {
position: fixed;
top: 10px;
left: 20px;
z-index: 100;
display: block;
width: 50px;
height: 50px;
cursor: pointer;
}
.bt-menu-trigger span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 8%;
background-color: #fff;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.bt-menu-trigger span:before {
-webkit-transform: translateY(-250%);
transform: translateY(-250%);
}
.bt-menu-trigger span:after {
-webkit-transform: translateY(250%);
transform: translateY(250%);
}
.bt-menu-open .bt-menu-trigger span:before {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
}
.bt-menu-open .bt-menu-trigger span:after {
-webkit-transform: translateY(300%);
transform: translateY(300%);
}
.bt-menu ul {
position: fixed;
margin: 0;
padding: 0;
list-style: none;
}
.bt-menu ul:first-of-type {
top: 75px;
left: 0;
}
.bt-menu ul:nth-of-type(2) {
right: 0;
bottom: 0;
}
.bt-menu ul li,
.bt-menu ul li a {
display: block;
}
.bt-menu ul:nth-of-type(2) li {
float: left;
font-size: 0px;
}
.bt-menu ul li {
visibility: hidden;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
}
.bt-menu.bt-menu-open ul:first-of-type li,
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
visibility: visible;
opacity: 1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
transition: transform 0.3s, opacity 0.3s;
}
/* First menu */
.bt-menu ul:first-of-type li {
width: 150px;
height: 50px;
line-height: 50px;
-webkit-transform: translate3d(-100%,50%,0);
transform: translate3d(-100%,50%,0);
}
.bt-menu.bt-menu-open ul:first-of-type li {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/* Second menu */
.bt-menu ul:nth-of-type(2) li {
width: 60px;
height: 50px;
line-height: 50px;
-webkit-transform: scale(0);
transform: scale(0);
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
-webkit-transform: scale(1);
transform: scale(1);
}
.bt-menu ul li a {
display: block;
outline: none;
text-decoration: none;
}
.bt-menu ul:first-of-type li a {
padding: 0 20px;
box-shadow: inset 0 1px rgba(0,0,0,0.2);
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1em;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.bt-menu ul:first-of-type li:last-child a {
box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2);
}
.bt-menu ul:nth-of-type(2) li a {
color: transparent;
text-align: center;
font-size: 0px;
}
.bt-menu ul li a:before {
color: #fff;
font-size: 24px;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.bt-menu ul:first-of-type li a:hover,
.bt-menu ul:first-of-type li a:focus,
.bt-menu ul li a:hover:before,
.bt-menu ul li a:focus:before {
color: #1abc9c;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
@charset "UTF-8";
@font-face {
font-family: "minicons-webalys";
src:url("https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/minicons-webalys.eot");
src:url("https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/minicons-webalys.eot?#iefix") format("embedded-opentype"),
url("https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/minicons-webalys.ttf") format("truetype"),
url("https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/minicons-webalys.svg#minicons-webalys") format("svg"),
url("https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/minicons-webalys.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src:url('https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/FontAwesome.eot');
src:url('https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/FontAwesome.eot?#iefix') format('embedded-opentype'),
url('https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/FontAwesome.woff') format('woff'),
url('https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/FontAwesome.ttf') format('truetype'),
url('https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/fonts/demoicons/FontAwesome.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}
.bt-icon:before,
.bt-icon-alt:before {
font-family: "minicons-webalys";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none !important;
speak: none;
display: inline-block;
text-decoration: none;
width: 1em;
line-height: inherit;
-webkit-font-smoothing: antialiased;
}
.bt-icon-alt:before {
font-family: "FontAwesome";
}
.icon-window-delete:before {
content: "\e000";
}
.icon-download:before {
content: "\e002";
}
.icon-home:before {
content: "\e003";
}
.icon-calendar:before {
content: "\e004";
}
.icon-folder-add:before {
content: "\e001";
}
.icon-windows:before {
content: "\e008";
}
.icon-volume:before {
content: "\e00e";
}
.icon-speaker:before {
content: "\e011";
}
.icon-star:before {
content: "\e012";
}
.icon-sun:before {
content: "\e014";
}
.icon-trash:before {
content: "\e018";
}
.icon-zoom:before {
content: "\e005";
}
.icon-user-outline:before {
content: "\e006";
}
.icon-picture:before {
content: "\e007";
}
.icon-phone:before {
content: "\e009";
}
.icon-newspaper:before {
content: "\e00a";
}
.icon-printer:before {
content: "\e00b";
}
.icon-microwave:before {
content: "\e00c";
}
.icon-refresh:before {
content: "\e00d";
}
.icon-lock:before {
content: "\e00f";
}
.icon-email:before {
content: "\e010";
}
.icon-browser:before {
content: "\e013";
}
.icon-bubble:before {
content: "\e015";
}
.icon-calculator:before {
content: "\e016";
}
.icon-cd:before {
content: "\e017";
}
.icon-enter:before {
content: "\e019";
}
.icon-file-add:before {
content: "\e01a";
}
.icon-flag:before {
content: "\e01b";
}
.icon-twitter:before {
content: "\e01c";
}
.icon-gplus:before {
content: "\e020";
}
.icon-github:before {
content: "\e021";
}
.icon-facebook:before {
content: "\e01d";
}
/* Font Awesome */
.icon-step-backward:before {
content: "\f048";
}
.icon-backward:before {
content: "\f04a";
}
.icon-pause:before {
content: "\f04c";
}
.icon-stop:before {
content: "\f04d";
}
.icon-forward:before {
content: "\f04e";
}
.icon-step-forward:before {
content: "\f051";
}
.icon-play:before {
content: "\f04b";
}

Las URLs Driveen rojodebes cambiarlas por las direcciones a la carpeta compartida donde subiste el menú y todos los recursos para que se dibuje.

4)Ahora busca de nuevo pulsando CONTROL+ F las etiquetasdiv class='content'e inmediatamente debajo copia y pega el código para editarlo después según el menú que desees construir:

div class='container1'
nav class='bt-menu' id='bt-menu'
a class='bt-menu-trigger' href='#'spanMenu/span/a
ul
lia href='/search/label/concepto_agrupador'About us/a/li
lia href='#'Work/a/li
lia href='#'Clients/a/li
lia href='#'Blog/a/li
lia href='#'Contact/a/li
/ul
ul
lia class='bt-icon icon-twitter' href='http://www.twitter.com/xxxxxxx'Twitter/a/li
lia class='bt-icon icon-gplus' href='https://plus.google.com/xxxxxxxx'Google+/a/li
lia class='bt-icon icon-facebook' href='http://www.facebook.com/pages/xxxxxxxxxxFacebook/a/li
lia class='bt-icon icon-github' href='xxxxxxxxxxx'icon-github/a/li
/ul
/nav
/div!-- /container --

4.1 En primer lugar, los href de la parte inferior que referencian a facebook de coddrops, twitter, etc... así como los iconos que han utilizado debes cambiarlos para utilizar tu propio perfil Facebook, Twitter, etc...

4.2 Cadalia href='/search/label/concepto_agrupador'About us/a/liContiene la llamada a la función "search" que localizará etiquetas "label" por el concepto agrupador que será la opción de menú. El literal "About us" de la demo lo podrás cambiar por el que necesites utilizar:

lia href="Direccion_blog/search/label/concepto_agrupador"Opción_de_ Menu/a/li

• Dentro de la etiqueta "ul" hasta "ul" metemos las opciones de menú que vamos a tener.
• Creamos una tupla de "a href" y Opción_de_Menu por cada opción de menú que deseamos crear. En cada un de los a href se pondrá la dirección de nuestro blog seguido de "/search" seguido de "/label" y seguido del "concepto agrupador" de entradas de nuestro blog por el que queremos que cuando el usuario pulse la opción, se busquen en el blog aquellos contenidos que pertenecen a dicho concepto agrupador.

Por ejemplo quedaría algo así con el menú de un hipotético blog con una estructura parecida a la mía:

a class='bt-menu-trigger' href='#'spanMenu/span/a
lia href="http://Ejemplo.blogspot.com"Inicio/a/li
lia href="http://Ejemplo.blogspot.com/search/label/tecnologia"Tecnología/a/li
lia href="http://Ejemplo.blogspot.com/search/label/ocio"Ocio/a/li
lia href="http://Ejemplo.blogspot.com/search/label/opinion"Opinión/a/li
lia href="http://Ejemplo.blogspot.com/search/label/consumo"Consumo/a/li
/ul

• En el ejemplo, se llama a la página principal del blog que dibujará todas las entradas en el orden que las vamos creando como siempre.
• Luego se presenta cada opción de menú con su concepto agrupador de entradas que el usuario no verá. Así, cuando el usuario haga "clic" sobre "Tecnología" por ejemplo, estará haciendo una búsqueda que agrupa todas aquellas entradas que contengan la etiqueta "tecnología" en su interior. Así mismo sucedería con las sucesivas opciones de menú.
• Después la sección:

ullia class='bt-icon icon-twitter' href='http://www.twitter.com/xxxxxxx'Twitter/a/lilia class='bt-icon icon-gplus' href='https://plus.google.com/xxxxxxxx'Google+/a/lilia class='bt-icon icon-facebook' href='http://www.facebook.com/pages/xxxxxxxxxxFacebook/a/lilia class='bt-icon icon-github' href='xxxxxxxxxxx'icon-github/a/li/ul

• Te sirve para añadir tu perfil de Twitter, Facebook, etc... de manera que cuando el usuario pulse en ellos, conecte contigo en las redes sociales.

5)Ya sólo queda añadir los js (Javascript) que gobernarán el menú y sus animaciones. Pulsando CONTROL+F busca la etiqueta/bodyinmediatamente después añade:

script src='https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/js/classie.js'/
script src='https://googledrive.com/host/0Bwgc28XHjPA2ekNJRkxTeEhZd2c/js/borderMenu.js'/

Donde cada .js es el archivo que contiene las funciones Javascript que manejan el menú. Las URLs Driveen rojodebes cambiarlas por las direcciones a la carpeta compartida donde subiste el menú y todos los recursos para que se dibuje.

Finalmente, pulsa "Guardar Plantilla" y realiza tus pruebas para probar el menú. ¡Eso es todo!, ahora disfruta de un diseño a la última para tu Blog.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,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 FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

Annuity Settlements Donate Your Car for Kids Italian cooking school Donate Car To Charity CALIFORNIA Social media management cash out annuity accident car florida lawyer Car Insurance Quotes Make money online Australia Car Donate Injury Lawyers ONLINE COLLEDGES Hire php developers MESOTHELIOMA LAW FIRM DUI lawyer Car Accident Lawyers refinance with poor credit harddrive data recovery services PSYCHIC FOR FREE buyers of structured settlements bus accident attorneys life insurance co lincoln Cheap auto insurance in VA Social media platforms for business Motor Insurance Quotes Psychic for free DONATE CAR FOR TAX CREDIT Criminal Defense Attorneys Florida Online Classes Live casino WordPress theme designers yahoo web hosting Online casino domains yahoo Casino Futuristic Architecture car accident lawyers Mobile casino Donate a Car in Maryland WordPress hosting what is structured settlement Hire php programmers boca raton personal injury attorney Casino reviews Php programmers Cheap Auto Insurance in VA Forensics Online Course CHEAP CAR INSURANCE IN VIRGINIA Php programmers for hire Donate car for tax credit DONATE YOUR CAR SACRAMENTO Forensics online course Register free domains structured annuity settlement auto insurance yuba city ca Custom WordPress theme designer mesothelioma lawyer texas AUTO ACCIDENT ATTORNEY Paperport Promotional Code car accident lawyer michigan ASBESTOS LAWYERS Business finance group DONATE A CAR IN MARYLAND Social media strategies mortgage adviser car insurance quotes pa Photo Christmas cards Best Seo company world trade center footage CAR DONATE Dwi lawyer Criminal lawyer Service business software lawsuit mesothelioma refinance with bad credit Criminal defense lawyer structured settlement buyer Hire php developer Bankruptcy lawyer Register Free Domains Nunavut Culture Seo companies Computer science classes online Donate Old Cars to Charity Cheap Domain Registration Hosting mesothelioma information Donating Used Cars to Charity mesothelioma attorneys mesothelioma drug Royalty Free Images Stock CHEAP CAR INSURANCE FOR LADIES DONATE CARS ILLINOIS Donate Car for Tax Credit Best social media platforms for business dallas mesothelioma attorneys New social media platforms Social media examiner Html email structured settlement broker better conferencing calls Proud Italian cook domain registration yahoo paperport promotional code orlando criminal attorney Motor Replacements attorney lawyer mesothelioma Auto Accident Attorney Email Bulk Service Donate your Car for Money donate old cars to charity asbestos mesothelioma lawsuit alcohol rehab center in florida STRUCTURED ANNUITY SETTLEMENT accident attorneys orange county car insurance in south dakota Online Stock Trading mesothelioma help Donate Cars in MA Dedicated Hosting Dedicated Server Hosting Criminal lawyer Miami Seo services Psd to html BEST CRIMINAL LAWYER IN ARIZONA Life Insurance Co Lincoln Business management software Best social media platforms Seo company Online Christmas cards primary pulmonary hypertension cash out structured settlement Custom Christmas cards WordPress themes for designers Psd to WordPress Car Insurance Quotes MN structured settlemen accident lawyers in los angeles Tech school Social media platforms sell my structured settlement Christmas cards Mesothelioma Law Firm HOLLAND MICHIGAN COLLEGE Cheap car insurance for ladies mesothelioma lawyer dallas mesothelioma lawyer asbestos cancer lawsuit mesothelioma law firms Online College Course Hard drive data recovery services Low Credit Line Credit Cards personal injury attorney springfield mo Adobe illustrator classes insurance medical temporary mesothelioma settlements Learning adobe illustrator PHD on Counseling Education donating used cars to charity Social media tools Car Insurance Quotes Utah business voice mail service michigan motorcycle accident lawyer Social media campaigns Futuristic architecture Donate Car to Charity California Donating a Car in Maryland Donate Your Car Sacramento How to Donate A Car in California Sell Annuity Payment selling annuity Asbestos Lawyers mesothelioma lawsuits Structures Annuity Settlement personal injury lawyer Car Insurance Quotes Colorado personal accident attorney motorcycle accident attorney chicago WORLD TRADE CENTER FOOTAGE Online Colleges DAYTON FREIGHT LINES Dayton Freight Lines Online Motor Insurance Quotes Hard drive Data Recovery Services DONATING USED CARS TO CHARITY auto insurance cost by state google adsense small business administration sba Online Criminal Justice Degree Donate Cars Illinois Virtual Data Rooms city college in miami Business VOIP Solutions Best Criminal Lawyers in Arizona car insurance companies Holland Michigan College buy gift card houston motorcycle accident lawyer houston tx auto insurance mesothelioma lawyer houston Auto Mobile Shipping Quote CHEAP DOMAIN REGISTRATION HOSTING World Trade Center Footage Massage School Dallas Texas Psychic for Free personal injury lawyer sarasota fl Met Auto Dallas Mesothelioma Attorneys VIRTUAL DATA ROOMS data recovery raid chicago hair laser removal LOW CREDIT LINE CREDIT CARDS Home Phone Internet Bundle

Imágenes en Google+ y Blogger con fondo gris. La solución con un clic – Credit

De un tiempo a esta parte algunas imágenes de las que subía al blog me aparecían claramente modificadas en cuanto a tonos. En concreto salían con un fondo gris más o menos intenso y realmente resultaba un incordio porque estropeaba bastante la visibilidad de algunas capturas que quería incluir como ilustración de lo explicado en las entradas.

Con eso llevaba unos días calentándome la cabeza pero sólo para llegar a la conclusión de que los desarrolladores de Blogger habían vuelto a meter la pata con algo y que no tendría solución. Sin embargo, casualmente descubrí un hilo en el foro de los Productos de Google (que perdí y que por eso no enlazo) en el que alguien de Google daba la causa, pedía disculpas y facilitaba una solución provisional mientras arreglan el desaguisado.


Este problema sucede principalmente con lasimágenes que tienen un fondo blanco o muy claro y la cosa es que ese blanco pasa a gris misteriosamente. Esta es una imagen con ese problema. Le he añadido un relleno (padding) blanco alrededor para que se aprecie mejor el cambio de tono que lleva. La original tiene el fondo más claro, prácticamente blanco.

Pues bien, la metida de pata no fue cosa en este caso de Blogger sino de una filial: Google Plus.

Desde hace un tiempo hay una herramienta demejora automática de imágenes para cuando se suben a ese servicio y como actualmente, G+ está ligado a Picasa y las imágenes de Blogger van también a parar a ese hosting de imágenes, pues todo está entrelazado por el Gran Hermano Google y cuando hay un agujero por alguna parte, el agua salpica un poco a todo.

El agujero en este caso es que esa utilidad para la mejora de imágenes en Google Plus tiene este fallo de volver gris lo que realmente es blanco, pero la solución es fácil: desactivarla.

Para ello sólo tenéis que acceder a lapágina de configuración de vuestro perfil Google+ (https://www.google.com/settings/plus) y allí desmarcar la casilla de verificación con el rótuloAjuste automático.

Una vez hecho eso, Google ya no "mejorará" nuestras imágenes nunca más y al subirlas al blog se verán como deben, es decir, con sus tonalidades originales.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial 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

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE 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 searchSelling 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 FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial 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 cashSelling 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

Casino Register free domains Make money online Australia Online Motor Insurance Quotes FUTURISTIC ARCHITECTURE car insurance companies maritime lawyer houston Mobile casino HOLLAND MICHIGAN COLLEGE Hard drive Data Recovery Services buyer of structured settlement annuity Social media strategies Online casino Photo Christmas cards Computer science classes online Italian cooking school Social media campaigns verizon sip mesothelioma drug Hire php developers Car Donate Donate Car To Charity CALIFORNIA Royalty free images stock personal injury solicitor CHEAP CAR INSURANCE FOR LADIES AUTOMOBILE ACCIDENT ATTORNEY structured settlement blog mesothelioma lawyer virginia injury lawyers west palm beach adverse remortgage most profitable internet business Car insurance quotes MN Auto Mobile Shipping Quote motorcycle accident attorney sacramento Donate Your Car for Kids Casino reviews personal injury firm Live casino DONATE YOUR CAR SACRAMENTO car accident lawyers los angeles Social media tools DUI lawyer Adobe illustrator classes Cheap Auto Insurance in VA Neuson Hire php programmers asbestos mesothelioma lawsuit Bankruptcy lawyer motorcycle lawyer los angeles Custom Christmas cards Dwi lawyer Criminal lawyer mesothelioma Social media management MOTOR REPLACEMENTS Dayton freight lines Criminal defense attorneys Florida Service business software Donating Used Cars to Charity Donate a car in Maryland fast cash for house Best social media platforms for business mesothelioma care structured settlement need cash now Donate Car to Charity California Online Stock Trading webex costs structured settlement company World Trade Center Footage mesothelioma attorney florida lease management software uk homeowner loans Proud Italian cook lawsuit mesothelioma structured annuity settlement Personal Injury Lawyer Criminal defense lawyer car accident lawyers west palm beach Car Insurance Quotes Colorado Home phone internet bundle selling my structured settlement Seo services WordPress hosting mesothelioma lawsuits Car Insurance Companies Php programmers for hire Hire php developer Motor Replacements miami personal injury attorney New social media platforms CHEAP AUTO INSURANCE IN VA STRUCTURED ANNUITY SETTLEMENT Best social media platforms ONLINECLASSES Php programmers Seo companies DONATING USED CARS TO CHARITY Donate Your Car Sacramento auto insurance yuba city ca CAR INSURANCE QUOTES PA motorcycle accident attorney chicago Mortgage Adviser REGISTER FREE DOMAINS Virtual Data Rooms Paperport Promotional Code Asbestos Lawyers compare life assurance Online Colleges Online Christmas cards CAR INSURANCE IN SOUTH DAKOTA Business finance group Social media platforms for business Custom WordPress theme designer mesothelioma survival rates motorcycle accident lawyer san francisco Business management software Best Seo company la personal injury lawyer best mesothelioma lawyers motor replacements donate car for tax credit Car Insurance Quotes PA Donate Old Cars to Charity Seo company Social media platforms donate old cars to charity cheap car insurance in virginia Psd to html mesothelioma litigation WordPress themes for designers Psd to WordPress Social media examiner structured settlement quote california mesothelioma attorney register free domains Tech school Html email california law lemon Christmas cards Car Accident Lawyers ASBESTOS LAWYERS buying an annuity calculator Donating a car in Maryland federal criminal defense attorney mesothelioma information accident attorney in los angeles cheap auto insurance in va selling annuity Car Insurance Quotes Utah AUTO ACCIDENT ATTORNEY mesothelioma lawyer houston WordPress theme designers Massage School Dallas Texas buy structured settlements what is structured settlement Met Auto Injury Lawyers Learning adobe illustrator Asbestos Lung Cancer peritoneal mesothelioma Donate a Car in Maryland Mesothelioma Law Firm Insurance Companies firm law mesothelioma mesothelioma claim Donate Car for Tax Credit buy gift card Donate Cars in MA refinance with poor credit SELL ANNUITY PAYMENT orlando criminal attorney How to Donate A Car in California Sell Annuity Payment Better Conference Calls Car Insurance in South Dakota car accident lawyers Structures Annuity Settlement car insurance quotes mn Low Credit Line Credit Cards Annuity Settlements massage school dallas texas Nunavut Culture CAR INSURANCE QUOTES MN PSYCHIC FOR FREE google affiliate Dayton Freight Lines hair removal washington dc accident attorneys orange county Donating a Car in Maryland ONLINE COLLEDGES holland michigan college LOW CREDIT LINE CREDIT CARDS HARDDRIVE DATA RECOVERY SERVICES Donate your car Sacramento Criminal Defense Attorneys Florida Cheap Domain Registration Hosting PhD in counseling education mesothelioma attorney california Donate Cars Illinois Car Insurance Quotes MN Best Criminal Lawyers in Arizona bus accident attorneys CRIMINAL DEFENSE ATTORNEYS FLORIDA Life Insurance Co Lincoln Holland Michigan College personal injury attorney springfield mo Donate cars in ma structured settlement brokers personal injury accident lawyer Online Classes