Hvordan legge til et menylinjen øverst til din gamle stil blogg i Blogger

Legg en toppmeny navigasjonsfeltet til en Blogger-blogg, selv om bloggen grensesnitt øyeblikket viser i en eldre Blogger stil. Blogger oppdatert grensesnitt som brukerne endre sine blogger i 2010, som tillater deg større tilgang til HTML-koden for bloggens design. Blogger oppdaterer automatisk dette grensesnittet når kontoinnehavere som ikke har undertegnet i siden utrullingen logge på Blogger, og da kan du lime inn i HTML-koden for den øverste navigasjonsmenyen.

Bruksanvisning

1 Logg inn Blogger med Google-kontoen legitimasjon. Klikk på "Design" knappen under navnet på bloggen du ønsker å redigere.

2 Klikk på "Legg til Gadget" -knappen, velg deretter "Tekst / HTML." Lim inn følgende kode i det tomme feltet:

<Ul>
<Li> <a href="page1.html"> Navigation Alternativ 1 </a> </ li>
<Li> <a href="page2.html"> Navigation Alternativ 2 </a> </ li>
<Li> <a href="page3.html"> Navigation Alternativ 3 </a> </ li>
<Li> <a href="page4.html"> Navigation Alternativ 4 </a> </ li>
</ Ul>

Erstatt eksempel lenker og titler med selve nettadresser og titler på sidene. Legg til ekstra <li> </ li> elementene for å legge til flere koblinger til navigasjonsmenyen. Klikk på "Lagre" -knappen.

3 Velg "Rediger HTML". Bla ned til </ b: hud> element og klikk med musen på linje før denne koden. Lim inn følgende kode i:

.basictab {
padding: 3px 0;
margin-left: 0;
font: fet 12px Verdana;
border-bottom: 1px solid grå;
list-style-type: none;
text-align: left;
}

.basictab li {
display: inline;
margin: 0;
}

.basictab li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid grå;
border-bottom: none;
background-color: # f6ffd5;
color: # 2d2b2b;
}

.basictab li a: besøkte {
color: # 2d2b2b;
}

.basictab li a: hover {
background-color: # DBFF6C;
color: black;
}

.basictab li a: active {
color: black;
}

.basictab li.selected et {/ valgte kategorien effekt /
position: relative;
top: 1px;
padding-top: 4px;
background-color: # DBFF6C;
color: black;
}

Rediger koder for farger, navn og størrelser av skrifttyper og eventuelle andre elementer i menyen stil du ønsker å endre. Klikk på "Preview" -knappen for å forhåndsvise hvordan menyen ser ut på bloggen din og gjøre nødvendige endringer. Klikk "Lagre endringer" når du er klar til å gjøre endringene endelig.