Hur man skapar en "Startsida"-ikon.

Som ni säkert har sett använder jag mig inte bara av en vanlig Tillbaka till startsidan-text för att komma till min startsida när man har klickat runder i bloggen. Jag använder mig istället av en ikon/bild som man kan klicka på för att komma dit. Här tänkte jag visa hur man får en sådan ikon i bloggen, tutorial för blogg.se.
 
1. Börja med att skapa en ikon i t.ex. gimp genom att använda er av pensel- och textverktyget. Se till att bilden passar i eran bloggmeny. Spara ikonen i .png-format. Vet ni inte hur man laddar ner annorlunda penslar och typsnitt så checka min gimpskola HÄR.
 
2. Ladda upp bilden i bloggen, kopiera koden som finns intill den.
 
3. Gå in i kodmallarna och sedan in på inläggs-kodmallen. Gå ner till <div id="side"> och lägg in följande kod:

4. Byt ut LÄNK mot eran blogglänk och byt ut BILD ETT och BILD TVÅ mot antingen av och samma bild eller två olika. Väljer ni att sätta två olika bilder blir det bild nr. 2 vid mouseover. Vill ni bara ha en bild hela tiden så lägg in samma bildlänk på båda platserna. Det ska i se ut som det gör i min kodmall nedan.
5. Gör nu samma sak i de andra kodmallarna, dock inte Startsida-kodmallen då det inte är där vi vill ha den eftersom på den sidan är man ju redan på sidan vi vill länka till.

Karin Lygnersjö

Har just nu en veckans blogg tävling, hade vart kul om du var med! :) KRam

2013-04-27 / 17:59:59
URL: http://karinlygnersjo.blogg.se
Michelle

Sv: Följer dig som nummer 46!
KRam<3

2013-04-27 / 18:01:51
URL: http://michaanss.blogg.se
sannas rum

Jättebra tips :)

2013-04-27 / 18:14:51
URL: http://sannasrum.blogg.se/
Sofie

Skulle du kunna göra ett tips om hur man får in en bild runt kommentarsrutorna så som du har?
Jag har letat överallt men kan verkligen inte hitta något.. Kollade i ditt arkiv också, har jag missat det så får du säga till!
Skulle vara jättesnällt verkligen, kram! :)

2013-04-28 / 20:47:09
URL: http://dropthisdead.blogg.se
Nea

Ska man ta bort koden för startsida knappen som redan finns? För det finns ju en redan som bara är den där vanliga tråkiga texten! Tacksam för svar!

2013-05-27 / 17:51:16
URL: http://neainthahouse.blogg.se
Babytalk Sweden

ÅÅÅh super super tack för de :D

Pst om man vet hur bred "side" är så kan man lägga till detta:
width="170" border="0" alt="{{ profile.name }}" />

Då spelar det ingen roll hur stor texten man gjort är :)Den anpassar sig efter måtten då,jag gjorde min stor och laddade upp den i 600 men koden gör att den passar in liksom :)

2013-12-30 / 05:12:12
URL: http://babytalk.blogg.se/
Miss Baby Peaches

Hittade det här inlägget ett bra tag efter att det skrevs, haha, men det var till stor hjälp!

Här kan du se mitt resultat:
http://babypeaches.blogg.se/category/foto.html

2015-05-20 / 19:22:04
URL: http://babypeaches.blogg.se/

Kommentera inlägget här:

Namn:
Kom ihåg mig?

Mail

Hemsida:

Kommentar:

Trackback