Hvordan legge til bildekoblinger horisontalt under navigeringslinjen i Blogger

Selv om Blogger ikke inkluderer et redigerbart område mellom navigasjonslinjen og tittelen header som standard, kan du redigere malen HTML-kode for å sette inn en ny "Legg til gadget" bar. Last opp dine bilder til en vert som Picasa Web, som er en gratis tjeneste som følger med Google-kontoen din. Få URL-adresse for hvert bilde, så bare bruke den nye "Legg til gadget" bar for å legge horisontale bilde linkene nedenfor Blogger navigasjonslinjen.

Bruksanvisning

1 Logg inn på din Blogger-konto, går til «Mal" og deretter "Rediger HTML".

2 Klikk på "Utvid Widget Maler" boksen for å legge en hake.

3 Finn "<b: del class = 'header' id = 'Header' maxwidgets = '1' showaddelement =" nei ">" under "Header" -delen.

4 Erstatt "showaddelement = nei" med "showaddelement =" ja "."

5 Erstatt "-delen class = 'header' id = 'Header'" med "-delen class = 'tab' id = 'Crosscol-menyen'." Bruke "tab" class skaper horisontal visning.

6 Lagre endringene, og naviger til "Oppsett" -vinduet. En ny "Legg til gadget" boksen vises mellom navigasjonslinjen og tittelen spissen.

7 Klikk på den nye "Legg til Gadget" boksen, og velg "HTML / Javascript" i dialogboksen.

8 Type "<ul>" på første linje i innholdsvinduet, og trykk "Enter" for å gå til neste linje.

9 Type "<li> <a href="www.Your URL"> <img src =" www.Your Image "> </a> </ li>" erstatte "Your URL" med mål URL, og "Your Image "med nettadressen til bildet, og trykk" Enter ". Gjenta for hvert bilde link.

10 Type "</ ul>" på den siste linjen, og klikk på "Lagre". Se bloggen.

Hint

  • Alltid sikkerhetskopiere opprinnelige malen før du redigerer HTML.
  • Bruk "Preview" alternativ før lagring slik at du lett klare endringer i tilfelle av en feil.