Barra superior simple en Blogger – Auto

En esta oportunidad y a petición de un usuario anónimo enseñaré a situar un menú en la parte superior del blog. Advierto que el menú es bastante simple, pero se puede personalizar a criterio del que lo requiera.


El menú es el siguiente:

• Enlace 1
• Enlace 2
• Enlace 3
• Enlace 4
• Enlace 5

Este menú se situará en la zona superior del blog.

Advierto que es muy similar almenú anterior que había puesto en el blog anteriormente, pero este está mejor estructurado para que no tengan problemas.

¿Cómo Añadirlo a Blogger?

Paso 1: Añadiendo la sección:

En ''Diseño | Edición HTML'' buscaremos la siguiente sección:

body

Debajo de esta pegaremos el siguiente código:

div id='barratop'
div id='menu_navegador'
ul
lia href='url 1' title='titulo al pasar el mouse'Enlace 1/a/li
lia href='url 2' title='titulo al pasar el mouse'Enlace 2/a/li
lia href='url 3' title='titulo al pasar el mouse'Enlace 3/a/li
lia href='url 4' title='titulo al pasar el mouse'Enlace 4/a/li
lia href='url 5' title='titulo al pasar el mouse'Enlace 5/a/li
lia href='url 6' title='titulo al pasar el mouse'Enlace 6/a/li
lia href='url 7' title='titulo al pasar el mouse'Enlace 7/a/li
/ul
/div
/div

Paso 2: Los estilos:

Busca la siguiente sección:

/b:skin

Arriba de esta pega el siguiente código:

#barratop {
background: #000; /* color del menú*/
width:100%; /* Menú al ancho de la página*/
height:42px; /*Alto del menú*/
margin:0;
}

#menu_navegador{
margin:0 auto;
width:920px;
height:30px;
}
#menu_navegador ul{
float:left;
background:none;
margin:0px;
padding:0;
list-style-type:none;
height:25px;
}

#menu_navegador ul li{
display:block;
float:left;
height:30px;}

#menu_navegador ul li a {
display:block;
float:left;
color:#fff;/* Color del enlace */
font-family:'Trebuchet MS', Trebuchet, Arial, Verdana;
font-size: 12px;
text-decoration:none;
padding:12px 20px 0 20px;
}

#menu_navegador ul li a:hover{
background:#c0c0c0; /* Color del fondo al pasar el mouse en un enlace*/
color:#fff; /* Color del enlace al pasar el mouse*/
height:30px;
}

Guarda los cambios y listo.

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

DONATING A CAR IN MARYLAND CAR ACCIDENT LAWYERS Forensics online course Casino reviews Online casino Html email royalty free images stock Hire php programmers Christmas cards Psd to html Dayton Freight Lines Business finance group Life Insurance Co Lincoln truck accident attorney texas Donate Car to Charity California Online classes Casino mesothelioma lawsuits yahoo web hosting Auto Mobile Insurance Quote Dwi lawyer refinance with bad credit Mobile casino Hire php developer CAR INSURANCE QUOTES COLORADO la personal injury lawyer Seo companies benchmark lending Register Free Domains futuristic architecture Service business software semi truck accident lawyers Make money online Australia Donate Cars in MA Car Insurance Quotes Utah WordPress theme designers injury attorney baton rouge Live casino Social media management california mesothelioma attorney wisconsin mesothelioma attorney att call conference Online Colleges home phone internet bundle WebEx costs Photo Christmas cards WEBEX COSTS mesothelioma personal injury lawyers HARDDRIVE DATA RECOVERY SERVICES DUI lawyer Dedicated Hosting Dedicated Server Hosting online colledges Hire php developers AUTOMOBILE ACCIDENT ATTORNEY cash out structured settlement Personal Injury Lawyers Donating a Car in Maryland Virtual Data Rooms business administration masters Best social media platforms for business MESOTHELIOMA LAW FIRM Seo company Psd to WordPress Donate your car for kids domain name yahoo criminal defense federal lawyer Social media campaigns Donate Car To Charity CALIFORNIA personal injury accident lawyer structured settlement brokers world trade center footage Criminal lawyer Computer science classes online CAR INSURANCE IN SOUTH DAKOTA Best Seo company Criminal defense lawyer New social media platforms ashely madis Online Christmas cards Mesothelioma Law Firm Php programmers for hire car insurance quotes pa World Trade Center Footage Donate Your Car for Kids personal injury lawyer Hard drive Data Recovery Services Better conferencing calls Bankruptcy lawyer Php programmers Car Insurance Quotes Colorado CHEAP CAR INSURANCE IN VIRGINIA pharmacist jobs in chicago Auto Mobile Shipping Quote Adobe illustrator classes forensics online course Seo services Low Credit Line Credit Cards emergency response plan ppt Custom WordPress theme designer CHEAP AUTO INSURANCE IN VA Social media tools mesothelioma lawyers san diego city college in miami best mesothelioma lawyers small business administration sba broward county dui lawyer Social media platforms for business mesothelioma settlements amounts Best Criminal Lawyers in Arizona Nunavut culture Royalty Free Images Stock mesothelioma charities Business management software adverse credit remortgage DONATE YOUR CAR FOR KIDS