abril 2013 ~ CosasParaMiBlogs

martes, 30 de abril de 2013

Personaliza tu Plantilla Blogger - Utiliza tu propia hoja de estilos o modifica las existentes para adaptarlos a tu gusto – Justicia – Domains

Las plantillas que nos proporciona Google son estupendas como base para construcción de nuestro blog, pero ¿qué sucede si quiero realizar modificaciones en ella?.

El diseño "prefijado" nos lleva muchas veces a coincidir con las presentación que otros usuarios han decidido utilizar en sus creaciones. Es como cuando vas a un gran almacén a comprar ropa y al día siguiente, cuando estrenas tu adquisición, te das cuenta de que hay mucha gente que ha elegido lo mismo que tú.

Personalizar tu plantilla es fácil con las herramientas que Google te ofrece dentro de Blogger por medio del Diseño y las opciones avanzadas de plantilla, pero muchas veces necesitamos ir más allá y modificar aspectos que Blogger no nos deja modificar. Por ejemplo, un centrado del título de todo el Blog, cambiar el tamaño de las columnas de alguna tabla concreta, etc... Cuando requieres ir más allá de lo que la propia plantilla y la herramienta de Blogger te ofrece, necesitas cambiar las hojas de estilo ".css" que utilizas en tus páginas.

Si quieres personalizar a tu gusto con total libertad las plantillas o partes del contenido de ellas que Blogger te ofrece, entonces este artículo te interesa.

El Resumen para los más Expertos:

Para evitar a los usuarios con conocimientos avanzados tenerse que leer el ejemplo completo, a continuación expongo a modo resumido los pasos fundamentales para personalizar la plantilla Blogger. Después, para las dudas, el detalle o los usuarios con menos conocimientos en la materia, expongo un ejemplo paso paso que con el máximo de detalle.

Cómo personalizar la plantilla blogger a través de las hojas de estilo - Usuarios con conocimientos Avanzados
1) La plantilla de Blogger utiliza etiquetas propias que después el navegador interpreta traduciendo en código fuente de diferentes propósitos. Dentro de ese código fuente, en el "Head" están las hojas de estilo o .css. Las hojas de estilo indicarán al navegador qué aspecto y formato deben tener los componentes de la presentación de tu página.

2) Viendo el código fuente de tu página, localiza las clases de las hojas de estilo que afectan a la zona o zonas que deseas personalizar de tu página. A continuación sobreescribe la clase añadiendo las propiedades que te interesen y guárdalas en un fichero .css. Será el fichero .css alternativo que sobreescribirá el comportamiento de la clase Blogger para la clase de la hoja de estilos que hayas seleccionado.

3) Sube el .css a Google Drive para acceder a él editando el HTML de tu plantilla Blogger y escribiendo antes del cierre del "head" ("/head") el link al .css modificado con un enlace HTML estándar para .css: link href='URL_DE_GOOGLE_DRIVE/tu_estilo_sobreescrito.css' rel='stylesheet' type='text/css'/ (el href debe ir en una misma líena sin retornos de carro ni separaciones).

El Detalle paso a paso:

Repaso de conceptos previos:
Conviene aclarar dos conceptos fundamentales con los que vamos a trabajar para personalizar la presentación de nuestro Blog.
La Plantilla de Blogger:
Es una representación esquemática 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".

Las hojas de estilos (.css)
Con Blogger las plantillas se basan fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css:Hojas_de_estilo_en_cascada. Este tipo de archivos 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 la integran.

Ejemplo para centrar el título de tu Blog en el navegador - Usuario con conocimientos Básicos:

Vamos a cambiar la plantilla de base del blog para personificarla de manera que el título y la descripción del Blog queden centrados en el navegador como os muestro a continuación. De esta manera veremos el detalle completo de los pasos a realizar para modificar la plantilla base sobre la que ponemos nuestro Blog.

La página de Diarios de la nube con la plantilla Traveller por defecto de Blogger:

La misma página principal con la Plantilla personificada para centrar el título y la descripción del Blog:

1) En primer lugarrealiza una copia de seguridad de tu sitio. La colocación de una hoja de estilos (".css") en tu blog requiere realizar unas modificaciones en código que, aunque realmente sencillas, requieren 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 para salvaguardar tu blog.

2) En este ejemplo vamos simplemente a centrar el título del Blog. Para localizar el título vamos a nuestro navegador y una vez cargado el blog hacemos "clic" con el botón derecho del ratón y pulsamos "Visualizar código fuente".

3) En ese código fuente hacemos un "buscar" en el navegador para localizar el título de nuestro blog. En mi caso, como utilizo "FireFox" pulso CONTROL + F y escribo "Diarios de la nube".

4) Localizo el siguiente texto que se encuentra en un h1 cuya clase es"title":

div id='header-inner'
div class='titlewrapper'
h1 class='title'
Diarios de la nube
/h1
/div
div class='descriptionwrapper'
p class='description'spanTecnología, ayuda al Blogger, ocio, consumo y opinión en la nube./span/p
/div
/div

En la pantalla superior podemos ver la búsqueda del código encargado del título y la descripción del blog.

5) Como quiero centrar el título del blog y su descripción, me centro en el "div" llamado "header-inner" porque contiene en su interior el "div class = 'tittlewrapper" para el título y el "div class='descriptionwrapper'" con la descripción.

Los div o capas que ha dibujado Blogger por medio de la plantilla que utilizo en mi blog le están "diciendo" al navegador que en una de las hojas de estilo .css que utilizo en mi página hay un identificador "header-inner" destinado a almacenar cómo deben dibujarse el título y la descripción en cuanto a formato y aspecto.

6) Volviendo al código fuente de mi página, localizo los .css que utiliza mi blog (están unas líneas más abajo de la etiqueta HTML head.

link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/xxxxxxxxxx-widget_css_2_bundle.css' /
link type='text/css' rel='stylesheet' href='xxxx.css' /
link type="text/css" rel="stylesheet" href="xxxx.css"/

7) Como he utilizado el widget "cabecera" para hacer el texto, sé que si quiero modificar aspectos de presentación del título tendré que quedarme con el .css que referencia a las hojas de estilo de los widget: //www.blogger.com/static/v1/widgets/xxxxxxxxxx-widget_css_2_bundle.css

8) pongo en el navegador la URL para para descargarme el archivo .css (si el navegador te lo descarga todo en una sola línea, muévelo a un editor de HTML para poderlo manejar con comodidad).

9) Dentro del .css busco el id que contenía el título: 'header-inner'. Dentro de 'header-inner' el '.Header' contiene simplemente el margen superior que la capa del título y la descripción debe tener, el margen izquierdo, el derecho, etc...

.header-inner .Header {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
}

Añadimos la propiedad "text-align: center;" y así hacemos que el texto del título y descripción que se dibuje dentro de la capa del .header-inner siempre aparezca centrado.

10) Como de la plantilla original SÓLO quiero cambiar el centrado del título, extraigo la clase .header-inner para crearme una hoja de estilos personalizada que centre el título. Blogger no me va a dejar hacer el cambio en la .css que él maneja (porque la utiliza más gente), así pues debo crearme mi "propia" .css para sobreescribir la clase "header-inner" según mis preferencias.

11) Me creo un archivo propio "centrar_titulo.css" con el contenido del paso 9) en su interior. Acto seguido lo subo a googledrive y lo pongo como público. Anotad la URL que devuelve googledrive para acceder al .css con el que sobreescribo la hoja de estilos para título y descripción de mi blog.

NOTA: La hoja de estilo se encuentra compartida por si deseas utilizarla de base. Es muy importante que se de la situación si quieres emplearla, de que tu plantilla utilice la clase header-inner igual que la mía para el título y la descripción. Si es tu caso, puedes pasar directamente al paso 13).

12) En vuestro escritorio blogger, dirigiros a la opción de menú plantilla y pulsad "Editar HTML".

13) En el código fuente de vuestra plantilla añadid justo antes de la etiqueta "/head" el enlace en Google Drive a vuestro .css con este código: link href='URL_DE_GOOGLE_DRIVE' rel='stylesheet' type='text/css'/. MUY IMPORTANTE: la URL de Google Drive debe quedar simplificada de esta manera "https://googledrive.com/host/0Bwgc28XHjPA2MWdCOXNadU0yVHM".

En mi caso el enlace quedaría así:

link href='https://googledrive.com/host/0Bwgc28XHjPA2MWdCOXNadU0yVHM' rel='stylesheet' type='text/css'/

Es muy importante que el código no se copie con retornos de carro o espacio en blanco inexistentes.

Y por fin tendríamos personalizada la plantilla base de Blogger con los cambios que a nosotros nos interese. Simplemente buscad la .css que corresponda a aquello que queréis modificar y sobreescribidla con una vuestra que pueda estar disponible desde algún servidor de almacenamiento en la nube.

Con esta manera de trabajar con las hojas de estilos el límite es nuestra propia imaginación, dejaremos de estar atados a las plantillas prefijadas y podremos darle ese toque de personalidad que queríamos a nuestro pequeño rincón en Internet.

Cualquier duda, por favor, utilizad los comentarios habilitados a tal efecto en la entrada.

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

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

lunes, 29 de abril de 2013

tecnologia

Actualiza tu Nintendo WII U a la versión 3.0.0 – programmers – School

Desde su salida al mercado, WII U ha causado unas sensaciones "agridulces" en la industria del videojuego. Injustamente tratada por los analistas "especializados" e incluso por algunas compañías, la nueva consola de Nintendo permanece fiel al estilo de trabajo de la compañía, centrando todo su potencial en la jugabilidad.

Se le ha achacado una cuestionable "falta" de potencia que ha lastrado sus ventas pero no ha impedido que seguidores en todo el mundo hayan terminado adquiriéndola. Si bien es cierto que no puede competir en términos en "el mundo de los 1080p" con las "futuribles" consolas de próxima generación, actualmente se encuentra por encima de las características técnicas de sus competidoras XBOX360 y PS3.

Su lanzamiento tenía pocos juegos originales creados nativamente para la consola, con lo que su comparación con la competencia la dejaba ligeramente por debajo de sus homólogos en los otros formatos. Actualmente han comenzado a salir títulos que realmente aprovechan su potencia adecuadamente, y es de esperar que con el tiempo aparezcan más.

El día en que los usuarios adquirieron la consola tenían ya preparada una actualización (de al menos una hora de duración) que activaba ciertas opciones (como el navegador para Internet) que no habían incluídas de serie en el pack de salida.

Desde su lanzamiento, Iwata (presidente de Nintendo), manifestaba desde hace tiempo la intención de incrementar el rendimiento del sistema operativo deWII U, que finalmente ha comenzado a materializarse con esta última actualización.

El 26-04-2013 se liberó la versión 3.0.0 del Sistema Operativo de WII U. Su mejora fundamental se centra en la disminución de los tiempos de carga de encendido, opciones del sistema, vuelta al menú tras la ejecución de un juego, etc...

Aquí tenemos un vídeo explicativo de las mejoras que incorpora la citada actualización:

Se puede confirmar que la compañía nipona trabaja y continuará trabajando duro por mantener unos niveles de calidad que hagan honor a su legendaria firma, Nintendo.

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

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

DONATING A CAR IN MARYLAND domain registration yahoo selling annuity payments for cash car insurance quotes pa Online Christmas cards buy gift card Asbestos Lung Cancer Donating a Car in Maryland Bankruptcy lawyer DUI lawyer business administration masters tennessee mesothelioma lawyer data recovery raid MESOTHELIOMA LAW FIRM Php programmers for hire Dwi lawyer saskatchewan auto insurance PAPERPORT PROMOTIONAL CODE fast cash for house FUTURISTIC ARCHITECTURE Car insurance in South Dakota Seo company Online casino Casino World trade center footage dallas mesothelioma attorneys Mobile casino REGISTER FREE DOMAINS Online Colleges business voip solutions accident attorney san bernardino Social media management WebEx costs Criminal lawyer Donate cars in ma New social media platforms Make money online Australia illinois law lemon Attorney supportpeachtreecom forensics online course mesothelioma lawyer houston Car Insurance Quotes Utah anti spam appliance cloud identity and access management Social media strategies Casino reviews Paperport promotional code Live casino Mortgage Adviser FORENSICS ONLINE COURSE Annuity Settlements car accident lawyer san bernardino mesothelioma Psychic for Free Better Conference Calls structured settlement brokers Business finance group ONLINE MOTOR INSURANCE QUOTES Psychic for free Forex Trading Platform selling annuity WordPress themes for designers philadelphia mesothelioma lawyer Hire php developers MOTOR REPLACEMENTS primary pulmonary hypertension bus accident attorney los angeles Dallas Mesothelioma Attorneys online motor insurance quotes DALLAS MESOTHELIOMA ATTORNEYS Service business software structured settlement purchasers Hire php programmers Personal Injury Law Firm Best Criminal Lawyers in Arizona Php programmers mesothelioma lawyer texas MASSAGE SCHOOL DALLAS TEXAS HOW TO DONATE A CAR IN CALIFORNIA motorcycle accident lawyer san francisco CAR INSURANCE QUOTES UTAH Asbestos Lawyers Personal Injury Lawyers injury lawyers west palm beach Claim refinance with bad credit washington mesothelioma attorney hosted predictive dialers Criminal defense lawyer CAR INSURANCE QUOTES COLORADO Best Seo company cash out annuity how to donate a car in california Sell Annuity Payment Hire php developer Dayton Freight Lines Auto Mobile Shipping Quote mesothelioma lawyer chicago broward county dui lawyer asbestos lung cancer LOW CREDIT LINE CREDIT CARDS Met Auto Computer science classes online Seo companies Best social media platforms for business Donating a car in Maryland Automobile Accident Attorney structured annuity settlement Business Voip Solutions annuity payment Psd to html injury attorney baton rouge colorado auto accident attorney Life Insurance Co Lincoln ASBESTOS LAWYERS Social media platforms for business Custom WordPress theme designer Cheap Car Insurance in Virginia Seo services Motor Insurance Quotes donate old cars to charity Online College Course DONATE YOUR CAR SACRAMENTO Mesothelioma Law Firm motor insurance quotes Business management software Social media examiner sell structured settlement calculator Best social media platforms Mortgage adviser Car Insurance Quotes Donate a Car in Maryland accident attorney orange county Neuson Futuristic Architecture car crash attorneys World Trade Center Footage Proud Italian cook Structures Annuity Settlement Custom Christmas cards Photo Christmas cards WordPress hosting Christmas cards WordPress theme designers Low Credit Line Credit Cards Psd to WordPress structured settlement buyer Gas/Electricity world trade center footage DONATE CAR FOR TAX CREDIT Donate your car for money Tech school auto accident attorney hughes net business Business VOIP Solutions Html email baltimore mesothelioma attorneys Social media platforms personal injury accident lawyer life insurance quotes Donate your car Sacramento paperport promotional code phd in counseling education Italian cooking school Data Recovery Raid wisconsin mesothelioma attorney Adobe illustrator classes Royalty Free Images Stock Learning adobe illustrator Social media tools Social media campaigns Online Stock Trading Donate Car to Charity California Donate Car for Tax Credit structured settlemen Donate Cars in MA Donate Your Car Sacramento How to Donate A Car in California federal criminal defense attorney Donate Your Car for Kids california mesothelioma attorney Nunavut Culture Car Insurance Quotes Colorado Online motor insurance quotes boulder personal injury lawyers Home Phone Internet Bundle Online Motor Insurance Quotes Hard drive Data Recovery Services mesothelioma settlements amounts truck accident attorney los angeles Motor Replacements Cheap Domain Registration Hosting truck accident attorney texas DONATING USED CARS TO CHARITY buyer of structured settlement annuity Webex Costs Donate a car in Maryland insurance medical temporary Donate Cars Illinois ashely madis Mortgage compare life assurance google adsense Criminal Defense Attorneys Florida mesothelioma survival rates holland michigan college Holland Michigan College DONATE A CAR IN MARYLAND HOLLAND MICHIGAN COLLEGE

propuestas

Crea un menú con subopciones en Blogger – coche

La necesidad de utilización de menús para estructurar la información es primordial para mantener nuestros contenidos correctamente estructurados y para que nuestros usuarios accedan a ellos sin problemas.

En anteriores entradas aprendimos a realizar unmenú de un sólo nivel, esta variante suele ser la clase de menú más utilizada en los blogs, pues normalmente sus creadores tienden a organizar sus temáticas en categorías muy generales. ¿Pero qué sucede cuando queremos particularizar dentro de una temática y organizarla en categorías más pequeñas aún?. Hay veces que es necesario disponer de menús con mucho más de un nivel que nos permitan concretar aún más las divisiones de la información que albergamos.

¿Quieres tener un menú de múltiples niveles con Blogger?, entonces este artículo te interesa.

Paso a paso:

1) En primer lugar realiza una copia de seguridad de tu sitio. La colocación de una hoja de estilos (".css") en tu blog requiere realizar unas modificaciones en código que, aunque realmente sencillas, requieren 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) Comenzamos conectándonos acssmenumaker.com y seleccionando uno de los ejemplos del catálogo que ofrece. Por defecto, dentro de la página inicial tendremos activo los menús de tipo "Drop down". De ellos voy a seleccionar el segundo del ejemplo.

3) Una vez hemos escogido el menú, pulsamos sobre el botón Download Source.

4) Se descargará en la carpeta del disco duro que elijamos la carpeta "source". En su interior habrá una subcarpeta llamada "cssmenu" donde habrá un .html con las instrucciones base para crear el menú. En la subcarpeta "menu_assets" se encontrará la hoja de estilos .css que sirve para trabajar con nuestro menú, así como el .png o imagen (si es que el menú escogido la tiene) que acompaña a la configuración del mismo.

5) Subiremos a Google Drive la imagen "overlay.png". Elijo este almacén de datos en la nube por su fiablidad y porque, teniendo usuario Google podremos utilizar con total libertad. Luego en la citada herramienta de almacenamiento de Google pondremos como público el acceso al .png que vamos a utilizar en el ejemplo.

6) Una vez subido el .png, apuntaros la URL desde donde se va a encontrar disponible.

7) Abrid el archivo "styles.css" y donde ponga "url(images/overlay.png)" poned dentro la URL pública que os dió Google Drive al hacerla pública. Es decir, sustituid url(images/overlay.png) por url(URL_DE_GOOGLE_DRIVE/

overlay.png) donde "URL_DE_GOOGLE_DRIVE" es la dirección que Google Drive te dió como URL pública para el archivo .png que subiste.

8) En Blogger, no vamos a modificar la plantilla original sobre la que trabajamos, fundamentalmente porque sólo queremos añadir un nuevo menú sin impactar en el resto del blog. Para poder realizarlo limpiamente subiremos la hoja de estilos "styles.css" modificada con la URL a la imagen "overlay.png" a Google Drive. Luego en la citada herramienta de almacenamiento de Google pondremos como público el acceso al .css que vamos a utilizar en el ejemplo para que sea accedida por el navegador para dibujar nuestro menú.

9) Una vez subido el .css, apuntaros la URL desde donde se va a encontrar disponible.

10) En vuestro blog, dirigiros a la opción de menú plantilla y pulsad "Editar HTML".

11) En el código fuente de vuestra etiqueta añadid justo antes de la etiqueta "/head" el enlace en Google Drive a vuestro .css con este código: link href='URL_DE_GOOGLE_DRIVE/styles.css' rel='stylesheet' type='text/css'/ Donde "URL_DE_GOOGLE_DRIVE/styles.css" es la dirección que Google Drive te dió como URL pública para el archivo .css que subiste.

12) Añadid un gadget Javascript/HTML donde queráis que resida el menú, tal como hicimos en la entrada para elmenú de un sólo nivel.

13) Editad el código e introducid dentro del gadget el siguiente código:

div id="cssmenu"
ul
lia href="http://LA_URL_PRINCIPAL/index.html"Home/a/li
li class="has-sub "a href="LA_URL_A_CATEGORÍA1"Tecnologia/a
ul
lia href="LA_URL_A_SUBCATEGORÍA1"Product 1/a/li
lia href="LA_URL_A_SUBCATEGORÍA2"Product 2/a/li
/ul
/li
lia href="LA_URL_A_CATEGORÍA2"About/a/li
lia href="LA_URL_A_CATEGORÍA3"Contact/a/li
/ul
/div

Cada li class="has_sub " contendrá el enlace a la página o a la instrucción "/search" (mirar ejemplo enmenú de un sólo nivel) que nos sirve para localizar entradas con nombres de etiquetas determinados o nombres absolutos de las entradas ".html" a las que deseemos llamar. Después, tras el cierre de la etiqueta de "href", encontraremos el literal que desamos asignar a la opción del menú. Un "li class="has-sub" indica que contiene subenlaces en su interior donde podremos poner por fin los subniveles con las temáticas en las que deseamos dividir la opción principal.

14) El resultado, con el tipo de menú que seleccionamos en cssmenumaker quedaría así a modo de ejemplo (pasa el ratón por encima para visualizar las subopciones y poderlas probar):

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

Online casino ONLINE MOTOR INSURANCE QUOTES Criminal Defense Attorneys Florida mesotheliama personal injury law firm structured settlement broker LOW CREDIT LINE CREDIT CARDS domains yahoo Seo companies New social media platforms Auto Mobile Insurance Quote Live casino Car Insurance Quotes Custom Christmas cards Life insurance co Lincoln Donating used cars to charity mesothelioma personal injury lawyers Dallas Mesothelioma Attorneys Better Conference Calls Donate Your Car for Kids Home Phone Internet Bundle personal accident attorney WordPress hosting yahoo web hosting NUNAVUT CULTURE Structures Annuity Settlement hair removal washington dc Php programmers for hire DONATE CARS ILLINOIS Criminal lawyer Learning adobe illustrator DONATE OLD CARS TO CHARITY Hire php programmers Online colledges motor replacements DALLAS MESOTHELIOMA ATTORNEYS BEST CRIMINAL LAWYER IN ARIZONA Php programmers cheap auto insurance in va Mesothelioma Law Firm Massage School Dallas Texas Italian cooking school Donate Cars in MA auto insurance yuba city ca boulder personal injury lawyers Annuity Settlements Casino peritoneal mesothelioma HOW TO DONATE A CAR IN CALIFORNIA Psd to WordPress Mobile casino WordPress theme designers orlando criminal attorney how to donate a car in california refinance with bad credit Psd to html alabama mesothelioma lawyer ONLINECLASSES lease management software Make money online Australia selling a structured settlement Proud Italian cook FUTURISTIC ARCHITECTURE Service business software car insurance companies Casino reviews Social media platforms Adobe illustrator classes anti spam exchange server la personal injury lawyer Bankruptcy lawyer Hire php developers DUI lawyer structured settlement investments Dwi lawyer WordPress themes for designers integrated ehr Motor Replacements accident attorneys orange county dui lawyer scottsdale structured settlemen Photo Christmas cards Criminal defense lawyer Online classes Hire php developer structured settlement brokers donate old cars to charity low credit line credit cards florida car insurance company sell annuity payment Hard drive Data Recovery Services miami personal injury lawyer motorcycle accident lawyer california Car insurance quotes pa accident car florida lawyer Car Insurance Quotes Utah buying structured settlements chicago hair laser removal CHEAP CAR INSURANCE FOR LADIES st louis mesothelioma attorney Computer science classes online Cheap Car Insurance for Ladies Social media management los angeles auto accident attorneys mesotheioma Seo services Massage school Dallas Texas Html email Email bulk service Social media platforms for business Online Motor Insurance Quotes adverse credit remortgage Met Auto Car Insurance Quotes MN Best social media platforms for business Donate your car for kids Dedicated Hosting Dedicated Server Hosting Holland Michigan College Forex Trading Platform Business finance group Cheap Domain Registration Hosting workplace accident attorney washington mesothelioma attorney Custom WordPress theme designer Donate car to charity California Best Seo company Business management software asbestos lung cancer Best social media platforms Cheap Auto Insurance in VA Seo company VIRTUAL DATA ROOMS DONATE CARS IN MA Online Christmas cards Best criminal lawyer in Arizona onlineclasses life insurance co lincoln MORTGAGE ADVISER car insurance quotes pa home phone internet bundle accident attorney in los angeles criminal defense attorneys florida DONATE YOUR CAR FOR MONEY NEUSON Social media examiner CAR ACCIDENT LAWYERS massage school dallas texas Forensics online course Donate Car to Charity California mesothelioma attorneys california Tech school diagnosed with mesothelioma CAR INSURANCE QUOTES UTAH Royalty Free Images Stock Cheap car insurance for ladies Christmas cards mesothelioma settlements amounts Neuson REGISTER FREE DOMAINS mesothelioma law firm online colledges email bulk service Business Voip Solutions Social media strategies mesothelioma information arizona auto accident attorney Attorney Social media tools Social media campaigns Personal Injury Law Firm HOME PHONE INTERNET BUNDLE Asbestos Lung Cancer Life Insurance Co Lincoln sell structured settlement calculator AUTO ACCIDENT ATTORNEY Donate Car for Tax Credit Donate Your Car Sacramento How to Donate A Car in California Sell Annuity Payment Asbestos Lawyers domain registration yahoo Car Insurance Quotes Colorado Nunavut Culture Mortgage adviser Dayton Freight Lines Donate a Car in Maryland best structured settlement companies Futuristic Architecture Donating a Car in Maryland Donate Cars Illinois Best Criminal Lawyers in Arizona HARDDRIVE DATA RECOVERY SERVICES Auto Accident Attorney small business administration sba auto accident lawyer san francisco mesothelioma symptoms Online Colleges most profitable internet business car insurance quotes mn Paperport Promotional Code virtual data rooms anti spam appliance Online Classes World Trade Center Footage offshore accident lawyer life insurance quotes injury lawyer houston tx Psychic for Free Donate Old Cars to Charity Insurance Companies

domingo, 28 de abril de 2013

propuestas

Cómo realizar una copia de seguridad en Blogger. Recupera entradas perdidas por medio del buscador "in-extremis". – Law Firm – Teleconferencias

"No somos conscientes de lo que tenemos hasta que lo perdemos", tantas horas hemos invertido en llenar de contenidos nuestro blog, con tanto esfuerzo y dedicación, que por un error o problema de cualquier clase perderlo podría llegar a ser un problema.

Es muy importante mantener a buen recaudo nuestro pequeño rincón en Internet, no sólo por la pérdida total de información sino también por la parcial. Podríamos por error eliminar una entrada, una página completa o realizar un desajuste en la plantilla que estamos utilizando para el fondo de nuestro blog.

Afortunadamente, disponemos de las herramientas necesarias en Blogger para realizar lacopiadeseguridady posterior recuperación, repasemos cada acción que debemos ejecutar para mantener segura nuestra información.

EXPORTAR EL BLOG:

En primer lugar, realizaremos el aseguramiento de todos los textos y estructura base del Blog para después encargarnos de la parte de diseño y plantilla.

1) Accede a Blogger con tu dirección usuario y password como habitualmente.Una vez dentro de tu escritorio, dirígete al menú izquierdo y pulsa sobre la opción "configuración" y la sub-opción "Otros".

2) La pantalla de "Otros" se ve dividida en varias secciones, para realizar lacopiadeseguridadnos fijamos en la primera que aparece en pantalla, la llamada "Herramientas del Blog".Pulsa "Exportar el Blog" y al hacerlo aparecerá una pequeña página con el título "Exportar Blog".

3) Haz "clic" sobre el botón "Descargar blog" y se comenzará a ralizar la descarga completa en formato XML de todo tu sitio.

4) El archivo que descargues, trata de guardarlo con una nomenclatura que pueda identificarlo correctamente, por ejemplo [Mi_Blog_DD_MM_AA], donde "DD" sea el día, "MM" el mes y "AA" el año en que lo has guardado. De esta manera cuando lo guardes quedará archivado por fecha, mes y año, siendo más fácil volver a un estado exacto y en un momento determinado.Almacena la información en un lugar seguro, es recomendable es un pendrive (también llamado "llave USB") externa por si el propio ordenador donde almacenas los archivos XML se rompe, que tengas la oportunidad de recuperarlo en cualquier otro ordenador y no lo pierdas incluso realizando lacopiadeseguridad.

EXPORTAR LA PLANTILLA:

En segundo lugar, tras tener los datos del blog a salvo, pasamos a la plantilla y el diseño del mismo. Es importante este apartado pues incluirá todo el código que hayamos alterado dentro de la plantilla, así como los gadgtes manejados en la misma.

1) En el menú izquierdo del escritorio Blogger dirígete a "Platilla" y haz clic sobre la citada opción de menú.En la pantalla de configuración de plantilla pulsa sobre el botón de la parte superior derecha de la página llamado "Crear/Restablecercopiadeseguridad".

2) Te aparecerá una pequeña pantalla donde puedes realizar la descarga de la plantilla que estás utilizando en este momento. Pulsa sobre el botón "Descargar plantilla completa" y almacénala igual que hicimos en el XML del blog con una nomenclatura correcta para archivarlo por día, mes, año y recuperarla en el estado concreto que la teníamos.

Almacena la información en un lugar seguro, es recomendable es un pendrive (también llamado "llave USB") externa por si el propio ordenador donde almacenas los archivos XML se rompe, que tengas la oportunidad de recuperarlo en cualquier otro ordenador y no lo pierdas incluso realizando lacopiadeseguridad.

IMPORTAR EL BLOG:

Si lo que necesitamos es recuperar los datos de lo exportado y asegurado, debemos proceder del siguiente modo:

1) Dirígete al menú izquierdo de tu escritorio Blogger y pulsa sobre la opción "configuración" y la sub-opción "Otros".La pantalla de "Otros" se ve dividida en varias secciones, para restaurar lacopiadeseguridadnos fijamos en la primera que aparece en pantalla, la llamada "Herramientas del Blog".

2) Pulsa "Importar el Blog" y al hacerlo aparecerá una pequeña página con el título "Importar Blog".

3) Haz "clic" sobre el botón examinar para buscar el XML que almacenamos al realizar lacopiadeseguridaden el soporte donde decidieras ponerla. A continuación rellena el "Captcha" o código de identificación que permite a Blogger saber que eres una persona realizando la carga de datos.

4) Fíjate bien en desactivar la caja de verificación con el texto "Publicar automáticamente todas las entradas importadas", si no quieres que al recuperarlas se publiquen de nuevo a todos tus usuarios.

IMPORTAR LA PLANTILLA:

1) Si requieres recuperar la plantilla, dirígete dentro del menú izquierdo de tu escritorio Blogger a la opción "Plantilla".En la pantalla que te sale, haz "clic" sobre el botón "Crear/Restablecercopiadeseguridad"

2) En la pequeña pantalla que te sale llamada ""Crear/Restablecercopiadeseguridad" Haz "clic" sobre el botón examinar para buscar el XML que almacenamos al realizar lacopiadeseguridaden el soporte donde decidieras ponerla. Finalmente pulsa "Subir" para restaurar la plantilla y el diseño que tenías.

3) Con esto quedará plenamente restaurado el apartado de diseño y plantilla de tu blog.

- En la recuperación, se te mezclarán los gadgets que tenías con los que trae lacopiadeseguridad. En ese caso, métete en la vista de diseño y elimina aquellos gadgets que no te interesen.

SI NO HAY FORMA DE RECUPERAR NADA Y NO HICISTE COPIA DE SEGURIDAD:

1) La única opción que puede quedar si no hiciste copia de seguridad es utilizar Google. Ve al buscador y escribe el título de la página que has perdido. Una vez se liste en los resultados, haz clic sobre la "flechita" de cada resultado y te saldrá un "mini-menú" donde debes pulsar sobre el texto "En caché".

2) Te saldrá una pantalla que va directa a la chaché almacenada por el buscador. Recupera el texto que necesitas y pégalo en la entrada que perdiste.

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 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

Business management software Html email Service business software How to Donate A Car in California MORTGAGE ADVISER Massage School Dallas Texas AUTO ACCIDENT ATTORNEY quotes car Mobile casino Dallas mesothelioma attorneys Dwi lawyer Criminal lawyer Automobile Accident Attorney Live casino Social media examiner Best social media platforms for business Donate your Car for Money earthlink business internet DONATING USED CARS TO CHARITY caraccidentlawyer Car Insurance Quotes Colorado accident attorneys orange county Car Accident Lawyers ANNUITY SETTLEMENT Business VOIP Solutions domains yahoo motorcycle lawyer los angeles annuity payment Business finance group Donate Old Cars to Charity Italian cooking school sell my structured settlement cheap auto insurance in va Donate Your Car for Kids Tech school CAR ACCIDENT LAWYERS Mortgage Social media tools Donate Car to Charity California Hire php programmers Health Records Personal Health Record Online casino car crash attorneys register free domains Injury Lawyers mesothelioma attorneys california Donate car to charity California LIFE INSURANCE CO LINCOLN Casino Claim Online colledges MESOTHELIOMA LAW FIRM Car insurance quotes pa Donate Cars Illinois DONATE A CAR IN MARYLAND Dallas Mesothelioma Attorneys How to donate a car in California New social media platforms Make money online Australia Casino reviews NEUSON mesothelioma law firm workplace accident attorney car accident lawyer san bernardino sell your structured settlement payments Custom WordPress theme designer Hire php developers Online Christmas cards DUI lawyer mesothelioma lawyer houston orlando criminal attorney accident attorney san bernardino Mortgage Adviser Business Voip Solutions Hire php developer Computer science classes online mesotheliama car insurance quotes colorado mesothelioma settlement amounts massage school dallas texas Nunavut Culture Criminal lawyer Miami motorcycle accident lawyer san francisco Low credit line credit cards Data Recovery Raid WordPress hosting CHEAP DOMAIN REGISTRATION HOSTING injury lawyers business email web hosting auto accident attorney structured settlement brokers Motor Replacements Criminal defense lawyer Php programmers for hire Auto Mobile Shipping Quote Royalty Free Images Stock Social media strategies Best Criminal Lawyers in Arizona anti spam appliance Online Criminal Justice Degree Bankruptcy lawyer Php programmers Seo companies dallas mesothelioma lawyer holland michigan college mesothelioma cases workers compensation lawyer los angeles auto insurance cost by state Hard drive data recovery services benchmark lending mesothelioma attorney illinois car insurance quotes mesothelioma litigation Social media platforms for business Car Donate Best social media platforms Seo services motor insurance quotes Best Seo company HOME PHONE INTERNET BUNDLE Seo company VIRTUAL DATA ROOMS Custom Christmas cards Photo Christmas cards WordPress themes for designers Online Colleges Psd to WordPress los angeles auto accident attorneys DONATE CAR FOR TAX CREDIT Cheap Domain Registration Hosting truck accident attorney los angeles car donate Social media management Psd to html CAR INSURANCE IN SOUTH DAKOTA Social media platforms supportpeachtreecom Christmas cards Proud Italian cook HARDDRIVE DATA RECOVERY SERVICES Donate cars Illinois Virtual Data Rooms how to donate a car in california Adobe illustrator classes WordPress theme designers yahoo web hosting BETTER CONFERENCING CALLS Learning adobe illustrator mesothelioma lawyer texas mesothelioma personal injury lawyers Social media campaigns Mesothelioma Law Firm Donate Car for Tax Credit Forensics Online Course Donate Cars in MA PSYCHIC FOR FREE Donate Your Car Sacramento ASBESTOS LAWYERS Dayton freight lines Sell Annuity Payment Neuson Psychic for free online criminal justice degree CAR INSURANCE QUOTES MN primary pulmonary hypertension refinance with bad credit Asbestos Lawyers buying an annuity calculator Structures Annuity Settlement DALLAS MESOTHELIOMA ATTORNEYS Massage school Dallas Texas Annuity Settlements Dayton Freight Lines Hard drive Data Recovery Services mesothelioma CRIMINAL DEFENSE ATTORNEYS FLORIDA Donate a Car in Maryland Motor replacements Email Bulk Service Donating a Car in Maryland Criminal Defense Attorneys Florida EMAIL BULK SERVICE Car Insurance Quotes Utah Life Insurance Co Lincoln federal criminal defense attorney Holland Michigan College World Trade Center Footage car accident lawyers los angeles Low Credit Line Credit Cards Online Motor Insurance Quotes Paperport Promotional Code mesothelioma help Online Classes Donating Used Cars to Charity Car Insurance in South Dakota DONATE CARS ILLINOIS WORLD TRADE CENTER FOOTAGE Psychic for Free Car insurance quotes Colorado houston motorcycle accident lawyer car accident lawyers west palm beach Cheap Car Insurance in Virginia Motor Insurance Quotes injury lawyers west palm beach Car Insurance Quotes MN structured settlement company Cheap Auto Insurance in VA Met Auto philadelphia mesothelioma lawyer Home Phone Internet Bundle

CosasParaMiBlogs

martes, 30 de abril de 2013

Personaliza tu Plantilla Blogger - Utiliza tu propia hoja de estilos o modifica las existentes para adaptarlos a tu gusto – Justicia – Domains

El Resumen para los más Expertos:

Cómo personalizar la plantilla blogger a través de las hojas de estilo - Usuarios con conocimientos Avanzados

El Detalle paso a paso:

Repaso de conceptos previos:

La Plantilla de Blogger:

Las hojas de estilos (.css)