Header Ads

Länka rätt!

Att skriva rätt länkkod kan kännas som en hel vetenskap i början.
Du kan i princip alltid skriva in en egen html-kod och göra en egen länk, även om det här lilla tecknet inte finns där du skriver

Det kan t.ex. vara i en html-gadget eller i en kommentarsruta på någons blogg.


Vi kan dela in länkarna i tre varianter -
  • Länka med ord
  • Länka med bild
  • Länka till en emailadress

I variant 1 vill du ha en textlänk, understrukna ord som visar att här finns en länk att klicka på.
Då ser koden ut så här:


<a href="http://DinLänk">DinText</a>

Du skriver in den webadress du vill länka till och den text du vill att dina läsare ska se.
Enkelt och praktiskt.

Om du dessutom vill lägga till att länken ska öppnas i en ny flik så att besökaren har din sida kvar öppen behöver du lägga till en liten kodsnutt. Då ser koden ut så här:


<a href="http://DinLänk"target="_blank">DinText</a>


I variant 2 vill vi ha en bild som länkar till en sida då vi klickar på den.
Ett exempel på en sådan bild är en banner som länkar till någons blogg eller websida.



Då ser den enklaste koden ut så här:

<a href="http://DinLänk"><img src="http://DinBildadress"/></a>

Här skriver du bara in länken till websidan och bildens direktlänk.

Om vi däremot vill ha en bildlänk som öppnas i en annan flik och dessutom har en alt-tagg där du kan skriva in ett sökord till bilden ser koden ut så här:

<a href="http://DinLänk" target="_blank"><img alt="BildensSökord" src="http://DinBildadress"/></a>

Anledningen till att vi lägger till ett sökord är för att Google och andra sökmotorer lättare ska kunna indexera bilden och din bild hamnar högre upp i sökresultat. Bra om du vill få besökare till din blogg med andra ord!

När du väljer sökord, tänk dig vad någon annan skulle googla/söka på. Det är troligare att de söker på hund eller golden retriver än din hunds namn "Pluto"

Om du bara vill använda dig av Öppna i nytt fönster kan du bara radera orden BildensSökord.

Och, till sist, länka till en mailadress.

Om du vill ha en textlänk till en mailadress ser koden ut så här:

<a href="mailto:DinEmailadress">DinText</a>


Om du vill länka en bild till en mailadress ser koden ut så här:

<a href="mailto:DinEmailadress"><img src="http://DinBildadress"/></a>

Ett tips är att kopiera de här koderna och spara dem i ett anteckningsdokument på din dator.
Det sista man vill när man vill länka lite snabbt är att börja leta efter vart man såg de där länkkoderna - vilken sida var de nu på???







14 comments:

  1. Läser med stort intresse alla dina inlägg...tack för att du delar med dig...

    ReplyDelete
  2. Hej!
    Jag säger som föregående, tack så mycket för allt man får lära sig här, Toppen!!

    ReplyDelete
  3. Hej. Jag har en liten fråga om bloggdesign men vet inte om du kan svara på det rikigt.
    Vet du om man kan lägga upp sina etiketter på nåt annat sätt? För jag har sätt att andra bloggare har den i header som en linkbar typ? Skulle gärna vilja ha mina i min header istället eller om man kan ändra sidebaren till olika höjd.

    ReplyDelete
  4. Johanna - du har ju en linkbar på din blogg. Namnge de länkarna och länka dem till de viktigaste etiketterna. Du kan lägga in så många länkar du vill i din linkbar så länge de får plats och ser bra ut.
    Du kan också länka vilken bild du vill, men det blir en länk per bild då.
    Om du gör en sökning på en viss etikett i din blogg och sen spar länken som blir då de inläggen visas kan du använda den länken till en bildlänk.
    Du kan göra ett gäng smala bilder med snygg text ( en till var etikett) och sen lägga in dem som bildgadgetar i din sidebar t.ex. Länka dem sen till den söklänk du spart. Det är ett tips!

    ReplyDelete
  5. Ja så skulle jag med kunna göra. För när jag försöker sätta in min etiketter så bli dom alla på rad, tänkte om man kunde placera dom lite mer "utdraget" i bloggen vid min linkbar. Men få se vad jag fixar fram.. tack för tipset iaf :)

    ReplyDelete
  6. Tack för länk-tipsen, Anneli! Har gjort iordning en "mail"-ikon och en "bloglovin"-ikon nu och kunde inte gjort det utan din hjälp! Tack!:)

    ReplyDelete
  7. Kanon detta ju :)
    Jag har mina Länkar utan understreck för...Tycker de ses så rörigt ut ;) *Kram* & TACK för en bra sida!!!!

    ReplyDelete
  8. Hm, såg att jag skrivit in en kod för länk utan streck - när jag ovanför i stycket pratar om länk med streck. Var nog lite förvirrad där :-)

    ReplyDelete
  9. Har just hittat min absoluta dröm blogg!
    Tack så otroligt mycket för dina tips! Kanon!
    Mvh Ida Swedstralia

    ReplyDelete
  10. Åh, vad glad jag blev när jag hittade hit! Toppenbra blogg, verkligen. Ska läsa vidare nu :)

    ReplyDelete
  11. Namn: Jörgen BergströmFebruary 24, 2010 at 10:43 AM

    Tack för tipsen!
    Enligt:
    Om vi däremot vill ha en bildlänk som öppnas i en annan flik och......osv...

    Öppnas i ett nytt fönster, kan man styra storleken på det fönstret?

    Mvh Jörgen

    ReplyDelete
  12. Oftast när jag skriver in koden för att länka så dubbleras den när jag ska spara och så får jag sätta mig och sudda för att det ska funka...?

    ReplyDelete
  13. Ytters Tacksam för alla dina inlägg...
    Har lärt mej massor!!
    Och har massor mer att lära, men blivit lite "fena" på HTML.. hi-hi-hi..

    Tack, snälla, för det!!!
    Pihlan

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------