Hvordan lage et innlegg tittelbilde for Blogger

Mens Blogger ikke gir en metode for å redigere HTML-kode for enkelt innlegget titler, kan du endre malen design for å inkludere det samme bildet for hvert innlegg tittel. Mange bloggere velger interessante logoer eller ikonstore bildene for å markere begynnelsen av hver ny post. Den nyopprettede eller ervervet Bildet blir deretter lagret på et bilde hosting nettsted som gir en nettadresse. Selv om du kan bruke en av de mange hosting nettsteder tilgjengelig, Google inkluderer "Picasa Web" sammen med Blogger-kontoen din for praktisk image hosting.

Bruksanvisning

1 Logg deg på Google-kontoen din, og gå til "Picasa Web" site (https://picasaweb.google.com/) og følg instruksjonene på skjermen for å laste opp bildet.

2 Klikk på den nyopprettede album, klikk deretter på det opplastede bildet for å åpne det.

3 Klikk på "Link til dette bildet" i ruten til høyre, og velg deretter "Image eneste (ingen link)" boksen.

4 Klikk i tekstboksen under "Legge image" for å markere adressen og trykk "Ctrl" og "C" for å kopiere teksten. Åpne Notisblokk og trykk "Ctrl" og "V" for å lime inn teksten, og minimere vinduet for senere bruk.

5 Åpne Blogger-oversikten, klikk deretter på "Design" linken under bloggnavnet.

6 Velg "Rediger HTML" fra menyen oppe til høyre, klikk på "Utvid Widget Maler" boksen.

7 Plasser markøren i tekstboksen, og trykk "Ctrl" og "F" for å åpne et tekstsøk dialog da. Type "data: post.URL" i søkefeltet for å finne det uttrykket, og deretter finne "<a expr:href='data:post.URL'> <data: post.title /> </a>"

8 Type "<img style =" border-width: 0px; "/>" mellom "data: post.URL '>" og "<data: post.title /> </a>." Hele setningen vil da være:

<B: annet />

&lt;b:if cond='data:post.URL'>

& Lt; b: hvis dirigent = '! Data: blog.URL = data: post.URL'>

& Lt; a expr: href = 'data: post.URL'> & lt; img src = 'Din bildelink her' style = 'border-width: 0px;' /> & lt; data: post.title /> & lt; / a>

9 Maksimere Notisblokk-vinduet, markerer URL tekst kopierte fra Picasa Web og trykk "Ctrl" og "C" for å kopiere teksten, og deretter markere "Ditt bilde link her" i Blogger vinduet og trykk "Ctrl" og "V" for å erstatte teksten med riktig URL.

10 Klikk "Preview" for å sjekke bloggen din og klikk på "Lagre mal" hvis innlegget tittelen bildet vises riktig.

Hint

  • Når du er logget på Google-kontoen, blir du automatisk logget inn på din Picasa Web konto.
  • Sørg for å følge eventuelle vilkår for bruk av bilder lastet ned fra Internett.