Header Ads

Redigera din 404 felmeddelandesida



Ibland när man klickar sig runt i en blogg kan det hända att en länk inte fungerar längre, en så kallad bruten länk. När du klickar på en sån länk skapas och visas ett felmeddelande, en 404-sida.

404 är en av de statuskoder som finns för webbsidor och står för Not found.
Kanske känner du igen fler, t.ex. 301: Moved Permanently och 302: Moved Temporarily, när en sida bytt adress. Om du är intresserad av att läsa mer kan du göra det här på Wikipedia.


Bloggers vanliga felmeddelande ser ju inte så roligt ut, men det går att redigera.

Så här ser t.ex. Fixabloggens 404-sida ut:

Jag har lagt till en bild, lite text och en länk till startsidan.

Om du använder någon av Bloggers designmallar kan du enkelt lägga till ditt eget felmeddelande.

Gör så här:

Gå till din bloggs inställningar, Sökinställningar, Fel och omdirigeringar. Välj Anpassat meddelande.


När du klickar på Redigera kommer du att få fram en kodruta.



I den skriver du in den text du vill att dina läsare ska se. Klicka på Spara ändringar.

Vill du få ett mer stylat utseende? Lägga till en bild?
Det kan du göra genom att lägga till lite html-kod.

En rubrik kan se ut så här:

<div style="font-size:40px; margin-bottom:30px;"><b>Hoppsan</b></div>

Font-size betyder storlek på texten.
Margin-bottom betyder att vi vill ha lite marginal, tomt utrymme, nedåt.
Att det står <b> runt rubriken </b> gör texten fet, som rubriker brukar vara.

Vill man sen lägga till en bild använder man den här koden:

<center><img src="https://bildadress.png" /></center>

<center> runt koden gör att bilden hamnar mitt på sidan</center>
Du måste först ladda upp din bild någonstans om du inte redan har den på internet. Förslag på sajter för att göra det hittar du längst ner här på Fixabloggen.

Sen kan det vara bra med en förklarande text (om man vill ha det). Den kan se ut så här:

<div style="color:red; font-size:20px; margin-top:20px;">Sidan kunde inte hittas, klicka<a href="https://dinblogg.blogspot.se/"> här</a> för att komma till startsidan och börja om din sökning</div>

Här har vi först en färg på texten, color:red;
Sen kommer ett tomt utrymme upp mot bilden, margin-top:
Mitt i stycket ligger en länk där du kan fylla din bloggadress så att din besökare hittar tillbaka till startsidan.

Du kan hitta fler färgnamn här. Du kan skriva antingen namnet på färgen eller koden, den som ser ut t.ex. så här #f0f8ff.

Varje del av koden går självklart att utesluta om du bara vill använda vissa delar.

Så här ser koden ut i sin helhet. Byt ut bildadressen mot din egen bild och bloggadressen mot din egen bloggadress.
Jag har färgmarkerat de olika små koderna så du ser exakt vad du ev. vill radera.

<div style="font-size:40px; margin-bottom:30px;"><b>Hoppsan</b></div>
<center><img src="https://bildadress.png" /></center>
<div style="color:red; font-size:20px; margin-top:20px;">Sidan kunde inte hittas, klicka<a href="https://dinblogg.blogspot.se/"> här</a> för att komma till startsidan och börja om din sökning</div>

Kopiera det du vill ha med i ditt felmeddelande och klistra in direkt i kodrutan vi pratade om ovan. Klicka på Spara ändringar.

För att testa din nya 404-sida kan du öppna ett av dina inlägg och ändra lite på adressen i webbläsaren, genom att tex lägga till ett tecken. Obs, du måste göra det i namnet på inlägget, inte i själva bloggadressen eftersom webbläsaren annars söker efter en blogg med det "nya" namnet.
Här nedan har jag t.ex. lagt till en etta efter årtalet i inläggets namn. Länken fungerar då inte och jag hamnar på min 404-sida istället.


Lycka till med din nya felmeddelandesida!


No comments

-------------------------------
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.
-------------------------------