Gör Din hemsida utan html-kunskaper

Många skulle vilja skaffa sig en egen hemsida och publicera tankar, reseminnen, foton, älskad musik och mycket annat - men drar sig för det, eftersom man måste lära sig ganska mycket innan hemsidan ligger där på webben.

Med de nya bloggverktygen som kommit det senaste året är så mycket förberett att det nästan bara är som att sätta sig vid Word och så har man sitt alster på Internet! Många av bloggverktygen är gratis och kräver väldigt kort inskolning.

Här kommer jag att visa hur man kan använda Blogger. Varje fönster kan innehålla ett avsnitt med text, bild, och musik och man får automatiskt en länk i innehållsförteckningen, vilken är möjlig att nå var man än befinner sig på hemsidan.

I den här lilla kompakta instruktionen till Blogger får du handfasta råd om hur du kan gå tillväga. Men det viktiga är ju inte IT-verktyget utan vad du vill förmedla. Så tänk igenom vad du vill ha för innehåll på din hemsida och skissa på vad som skall synas vid första titten och hur man sedan kan fördjupa sig i ditt material.

Titel på hemsidan, vilka grupper skriver du för och vad du vill förmedla, ja, där skall du starta ditt hemsidesbyggande. Sedan har du ett utmärkt verktyg i Blogger - som dessutom är mycket lätt att använda.

Blogger finns bara i engelskspråkig utgåva, men det är inga problem att använda den med svenska tecken. Det finns en kort självstudieguide på engelska med många skärmbilder som man kan ha hjälp av för att komma igång med den egna bloggen - Getting Started With Blogger: A Tutorial from the Folks at Feedster.

Det finns nu också ett svenskt diskussionsforum - Bloggliv - där man kan få hjälp, tips och idéer. För verktyget Blogger finns det en särskild avdelning. Många av de andra avdelningarna i Bloggliv är läsvärda och hjälpen är snabb!

Gör hemsida med Blogger! har uppdaterats 26 juli 2005

Starten

- Som med all publicering skall man ha gjort klart för sig vilken målgrupp som man skriver för.
- Sedan bör man också ha skissat på papper hur strukturen på hemsidan skall se ut
- Vad skall finnas på de olika sidorna och i vilken ordningsföljd är det logiskt att materialet presenteras?
- Vilka bilder och andra utsmyckningar kan levandegöra innehållet på varje sida?
- Vad skall hemsidan heta? Viktigt!
- Vad innehåller hemsidan - lägg ner litet möda på att skriva en kort och kärnfull formulering, som de stora sökrobotarna hos Google och Eniro sedan använder när de katalogiserar hemsidan!
- Välj en webbadress som är lätt för andra att komma ihåg - http://??????.blogspot.com!

Vad erbjuder hemsidan?

Med Blogger får du följande funktioner helt automatiskt:
- Separat publiceringshemsida förberedd för rubrik, länk samt textruta och publiceringsknapp
- Man följer publiceringen som tar ca 10 sekunder och öppnar sedan den färdiga hemsidan i ett eget fönster.
- Man arbetar alltså med två fönster - publiceringsfönstret som bara du har tillgång till och hemsidesfönstret, tillgängligt för andra
- Hemsidan kan väljas med olika utseende allt efter smak. Man väljer bland ett 20-tal mallar
- Hemsidan innehåller hemsidesnamnet, koncis beskrivning vad hemsidan handlar om, samt olika undersidor med samma layout, där man väljer att lägga sitt innehåll
- Välj text, bilder från webben, egna bilder (kräver speciellt publiceringsverktyg), bakgrundmusik till varje undersida
- I texten kan man göra formatteringar som man önskar, lägga in fler dynamiska länkar etc
- Till varje undersida kan läsarna skriva kommentarer - det blir som ett litet diskussionsforum med andra ord
- Varje undersida får automatiskt en länk i länkkolumnen
- Man kan lägga in egna länkar i länkkolumnen och gör det i Template (på publiceringshemsidan - detta kräver litet mer specialkunnande, men det lär man sig snabbt)
- Nya undersidor samlas i vecko- eller månadsarkiv helt automatiskt
- En läsare som blir intresserad av någon undersida kan lätt klicka på brevikonen och rekommendera sidan till någon vän
- I Din profil kan du lägga in bild (t ex foto) och beskrivning av dig själv som är författare till hemsidan
- Din nya hemsida indexeras automatiskt av de stora sökrobotarna - mycket bekvämt alltså!

Skapa din hemsida i Blogger

- Besök Blogger och registrera dig som användare. Välj ett rättvisande användarnamn, det kommer att visas i samband med varje ny publicering som du gör och välj ett lösenord som du lätt kommer ihåg.
- Nu är det dags att välja utseende på hemsidan genom att välja bland färdiga mallar. När du väljer mall, tänk då framför allt på läsbarhet - storlek på texten, att det är lättast att läsa mörk text på vit botten, att det inte skall vara för rörigt utseende etc
- Sedan är det diverse inställningar som skall göras. Följ mina anvisningar på nästa sida. Allt går att ändra senare.
- Det finns utmärkt hjälp att få - http://help.blogger.com

Inställningar på Publiceringssidan

Här får du hjälp med alla de inställningar som bör göras på publiceringssidan. Det finns rosa flikar överst och du skall använda fliken Settings för alla de här inställningarna. Skriv ut den här sidan och ha den bredvid dig vid datorn, så går det snabbt och lätt att göra jobbet.

Settings ->Basic ->
Title -> Titeln visas i det blå huvudet på varje sida. Välj omsorgsfullt!
Description -> Skriv kort och koncist vad hemsidan innehåller. Texten används av Google och andra sökrobotar
Add your blog -> Yes
Show Quick Editing -> Yes
Show Email Post Links -> Yes
Show Compose Mode -> Yes
Save settings
______

Settings -> Publishing
Blog*Spot Address -> Här skall du välja namn på din blogg, vilket blir din URL. Viktigt val! Välj ett ord som är lätt för alla att komma ihåg. Namnet får INTE innehålla å, ä eller ö!
Ping... -> Yes
Save settings
______

Settings -> Formatting
Show -> 1 posts
Date Header -> välj utseendet torsdag, september 2004 förslagsvis
Archive.. -> Välj utseendet september 2004
Timestamp -> 15:41 förslagsvis
Time Zone -> [UTC +01:00] Europe/Stockholm
Date Language -> Swedish
Encoding -> Western (ISO-8859-1)
Convert line breaks -> Yes
Show Title Field -> Yes
Show Link Field -> Yes
Post Template -> lämna tomt
Save settings
_______

Settings -> Comments
Comment -> Show
Who can comment? -> Välj Anyone
Default...-> New Post Have Comments
Comment Notification -> Skriv in din epostadress här
Save settings
______

Setttings -> Archiving
Archive Frequency -> Monthly
Enable Post Pages? -> Yes
Save settings
______

Settings -> Site Feed
Publish...-> Yes
Description -> Full
Save settings

P.S. Det här innebär att andra kan prenumerera på din bloggs RSS-flöde med t ex Bloglines eller annan RSS-läsare.
______

Settings -> Email
BlogSendAddress -> Din epostadress
Mail-to-Blogger -> Lämna oifyllt
Save settings
______

Settings -> Members
Add team member -> klicka på knappen och skriv in epostadress till den/de som du vill skall vara medförfattare i din blogg
Save settings

Bilder

På webben behövs bilder för att attrahera tittarnas intresse. Bilderna måste väljas så att de stöder budskapet i texten.

I Blogger kan man lägga in bilder på två olika sätt:

1) Numera kan man ladda upp egna bilder till bloggen lika lätt som man lägger in bilder i ett Worddokument. Använd bara bildikonen längst till höger där du skriver in texten, leta fram bilden på din egen dator och slutför operationen. Nu är det lika lätt för Macanvändare att lägga in sina egna bilder. Men tänk på att foton kanske först skall förminskas och komprimeras så att bildvisningen inte blir trög. Det kan man göra med Picasa. Läs mer längre ned.


2) Genom att samla på bilder på Internet, kopiera deras URL och sedan kontrollera att bilden inte är skyddad av copyrightlagstiftning. Om fältet är fritt att använda bilden lägger man antingen in bilden med bildikonen eller med följande html-kod:

<|IMG SRC="name" WIDTH="#" HEIGHT="#" ALIGN="#"|>

OBS! De vertikala strecken skall uteslutas när du förbereder för webben. Här är de med för att visa hur koden skall se ut.

Ersätt "name" med URL till bilden. URLn finner man genom att klicka på bilden och öppna den i ett eget fönster. I titeln till bilden överst i fönstret kan man också se bildens storlek - bredd och högd. Sätt in dessa värden i stället för #-tecknen. Bestäm sedan också om bilden skall finnas till vänster eller till höger i fönstret - align="left" resp "right".

3) Man kan också använda den utmärkta gratistjänsten hos flickr, där man kan samla sina fotografier och sedan ange länk till den bild man vill använda i bloggen. Det går till och med att blogga bilder direkt till den egna bloggen från Flickr. Man kan också fritt använda många foton hos Flickr - förutsett att man kollar upp copy right och anger direktlänken till bilden. Här finns en outsinlig källa att ösa ur!

Läs om hur man lägger in bilder från flickr i Surftips - Seniorer.

Behandla bilden först med Picasa!

Googles Picasa är en överraskande seniorvänlig fotoassistent på hemdatorn; ett överskådligt digitalt ljusbord. Google sträcker ut en hjälpande hand för hantering av bilder på hemdatorn; Picasa är hjärnan i Googles bildbehandlingsprogram. Fotoassistenten Picasa både sorterar och efterbehandlar digitala foton på Windowsdatorer. Programmet kan laddas hem gratis från nätet. Det trugar därför gärna på kopplingar till Googles andra tjänster.

Detta skriver Nätverket Seniorhuset. Läs hela artikeln på webben.

Att lägga in text och bild i bloggen

Tips: Förbered inlägget i Anteckningar eller i en ordbehandlingsfil. Man brukar vilja ändra.
Använd den rosa fliken Posting - > Create på publiceringssidan.
Fyll i titel, dvs rubrik till inlägget, lägg ev in en länk till en hemsida som du hänvisar till och lägg in text, som kan innehålla länkar, bilder m m.
Avsluta texten alltid med <|BR|>, vilket ger en snygg avslutning.
Publish Post - publicera genom att klicka på den oranga knappen.

Blogger arbetar i cirka 10 sekunder med att publicera ditt inlägg på sin server i USA
______

Titta sedan på resultatet genom att klicka på länken med pytteliten text Öppna i nytt fönster

______

Ofta blir det ju inte riktigt som man tänkt sig. Men man kan alltid ändra eller helt ta bort inlägget.

Ändra -> Edit Posts -> Välj det aktuella inlägget, gör ändringarna och publicera igen.

Musik

Om du vill spela bakgrundsmusik till innehållet på en sida som du visar gör du så här:

- Gör i ordningen innehållet till sidan - texter och bilder

- Leta fram URL till den musik som du vill spela upp - t ex
http://web.mit.edu/jinseok/www/songs/classic/Mobile.mp3

som är Verdis La Donna Mobile i ljudformatet mp3.

- Använd sedan följande html-kod och kopiera in URLn till din musik i koden samt lägg in text som anger vem som är kompositör och namnet på musiken:

<|embed src="URL" hidden width=0 height=0|><|/embed|>
<|BR|>Författare och musiktitel<|BR|>

OBS! De vertikala strecken måste tas bort när du förbereder för webben. Här är de med för att visa hur koden skall se ut.

- Med denna mall får du en gömd musikspelare som automatiskt spelar upp den bakgrundsmusik som du har valt. Musiken försvinner först när man går vidare till en annan sida.



Verdis La Donna Mobile

OBS! Musikfilen är på 2,2 MB och det tar viss tid innan musiken hörs, om du har långsam internetuppkoppling!

- Musikfiler är ofta stora och tar tid att ladda ner, speciellt för datoranvändare med modemuppkoppling. Det kan vara bra att informera om detta.

Innehåll

Fasta Innehållslänkar

Om man vill ha en innehållsförteckning eller inläggen överskådligt som länkar i kolumnen ( till höger eller till vänster - det varierar med vilken mall man valt) måste man gå in i Templatefilen med html-kod och lägga in sin egen kod. Du kan använda mina exempel här och sedan bara klistra in din egen innehållsförteckning i Templatesfilen.

Gör så här:

- Längst ned på varje sida står det "posted by Anita @ 13.13." Tidsangivelsen är en klickbar länk och den visar URL till sidan.
- Klicka på tidslänken.
- Ta sedan kopia på inläggets URL i adressfönstret.
- Klistra in din URL i mitt exempel längre ned - Innehåll alternativt Länkar - och ersätt XXX med rubriken till det inlägg som du vill göra en klickbar länk till (det går bra med svenska bokstäver, men de kommer inte med i URLn).
- Gör detta i en separat ordbehandlingsfil, gärna i epostprogrammet.
- Upprepa för varje innehållssida enligt ovan.

- Lägg sedan in dina färdiga innehållslänkar i Template, som du hittar under en av de rosa flikarna på publiceringssidan. Innehållslänkarna skall klistras in nästan längst ned i Templatefilen, scrolla ner ungefär 80% i filen.

- Lägg in din länkkod EFTER följande kod (eller liknande)


samt text som innehåller - div class="box"......

- Testa. Ändra om det skulle behövas!
- Klart! Nu har du klickbara innehållslänkar - och kanske också andra länkar lätt åtkomliga.


Här finns kodexempel till innehållsförteckning och till länkar:

<|h2|>Innehåll<|/h2|>
<|ul|>
<|li|><|a href="http://www.html.com"|>XXX<|/a|><|/li|>
<|li|><|a href="http://www.html.com"|>XXX<|/a|><|/li|>
<|/ul|>

<|h2|>Länkar<|/h2|>
<|ul|>
<|li|><|a href="http://surftips.blogspot.com"|>Surftips - Seniorer<|/a|><|/li|>
<|li|><|a href="http://seniornet.se"|>SeniorNet Sweden<|/a|><|/li|>
<|/ul|>

OBS! Tecknen | resp | är bara med för att html-koden skall synas här i mitt exempel. Dessa tecken skall inte vara med i Templates, för då fungerar inte koden. Du måste alltså ta bort alla!


I Gör hemsida med Blogger! har jag valt den modell som vi är vana vid från hemsidor, nämligen att nytt innehåll dyker upp på en ny sida. Men man kan naturligtvis använda Blogger som jag har gjort i Surftips - Seniorer, nämligen i bloggformat, där många inlägg hamnar efter varandra. Man kan bestämma hur många man vill ha på varje sida i Inställningar. En automatisk funktion visar de tio senaste inläggen i höger- eller vänsterkolumnen.

Lycka till!

Prenumerera på läsvärda bloggar eller tidningar!

När du nu har skaffat dig en egen blogg, blir du kanske också mer intresserad av att läsa andras bloggar. Bäst är att titta i Intressant, Nyligen, Lemonad eller Svenskt weblogarkiv och läsa ett antal bloggar för att se om det är några som du skulle vilja återkomma till mer regelbundet för att bli informerad och hänga med i aktuell debatt.

RSS-flöden. Bloggar har den stora fördelen att man kan prenumera på deras innehåll om de har s k RSS-flöden - och det har de flesta. Blogger har atom.xml inbyggt och du har gjort en inställning redan för att visa ATOM. Vissa tidningar har också RSS-flöden, t ex DN, Aftonbladet, InternetWorld, som man kan prenumerera på.

Samla prenumerationerna till ett ställe. Det finns ett alldeles utmärkt sätt sedan att läsa sina prenumerationer - Bloglines. Bloglines är en webbaserad gratistjänst och utan reklam, den största RSS-tjänsten och den snabbast växande. Den samlar alltså på nyhetsflöden som man kan prenumerera på. Man registrerar sig enkelt med epostadress och eget lösenord. Sedan bekräftar man prenumerationen i epostbrev. Därefter blir man ombedd att skapa en hemsida hos Bloglines för sina RSS-flöden (Clip Blog). Det gör man mycket enkelt. Här kommer sedan alla dina prenumerationer att finnas - för dig själv och för andra som känner till URL till din Clip Blog.

Sammanställ dina RSS-prenumerationer. Sedan är man igång med den nya hemsidan, som man bör göra en Favorit av. I vänstra delen av Bloglines fönster finns det flikar, t ex My Blog, My Feeds. Därunder står det Add. Med Add lägger man in det man vill prenumera på och det enda man behöver är dess URL. I högra delen av fönstret får man då upp ett svarsfönster (Add Blog or Feed URL), där man fyller i URL och klickar på Subscribe. Sedan får man upp ett nytt fönster. Om det finns flera RSS-alternativ (Available feeds) prickar man överst för något som innehåller RSS eller xml. Den enda inställning man behöver göra längre ned i fönstret är att ändra Default till Complete Entries om man vill kunna läsa allt innehåll som skickas ut. Glöm inte att avsluta med Subscribe igen. Klart!

Nu får man upp sin prenumeration i vänstra delen av fönstret och kan inom parentesen till varje länk se hur många nyheter som finns att läsa. Klicka och läs, så vet du hur det fungerar. Då ser du också att parentesen försvinner, dvs du har inget oläst.

Sedan är det bara att göra om samma procedur för allt som man vill prenumera på. Man kan naturligtvis ändra i listan över prenumerationer, ta bort, lägga till när som helst.

Du kan också följa mer detaljerade anvisningar hur man gör för att prenumera på RSS-flöden med Bloglines.

Blogrolls. Det finns ytterligare en finess med Bloglines.com. Om du har en blogg eller en egen hemsida och vill erbjuda dina besökare att ta del av de prenumerationer som du själv uppskattar eller kanske bara vill tipsa dina vänner om de RSS-flöden som du prenumererar på, kan du lätt göra det.

Bloglines erbjuder dig att ta emot några rader kod i form av Java-skript, som du sedan klistrar in i Bloggers template nära dina länkar i länkkolumnen eller på din hemsida där det passar bäst. Det som syns då för besökaren är länkar till de sidor som du prenumererar på. När du lägger till eller tar bort prenumerationer, ändras det också i bloggen/på hemsidan. Enkelt och kraftfullt!

Läs dina nyheter! Sedan kan man sätta sig vid datorn när tillfälle ges och ta del av alla nyheterna i alla bloggarna/tidningarna utan möda i ett enda svep. Varje dag om man så vill. Uppdatering sker varje timme. Allt finns samlat på ett ställe. Det blir då lättare att hålla sig informerad inom allt det som intresserar en själv.