lördag 18 juli 2009

Publicera större foton - för t.ex fotobloggar


Ibland vill man visa sina foton i större format än vad som är möjligt då man laddar upp dem via Blogger. I Bloggers användarvillkor finns reglerat hur mycket utrymme vi får använda för foton och hur stora de får vara, men det går att kringgå genom att använda sig av en utomstående webhost- en websida där du laddar upp dina bilder och sedan länkar ifrån. Photobucket är exempel på en sådan webhost.

Om man vill skapa en riktig fotoblogg kan man även utvidga bloggen och på så vis skapa möjlighet till att visa upp bilderna på bästa vis.

Hur går man då tillväga?



Vi börjar med att utvidga bloggmallen. Om du inte vill göra det behövs det förstås inte, ta bara reda på hur bred din Main Wrapper är så att du vet vilken storlek du ska ha på dina stora fotografier. Det hittar du i din bloggs HTML-kodredigering.

Om du nu vill göra din blogg vidare går du till din bloggs Layoutläge, Redigera HTML-kod.
Här scrollar du ner till Header wrapper och utökar den till förslagsvis 1000 pixlar.



Scrolla vidare ner till Header Description och utöka även denna till 1000 pixlar.


Så scrollar du ner till Outer Wrapper och ökar denna till 1000 pixlar.
Sedan vidare till Main wrapper ( det är här du skriver dina blogginlägg och där dina foton hamnar) och utökar den till förslagsvis 750 pixlar. Det ger stora tydliga foton i din blogg.



Avslutningsvis scrollar du ner till Footer Wrapper och ändrar även den till 1000 pixlar.



Nu är din blogg bred och utrymmesrik. Spara din bloggmall!

Nu är det dags att förbereda dina foton.
Börja med att ändra storlek på dem till ett pixelantal som överensstämmer med din Main Wrapper ( den som var 750 pixlar ) eller något mindre. En större bild gör att vissa delar inte kommer att synas då du publicerar den. Alltså, satsa på max 750 pixlar om du använder dig av ovanstående breda bloggmall.

Jag brukar använda mig av Microsoft Office Picture Manager när jag ändrar bildstorlek.
Du kan förstås använda det program du brukar för att göra detta.

Högerklicka på din bild och välj öppna med Microsoft Office Picture Manager.



Gå till Bildobjekt, välj Ändra Storlek.



Här ändrar du bildens storlek så att bredden på den är max 750 pixlar (eller så många pixlar som din main wrapper är bred).

Spara din bild.
Ladda upp den på den webhost du använder - i mitt fall Photobucket.


Kopiera direktlänken!



Nu är det dags att publicera din bild på din blogg.
Gå till Nytt Inlägg, välj Redigera HTML-läget.

Skriv in följande kod i inlägget:
<center><img src="http:// www.bild.com/image.jpg" /></center>
Byt ut adressen i koden mot din bilds direktlänk från webhosten.

Skriv ditt inlägg och publicera din post.
Din bild ska nu vara lika stor som din Main Wrapper, alltså 750 pixlar bred - att jämföra med de ca 400 pixlar du annars kan visa.