Hvordan lage et bilde Overskrift på Live Journal

Hvordan lage et bilde Overskrift på Live Journal


Mens tekstoverskriftene i blogger er tradisjonell, kan et bilde overskrift lage en blogg mer estetisk tiltalende samt gi en mer kreativ innsikt i hva slags materiale bloggen dekker. Sette inn et bilde på vei inn i en Livejournal blogg krever noen grunnleggende HTML-koding, men det er vel verdt den korte innsatsen. Enten en firmalogo eller et originalt maleri, står et interessant bilde overskriften ut blant tekst-tunge kolleger, som kan drive mye nødvendig trafikk til en blogg.

Bruksanvisning

1 Sørg for det valgte bildet er i et gyldig format (for eksempel JPG) og at bildet er lastet opp i et bilde-hosting nettsted som tillater ekstern lasting, for eksempel bilde Cave. Logg inn til Live Journal. I "Journal skjermen", klikk på "Custom Alternativer" -kategorien. Velg "Custom CSS" alternativet.

2 Sett inn følgende kode:

.headerimage {
height: 150px;
background-image: url ( "http://example.com/headerimage.png") viktig;
background-repeat: no-repeat viktig;!
background-attachment: bla viktig;
background-posisjon: center viktig;

margin-bottom: 15px;

}

3 Endre høyden nummeret (150 i dette eksempelet), slik at antallet tilsvarer bildeelement høyden av det valgte bildet. Skift URL (http://example.com/headerimage.png) med nettadressen til nettstedet som det valgte bildet blir arrangert.

Hint

  • Teksten i bunnen av koden (margin-bottom: 15px;) er valgfritt. Det hindrer at bildet blir plassert direkte opp mot journal innhold uten mellomrom mellom. Hvis du ønsker å beholde plassen mellom innholdet og header image, kan antallet 15 justeres etter ønske.