Hvordan lage en linje Divider høyrejustert på Blogger

Hvordan lage en linje Divider høyrejustert på Blogger


Legge til en linje divider til Blogger blogginnlegg kan forbedre oppsettet på siden og gjøre innholdet lettere å lese. Noen Blogger bloggen maler kommer med linjedelere som en standardfunksjon. For andre maler, kan brukerne endre malen design for å legge til en tilpasset linje skillet mellom hvert blogginnlegg. Som standard, de fleste linje skillevegger vises i midten av Blogger siden, men du kan gjøre skillet høyrejustert ved å tilpasse bloggens HyperTextMarkup Språk utforming kode.

Bruksanvisning

1 Logg deg på Blogger.

2 Finn blogg som du vil endre i listen over blogger på "Dashboard" side. Klikk "Design" under bloggtittelen.

3 Klikk på "Rediger HTML" i utformingen navigasjonsmenyen under hovedmenyen.

4 Bla til "Rediger mal" -delen. Velg og merk av i boksen ved siden av "Utvid Widget Maler." Dette viser full HTML-kode for bloggen din i Rediger mal inntastingsfeltet.

5 Finn delen av HTML-kode som begynner med "data: post.body" og i denne delen, må du finne koden for eksisterende linje skillelinjen. På noen blogger, vil koden se slik ut:

bakgrunn: URL (http://www.yourimagehost.com/divider.jpg);

background-repeat: no-repeat;

background-posisjon: nederst i midten;

På andre blogger koden vil se slik ut:

<Img src = 'http://www.yourimagehost.com/divider.jpg' align = "sentrum">

6 Marker og endre "center" attributt i koden til "riktig". Klikk på "Lagre mal" for å lagre og laste opp endringene.

Hint

  • Den nøyaktige utformingen koden for linjen skillelinjen på bloggen din kan variere noe, avhengig av hvilken mal som du har brukt eller tilpasset. Men vil du finne den aktuelle koden i «post» -delen av HTML-mal editor. I alle tilfeller, endre justeringen tag fra "sentrum" til "rett" til å endre plasseringen av skillelinjen.