Hvordan lage en tre Widget bunntekst i Blogger

Kjent for sin brukervennlighet og fri tilgang, gjør Bloggers blogging plattform sine brukere å tilpasse blogger ved å endre overskriften, tema, sidepaneler og bunntekst innhold. Dette inkluderer tillegg av ulike widgets og gir brukeren et valg om hvor du skal plassere dem. Som standard er det mange av Blogger temaer inkluderer ikke en bunntekstområdet for widgets, men man kan bli lagt en bit av koden med. For å legge til en elegant bunntekstområdet til en Blogger-blogg, vil enkeltpersoner må redigere HTML-koding av selve malen.

Bruksanvisning

1 Logg deg på Blogger ved hjelp av Gmail-adresse og passord. Klikk på "Design" linken under for å redigere. Dette vil sende deg til "Page Elements" side av bloggen din.

2 Klikk på "Rediger HTML" -fanen øverst på skjermen. Sikkerhetskopier din nåværende mal ved å klikke på "Last ned hele malen" og klikke på "OK" -knappen som dukker opp for å lagre den på datamaskinen.

3 Utvid widget koding ved å klikke på boksen over hovedinnholdet området som sier "utvide widget maler". Klikk med musen hvor som helst i innholdsområdet, og hold nede "F" og "Ctrl" tastene på tastaturet for å åpne søkefeltet.

4 Type "</ b: hud>" slik at Blogger fremhever det for deg i innholdsområdet og lim inn følgende CSS-koden ovenfor den koden.

bunntekst-kolonne-container {

klar: begge;

}

.footer-kolonne {

padding: 10px;

}

5 Åpne søkefeltet på nytt ved å holde ned "F" og "Ctrl" nøkler og leter etter hvor det står følgende:

<Div id = "footer-wrapper '>

<B: del class = "footer" id = "footer" />

</ Div>

6 Erstatt "<b: del class =" footer "id =" footer "/>" med koden under.

<Div id = "footer-kolonne-container">

<Div id = 'footer2' style = 'width: 30%; float: left; margin: 0; text-align: left; ">

<B: del class = "footer-kolonnen 'id =' kol1 'foretrukne =' ja 'style =' float: left;" />

</ Div>

<Div id = 'footer3' style = 'width: 40%; float: left; margin: 0; text-align: left; ">

<B: del class = "footer-kolonnen 'id =' kol2 'foretrukne =' ja 'style =' float: left;" />

</ Div>

<Div id = 'footer4' style = 'width: 30%; float: right; margin: 0; text-align: left; ">

<B: del class = "footer-kolonnen 'id =' kol3 'foretrukne =' ja 'style =' float: right; '/>

</ Div>

<Div style = "clear: begge; '/>

<Div id = "footer-bottom 'style =' text-align: center; padding: 10px; text-transform: små bokstaver; '>

<B: del class = "footer" id = "col-bottom 'foretrukne =" ja ">

<B: widget id = 'text2' låst = 'false' title = "type = 'Tekst' />

</ B: del>

</ Div>

<Div style = "clear: begge; '/>

</ Div>

7 Lagre endringene til Blogger og sjekke nettstedet. Hvis koden var installasjonsprogrammet på riktig måte, vil du se en tom bunntekstområdet nederst i bloggen din.

8 Gå tilbake til Blogger-oversikten ved å gå til "blogger.com" og klikk deretter på "Design" linken under bloggen du bare jobbet på å nå "Page Elements" område. Legg merke til hvordan det er nå tre tillegg widget områder langs bunnen av siden.

9 Legg widgets til den nye bunntekst ved å klikke på "Legg til gadget" i hvert område. Klikk på "Lagre" for å lagre endringene og forhåndsvise nettstedet.

Hint

• Hvis du ikke er fornøyd med endringene, kan du alltids laste opp din gamle malen ved å gå til "Design" og deretter "Rediger HTML". Klikk på "Browse" knappen under "Last ned hele malen" linken og finn din lagret malen på datamaskinen. Klikk "OK" for å laste opp denne malen på Blogger.