Guide: Hur man lägger i en snygg bild under varje inlägg i sin blogg

Efter den här guiden så kommer du att ha en fin liten bild under varje inlägg, och detta kommer ske med automatik, så det är inget man behöver göra mer än en gång.

Detta tog mig ett bra tag att komma på så ja hoppas detta kan vara till hjälp:

1. Börja med att skapa en bild som du vill ha. Måtten på bilden beror ju såklart på hur den skall se ut på sidan.. Min är 600px i width och 52px i height.

2. Ladda upp bilden på blogg.se och gå in till den och kopiera dens fullständiga länkadress.

3. Gå in till Design/Redigera stilmall för att kunna redigera CSS:en

4. Leta efter nått som ser ut ungefär så här:

.post-footer {
text-align: right;
background-image:url('https://cdn3.cdnme.se/cdn/6-2/1858686/images/2010/test_84581178.png');
background-repeat:no-repeat;
border: 1px solid #211E20;
padding: 15px 10px;
margin: 20px 15px 10px 15px;
}

5.
a. text-align: right; // betyder att texten skall vara till höger
b. background-image:url('adressen'); // här skall du klistra in adressen till bilden
c. background-repeat:no-repeat; // no-repeat betyder att inte bakrundsbilden skall uppresas, återkomma.
d. border: 1px solid #211E20; // här skriver man om man vill ha en liten list runt själva bilden
e. padding: 15px 10px; // storleken, prova dig fram
f.  margin: 20px 15px 10px 15px; // storleken, prova dig fram

6. Spara uppdatera, klart!

Kommentarer

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback
RSS 2.0