
La visión inicial que un blog presente en su página principal, debe permitir al usuario ser capaz de moverse por los contenidos de la manera más intuitiva y cómoda posible. Conseguir esto es primordial, pues no sólo unos buenos contenidos o una bonita presentación bastan para que el usuario se interese por lo que queremos transmitirle. Veamos cómo realizar esta organización en un menú de un sólo nivel, explicándolo paso a paso, un pequeño "Brico-Blog".
NOTA: Si no tienes ninguna experiencia en informática o programación, haz clic en el enlace para la guía paso a paso:"el más fácil todavía" para poner un menú en Blogger.
La forma de conseguir que se sienta "atraído" es, por supuesto unos buenos contenidos claros y concisos que sean de su interés, así como una presentación inspirada en dichos contenidos que sea agradable a la vista y acompañe el conjunto pero nada de todo esto sirve, si después no tenemos organizada y estructurada la información de manera que se sienta totalmente cómodo para navegar por ella sin problemas.
Imagina por un momento que entras en un nuevo centro comercial que has visto al pasar por la calle, y que al entrar resulta que no sabes dónde están los artículos que buscas... te fijas en carteles que te indiquen por dónde dirigirte a la sección que te interesa para obtenerlos. Gracias a que está todo organizado y estructurado con la información necesaria para encontrar lo que buscas, llegas a localizar justamente aquello que buscabas en ese centro comercial. Con la organización de la información sucede lo mismo, si el usuario entra en el blog, lee nuestra entrada y luego quiere profundizar más en la información o desea buscar otras entradas nuestras, va a necesitar que le demos todas las facilidades para dirigirle a donde él quiera ir.
Para ello necesitamos estructurar correctamente la información de nuestro blog. Hay autores de esta clase de páginas web que prefieren gestionar la información en forma de listas de enlaces, otros prefieren aprovechar el histórico de entradas agrupados por mes, algunos deciden crear menús y otros agrupaciones jerárquicas con páginas.
En este caso, me propongo ayudarte a crear un menú de un sólo nivel. Es decir, un menú que te ayude a agrupar en conceptos los contenidos de tu blog. Es visualmente útil porque si quieres que el usuario decida qué clase de contenido ofreces, le presentas las palabras que le dan acceso al mismo de una forma clara. También es organizativamente eficiente pues te va a permitir agrupar tus entradas automáticamente cuando las elabores, sin necesidad de luego realizar ningún proceso manual, utilizando la potencia de las etiquetas (explicada anteriormenteaquí).
NOTA IMPORTANTE: Realiza una copia de seguridad de tu blog antes de realizar los cambios. No me responsabilizo de los errores derivados de un incorrecto uso de las instrucciones proporcionadas.
La adición de un menú en blogger, puede llegar a realizarse de diversas maneras, algunas pueden resultar ineficientes o hacernos realizar un trabajo inútil para el mantenimiento del mismo. Voy a planteraros un menú sencillísimo que os permite agrupar vuestros contenidos en conceptos:
1) Dirígete en Blogger a la pantalla principal y en el menú izquierdo de opciones pulsa en "Diseño"
2) Se mostrará el diseño que has decidido crear para tu Blogger. A continuación pulsa dentro del escritorio de diseño "Añadir un Gadget", tratándose de un menú te recomiendo que utilices la opción de Añadir Gadget que según el diseño de tu blogger mejor quede para dejar el menú en la parte superior, a la derecha o a la izquierda. Selecciona el Gadget de Google "HTM/Javascript".
3) Cuando se abra el cuadro de configuración del gadget "HTML/Javascript" verás una pantalla como la que te muestro en la pantalla inferior, con una caja de texto para poner "Título" y otra caja más grande donde insertar código Javascript.
4) Añade en la caja de texto que tendrá el código Javascript el código que te explico a continuación (copia y pega este texto o el del ejemplo, procura que no haya retornos de carro que dividan en partes incorrectas el código):
ul id="menu"
lia class="selected" href="http://Direccion_de_tu_blog"Inicio/a/li
lia href="Direccion_blog/search/label/concepto_agrupador"Opción_de_ Menu/a/li
/ul
- Dentro de la etiqueta "ul" hasta "ul" metemos las opciones de menú que vamos a tener.
- La opción "Selected" es la principal, en mi caso, es donde presento las entradas del blog según las voy creando.
- Cuando pulsen en "Selected" se carga automáticamente en el marco principal, todas las entradas que tenemos en el blog (como siempre, como podéis ver en mi propio blog al acceder). Por ello en "href" introducimos la URL de nuestro propio blog.
- Después creamos un "a href" 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.
ul id="menu"
lia class="selected" 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ú.
- El resultado del ejemplo es el que puedes ver en mi menú (pero en cada blog se creará con la hoja de estilos que cada uno haya decidido utilizar en su plantilla)
- Dependiendo de vuestra hoja de estilos, que va en función de la plantilla Blogger que utilizasteis, el menú tendrá la apariencia adecuada a vuestro blog. A parte de horizontalmente, dependiendo de dónde y cómo coloques el "Gadget HTML/Javascript", se puede crear verticalmente (y donde quieras arriba, abajo a izquierda o derecha).
5) Un paso tan importante como la adición del javascript. En cada entrada deberás añadir como etiqueta la palabra que pongas a continuación de "label". En el ejemplo sería "tecnologia, ocio, opinion, consumo" (porque incio es la principal y ahí no se utilizan etiquetas). En la imagen inferior te he recuadrado con unas líneas negras dónde deberás añadir la etiqueta que se convierta en tu concepto agrupador de páginas bajo la opción de menú.
La adición de etiquetas como te expliquéaquí es útil no sólo por el ejemplo que ahora te estoy dando para hacer con ellas un menú, sino también porque le permiten al buscador no tener que "leer" toda tu entrada para presentar el resultado después en pantalla, es decir, la etiqueta le dice al buscador directamente de lo que trata tu entrada sin leerla.
De esta manera, una vez hayas ido rellenando la zona de etiquetas que te mostré en el paso "5)" de cada entrada que tengas, conseguirás que quede la información bien estructurada en un menú que agrupa los conceptos en base a las etiquetas.
6) Si quieres que no salga el mensaje "Mostrando entradas con la etiquetaEtiqueta.Mostrar todas las entradas" cada vez que el usuario accede a una opción de menú, haz lo siguiente:
6.1 Busca en la plantilla pulsando CONTROL+ F en la vista de EDICIÓN HTML de la plantilla el código:
6.2 Elimina la citada línea de código. Con esto desaparecerá el mensaje de aviso del Blog si lo deseas.
NOTA:Si no tienes ninguna experiencia en informática o programación, haz clic en el enlace para la guía paso a paso:"el más fácil todavía" para poner un menú en Blogger.
Ya sabes, cualquier duda , como siempre pregunta. Espero que te sea útil.
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
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
truck accident attorney texas mesothelioma attorney directory structure settlements Asbestos Lung Cancer WordPress theme designers car insurance quotes pa Mobile casino Seo companies DONATE OLD CARS TO CHARITY Online casino Online Christmas cards Casino futuristic architecture Cheap Domain Registration Hosting Photo Christmas cards CAR INSURANCE QUOTES UTAH sell annuity payment best accident attorneys semi truck accident lawyers chicago hair laser removal DALLAS MESOTHELIOMA ATTORNEYS Cheap Car Insurance for Ladies Make money online Australia Gas/Electricity ONLINECLASSES NUNAVUT CULTURE MORTGAGE ADVISER best structured settlement companies mesothelioma attorney california what is structured settlement MASSAGE SCHOOL DALLAS TEXAS Donate a Car in Maryland asbestos lawyers Seo company LIFE INSURANCE CO LINCOLN Casino reviews mesothelioma attorney florida DUI lawyer Forex Trading Platform Best social media platforms for business michigan motorcycle accident lawyer personal injury lawyer mesothelioma claims WordPress themes for designers structured settlement agreement miami personal injury attorney virtual data rooms donate your car for money Hire php programmers Business finance group Car insurance quotes MN register free domains Live casino Hire php developers World Trade Center Footage Criminal defense attorneys Florida Neuson motorcycle lawyer los angeles CHEAP AUTO INSURANCE IN VA mesothelioma personal injury lawyers Bankruptcy lawyer MET AUTO Dallas Mesothelioma Attorneys structured settlement company Dwi lawyer Online motor insurance quotes donate car for tax credit Paperport Promotional Code Custom Christmas cards Criminal lawyer Service business software att call conference Criminal defense lawyer Futuristic architecture Php programmers for hire Learning adobe illustrator Donate your car for kids injury lawyers Donating a Car in Maryland Hire php developer adverse credit remortgage Sell Annuity Payment Computer science classes online Php programmers Donate Car To Charity CALIFORNIA pharmacist jobs in chicago automobile accident attorney illinois mesothelioma lawyer Mesothelioma Law Firm yahoo web hosting Car Insurance in South Dakota WordPress hosting offshore accident lawyer CAR INSURANCE QUOTES COLORADO massage school dallas texas Motor Insurance Quotes New social media platforms Donate car for tax credit structured settlements annuities refinance with poor credit Best social media platforms Online Motor Insurance Quotes onlineclasses structured settlemen Car Insurance Quotes Utah buyers of structured settlements Social media platforms for business Custom WordPress theme designer Online College Course Seo services Best Seo company email bulk service Royalty Free Images Stock Business management software ROYALTY FREE IMAGES STOCK criminal defense attorneys florida Social media platforms wisconsin mesothelioma attorney Cheap Auto Insurance in VA car accident lawyers west palm beach Email Bulk Service Car Insurance Companies Donate cars Illinois AUTO ACCIDENT ATTORNEY accident attorney in los angeles donating used cars to charity structured settlement brokers FORENSICS ONLINE COURSE ONLINE MOTOR INSURANCE QUOTES Massage school Dallas Texas los angeles auto accident attorneys mesothelioma survival rates emergency response plan ppt earthlink business internet Donating Used Cars to Charity Psd to WordPress Social media examiner domain name yahoo Html email cheap domain registration hosting Social media management Tech school Cheap domain registration hosting Cheap auto insurance in VA domain registration yahoo federal criminal defense attorney philadelphia mesothelioma lawyer baltimore mesothelioma attorneys personal injury law firm Christmas cards personal injury lawyer sarasota fl Proud Italian cook car accident lawyer michigan Donate Cars Illinois Psd to html Italian cooking school DONATING A CAR IN MARYLAND How to donate a car in California online motor insurance quotes sell structured settlement calculator Donate Old Cars to Charity Adobe illustrator classes Social media strategies car accident lawyer san bernardino Car Insurance Quotes PA AUTOMOBILE ACCIDENT ATTORNEY Social media tools DONATE CARS IN MA Donate old cars to charity boulder personal injury lawyers Social media campaigns selling annuity payments for cash Futuristic Architecture Donate Car to Charity California Donate Car for Tax Credit mesotheliama Donate Cars in MA Donate Your Car Sacramento How to Donate A Car in California attorney lawyer mesothelioma Donate Your Car for Kids CHEAP CAR INSURANCE IN VIRGINIA Asbestos Lawyers Structures Annuity Settlement HARDDRIVE DATA RECOVERY SERVICES Car Insurance Quotes Colorado data recovery raid Car Insurance Quotes MN Annuity Settlements Nunavut Culture Dayton Freight Lines Hard drive Data Recovery Services Motor Replacements Criminal Defense Attorneys Florida mesothelioma symptoms Donating used cars to charity Auto Mobile Insurance Quote structured settlement sell mesothelioma lawsuit life insurance co lincoln anti spam exchange server Best Criminal Lawyers in Arizona MOTOR REPLACEMENTS event management security Life Insurance Co Lincoln Holland Michigan College supportpeachtreecom Personal Injury Law Firm mesothelioma settlement amounts car insurance quotes