• Forside
  • TheHibi
  • Design
  • Bestille design
  • Spørsmål



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Få et bilde som en link


    Det kan være praktisk å lage til et bilde som linker til en annen side både i innlegg og i sidemenyen, som f.eks. hvis du ønsker å linke til bloglovin' med et unikt bilde, eller til en annen blogg med bilde av bloggens header etc.

    Først må du da ha et bilde, f.eks. dette
    http://img145.imageshack.us/img145/9880/headercopykn.jpg
    Med url-adressen: http://img145.imageshack.us/img145/9880/headercopykn.jpg

    Bildet du ser over, kan bli skrevet som en html-kode også. Den generelle html-koden for bilder er

    <img src="URL-ADRESSE" alt="bilde"/>


    Som da gir mitt valgte bilde HTML-koden: <img src="http://img145.imageshack.us/img145/9880/headercopykn.jpg" alt="bilde" />


    Da har jeg en kode for bildet, men det var en bilde som en link jeg egentlig ønsket. Det må da legges til en kode til - en bit FØR HTML-koden for selve bildet, og en bit ETTER.

    Generell kode for link er:

    <a href="URL-ADRESSEN TIL SIDEN SOM SKAL LINKES TIL"> HTML-kode for bildet som skal være link </a>

     

    Vil jeg f.eks. at bildet skal linke til min blogg, som har url-adresse http://thehibi.blogg.no/ , blir koden for bildet som linker til min blogg slik:
    <a href="http://thehibi.blogg.no/"><img src="http://img145.imageshack.us/img145/9880/headercopykn.jpg" alt="bilde" /></a>

     

    Resultatet av bildet som link blir slik. Bare prøv å trykk på bildet:

    bilde

     

    Er bildet for stort?

    Legg til denne linjen i bilde-delen av koden, slik at det ser slik ut:

     

    <a href="http://thehibi.blogg.no/"><img src="http://img145.imageshack.us/img145/9880/headercopykn.jpg" alt="bilde" width="400" /></a>


    400 er bredden på bildet i px - så er det bare å endre bredden til ønsket brede :)


    16 kommentarer

    adine amanda

    27.11.2010 | kl.11:51 | URL: http://adinen.blogg.no

    hvorfan får jeg vekk rammen rundt bilde?

    Sophie Søllesvik

    08.12.2010 | kl.11:39 | URL: http://www.sophiefoto.com

    Heihei, jeg har min egen hjemmeside og lurer på hvordan jeg kan få flere linker i headeren med gjennomsiktig tekst. Altså at jeg har et bilde med flere linker, som linker til forskjellige undersider, på forhånd takk :-)
    Sophie Søllesvik: Jeg driver med html-koding til blogg.no, ikke til hjemmesider ;) En som har peiling på hjemmesider kan nok svare deg på det.

    VAV

    29.12.2010 | kl.01:28 | URL: http://www.vav.blogg.no

    Skal jeg legge dette inn på html eller CSS eller på profil teksten? :-) Takk på forhånd. Blir evig takknemlig om du svarer på bloggen min, så jeg får sett det. Skal prøve meg på profil teksten...<3

    Marthe (:

    07.01.2011 | kl.20:28 | URL: http://martheepuus.blogg.no

    kjempe fin blogg, du er utrolig flink med html-koder <3
    hvor skal jeg sette inn koden hen ? :)

    i stilsett (CSS), eller hvor ? :p

    a m a l i e ! (:

    15.01.2011 | kl.22:52 | URL: http://amaliepusa.blogg.no

    hvor skal jeg sett koden hen ? :)

    skal jeg sette inn koden i Stilsett (CSS) ?

    og hvis jeg skal det, hvor hen da ? :D

    er ikke så flink på sånn html-koder :p

    Eirin å Malin

    16.02.2011 | kl.15:06 | URL: http://ladylonglegs.blogg.no

    kan du legge ut lik til hvordan mån får bilde som link i sidemenyen hvist det går? :-)

    på forhånd takk

    Eirin å Malin

    16.02.2011 | kl.15:08 | URL: http://ladylonglegs.blogg.no

    åy jeg mente hvor jeg skal sette det inn i html

    Victoria

    18.05.2011 | kl.19:53 | URL: http://vicaa.blogg.no

    Hvordan fjerner du rammen som oppstår rundt bildet? :-)

    Johanne.

    30.05.2011 | kl.15:52 | URL: http://zuperjohanne.blogg.no

    takk! :)
    Hvor skal jeg legge inn koden ?
    der det står "bilde" på den bredde greia hva skal inn der?

    sunniva <3

    30.11.2012 | kl.19:59 | URL: http://suns.blogg.no

    hvordan får jeg bilde mindre?

    Birgitte

    22.12.2013 | kl.16:27 | URL: http://bibitte.blogg.no/

    Det blir bare et grått bilde når jeg gjør det.. hva gjør jeg galt?

    aijl

    15.01.2014 | kl.09:12 | URL:

    Hei :) hvor legger jeg denne linken?

    Skriv en ny kommentar


    - Skal du spørre om noe angående noe i en guid, ta gjerne en titt på Spørsmålssiden min først! Er spørsmålet du skal stille spurt mange ganger før, finner du nok svaret der :)


    Interiørblogger
      Blogger du om interiør eller smarte tips og triks i hjemmet? Da har du muligheten til å bli linket til herfra! Skriv en liten hilsen her og du er med i vurderingen!
    INFO

    TheHibi


      Her på bloggen utfolder jeg meg kreativt i håp om å bli en bedre designer, fotograf, tekstforfatter og Photoshop-bruker. Jeg har rukket å bli nesten 21 år gammel, og studerer for tiden eiendomsmegling. Bloggingen har en tendens til å skje litt i rykk og napp, so stay tuned -

      Merk deg at jeg driver denne bloggen med det prinsippet at jeg skal være en hjelp til selvhjelp. Les gjerne guiden flere ganger før du spør, det er vanskelig for meg å svare alle personlig, som får den konsekvensen at det ikke kommer nye guider.

    TheHibi på bloglovin

    Blogglisten
    OBS!
      Kommentarer du vil ha svar på av meg, bør kommenteres her på min blogg. Jeg har ikke kapasitet til å jakte rundt etter kommentarer som er til meg, på andre blogger. Beklager
    Arkiv
    hits