Skapa din egen profilsida

Den här sidan känner du säkert igen och den är ju inte så skoj precis. Det tyckte inte Agnes på Fixas Forum heller, så hon skapade en egen profilsida och länkade till. Visst är det smart!
Hur den ser ut kan du se nederst i det här inlägget och om du klickar på bilden från hennes blogg kan du se hur det fungerar på riktigt!


Så här gör du om du vill byta ut eller lägga till en egen sida (eller flera kanske?)

Börja med att skapa din sida i photoshop eller annat bildhanteringsprogram.
En bild som är ca 1200 x 1000 pixlar är ganska lagom, då syns hela sidan på de flesta skärmar.



När du har skapat en bra sida med det du vill ha med - text, foton, andra bilder etc spar du den.

Om du väljer att spara bilden som png utan ett lager med bakgrundsfärg kommer bilden att smälta in fint i webfönstret och inte ge några kanter. Dock blir ju bakgrunden vit då, så vill du ha en annan färg får du lägga till det och spara bilden som jpeg.

Nu är det dags att länka din nya sida.
Börja med att ladda upp bilden på photobucket eller den sida du använder för att spara dina bilder på nätet.

Kopiera den här koden och klistra in i ett Anteckningsdokument eller liknande:

<div id='minprofil'><a href='http://DinBildsDirektlänk'>min profil</a></div>

Den röda delen är det som kommer att stå som länk. Byt ut till vad du vill.
Byt den blå markeringen mot din bilds direktlänk.
Du kan också göra samma sak direkt i din kodmall om du föredrar.

Om du inte redan har en gadget med About me/Profilsida börjar du med att lägga till den.

Sen är det dags för länken att klistras in. Gå till din bloggs kodmall - Redigera HTML.
Kryssa i rutan för Utökade Gränssnittskomponentmallar.
Nu ser du hela din bloggmall.

Klicka på CRTL och F på ditt tangentbord, då får du fram en sökruta/rad. Skriv in about i rutan. Tryck enter.


Nu har du kommit till rätt plats i mallen.
Titta efter den här kodraden:

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

Om du vill byta ut länken i din bloggs gadget About Me (profilen) till enbart din egen länk markerar du den här raden och klistrar in din länkkod istället. Den här raden ska alltså bort.

Om du hellre vill ha kvar profillänken och dessutom lägga till din egen länk klistrar du in din länkkod under den här raden. Du kan ha fler länkkoder om du vill länka till flera sidor, men då får du ge varje länkkod ett eget id. Den här koden heter minprofil så din andra länk kan heta minprofil2 eller något liknande. Huvudsaken är att det inte finns en annan kod med samma id.

Spara din mall.


Nu har jag bytt ut länken på bilden nedan.
Här nedan hittar du Agnes blogg som hon har designat själv. Du hittar hennes profilsida om du klickar på Info. Tack för den bra idéen Agnes!