Hvordan bruke en egendefinert skrift Header i Blogger

Hvordan bruke en egendefinert skrift Header i Blogger


Som Google Blogger, har du tilgang til kraftige verktøy som hjelper deg med å tilpasse bloggens utseende. Google Blogger grensesnitt hjelper bloggere endre grunnleggende blogg seksjoner, for eksempel topp- og bunntekst. Du kan imidlertid ikke bruke grensesnittet til å gjelde mer detaljerte endringer. Hvis du ønsker å tilpasse bloggens header skrift, kan du bruke kraften til Cascading Style Sheets å opprette egendefinerte header skrifter som vises slik du vil.

Bruksanvisning

1 Besøk Google Blogger og logge på kontosiden. Dine nåværende blogger vises på sidens "Mange blogger" -delen.

2 Velg "View Blog» -knappen under navnet på bloggen du ønsker å oppdatere. Blogger viser bloggen.

3 Klikk på "Design" knappen øverst på siden for å vise siden i utformingsmodus. Sidens "Header" delen vises øverst på design siden. Velg "Last ned hele malen, og klikk deretter på" Lagre "eller" Lagre fil. "Teksten displayet kan variere avhengig av hvilken nettleser du bruker. Trykk" OK. "Nettstedet ryggen opp en kopi av den eksisterende HTML-kode for sikkerhets skyld.

4 Velg "Rediger HTML" -knappen for å vise HTML editor. Denne editoren viser HTML-kode som oppretter bloggen din.

5 Klikk et sted i HTML-koden og trykk på "Alt" og "F" tastene. "Finn" tekstfeltet i nettleseren åpnes. Type "font: $ (header.font)" (uten anførselstegn) i at tekstboksen og trykk "Enter". Nettleseren din lokaliserer at tekststrengen i HTML Denne strengen setter skriften for bloggens header.

6 Slett denne strengen, "font: $ (header.font)", og erstatte den med følgende streng:

: Color: red;

7 Velg "Preview". Blogger viser en forhåndsvisning av bloggen din i en ny fane eller et nytt vindu. Teksten i bloggens header vises røde fordi du setter den til "rødt". Lukk forhåndsvisning eller kategorien, og gå tilbake til HTML editor. Bytt ut teksten du la til, "color: red", med følgende:

color: blue; font-size: 72px; font-family: Arial, Georgia, Serif;

Dette gjør skriften blå. Font-size-attributtet, satt til "72px", angir skriftpikselstørrelsen til 72 piksler. Den font-family attributt, definerer skriftene du ønsker å bruke for spissen. Den første skrifttype, "Arial", er den foretrukne font. Hvis en brukers nettleser ikke støtter denne skriften, forsøker den å bruke andre skrift i listen. Som er "Georgia," i dette eksempelet. Nettleseren fortsetter gjennom listen til den finner en font som den kan vise. I dette eksempelet, vil nettleseren din forsøke å bruke "Arial" som header skrift fordi "Arial" er den første skrift i listen.

8 Velg "Lagre mal, og klikk deretter på" View Blog "for å se bloggen din. Dens header skrift viser fargen du har valgt. Skrift størrelse er 72 piksler, og skriften som vises er" Arial "hvis nettleseren din støtter denne skriften. Din skrift endringene er nå leve for verden å se.

Hint

  • Hvis du ønsker å gjenopprette bloggen din til sitt opprinnelige utseende, tilbake til bloggen, og klikk på "Last opp" knappen øverst på siden. En fil utvalg åpnes. Finn sikkerhetskopifilen du lagret, og dobbeltklikk på den for å gjenopprette bloggen din.
  • Prøv ulike verdier for font-størrelse, farge og font-family. Hver endring du gjør påvirker header utseende. Det er andre styling attributter du kan bruke til å søke ytterligere tilpasning til HTML-fonter. Lær om de ved å besøke HTML tutorial sider på nettet.