Hvordan Endre Widget Marginene i Blogger
Endre HTML / CSS "margin" eiendom innenfor Blogger mal for å øke eller redusere marginene. Blogger widgets ligger i bloggens sidefelt, så det er her du endre koden. Den "margin" eiendom bruker de fire retnings verdier av toppen, til høyre, nederst og venstre. Marginene er målt i piksler, forkortet til "px". Bruk Notepad eller en annen tekst editor for å endre koden, og deretter kopiere den inn i Blogger. Sikkerhetskopier Blogger mal før du endrer noen HTML-kode.
Bruksanvisning
1 Logg deg på Blogger-kontoen din for å gå til Dashboard.
2 Klikk på den blå "Design" -lenken på dashbordet. Klikk på "Rediger HTML" under "Design" -kategorien for å gå til "Rediger mal" -siden.
3 Bla ned til ".sidebar. Widget" -delen. Kodingen ligner på dette:
.sidebar .widget, .main .widget {
border-bottom: 1px dotted $ bordercolor;
margin: 0 0 0 5px;
padding: 0 0 0 5 px;
}
4 Endre "0 0 0 5px" ved siden av "margin" til verdien du ønsker. For eksempel endre den første "0" til "10px" for å øke toppmargen; den andre "0" til "10px" for å øke høyre marg; det tredje "0" til "10px" for å øke bunnmargen; og "5px" til "0" for å redusere venstre marg.
5 Klikk på den oransje "Lagre mal" -knappen. Koden ser nå slik ut:
.sidebar .widget, .main .widget {
border-bottom: 1px dotted $ bordercolor;
margin: 10px 10px 10px 0;
padding: 0 0 0 5 px;
}
6 Klikk på den blå "View Blog" linken for å se bloggen med de økte widget marginer.
Hint
- Klikk "Ctrl" og "F" på samme tid til å trekke opp "Finn" boksen. Skriv inn ".sidebar .widget" kode for å finne det raskt i store HTML-mal.