Fotoblogg med stora bilder på blogger tillsammans med Flickr
Du kan skapa en fotoblogg med stora bilder hos blogger om du skaffar en mall som tillåter en större bredd. Anledningen till artikeln om fotoblogg med bred layout är ett mail från en läsare:
“Tack för en bra sida med mycket matnyttigt. Många timmar är spenderade…
Jag vill skapa mig en egen fotoblogg men efter har tittat en hel del på andras så har man lite krav…. Jag har inte tänkt att skiva rad ut och rad in utan endast lite kort text och visa bilder. Har tittat på blogspot och provat lite men där kan man inte lägga upp bilder som är 800 pixlar bred och det vill jag. Känner du till om det finns någon guide till wordpress för mina engelska kunskaper är inge vidare..
Tacksam för svar.”
Jag förutsätter att du vet hur man skapar en fotoblogg på blogger. Du måste redigera mallen litet grann så att du får plats med dina stora bilder. Jag använder den enklaste mallen “Minima” och sedan justerar jag färgerna så att bilderna lyfts fram. En neutral relativt mörk grå gillar jag andra kanske vill ha vit eller svart.
Nästa steg blir att redigera själva mallen och då måste du gå in under “Layout” och där väljer du sedan “Redigera HTML”. Du skrollar sedan ner tills du finner ” #outer-wrapper” och justerar så att bredden blir 1024 pixels. Det ska stå “width: 1024px;”. Sedan justerar du ” #main-wrapper” till “width: 810px;” och ” #sidebar-wrapper” till “width: 180px;”. Glöm inte att avsluta med att spara mallen annars förlorar du dina inställningar. Nu kommer dina stora bilder att få rum på bloggen.
Nu kommer vi till nästa steg och det är att du ska använda Flickr för att lätt kunna lagra och även klistra in bilderna i blogger. Du får också möjlighet att klistra in Slideshows med flera bilder från Flickr. Du skulle iofs lika gärna kunna använda Bloggers egna bilder eller Photobucket som jag tipsade om i mitt inlägg om hur man gör en fotoblogg i blogger.
Om du inte känner till hur man använder Flickr kan du läsa Jonas introduktion om Flickr. Jag brukar skala mina bilder så att de har sin största sida inte större än 800 pixels. Det gör jag av två skäl dels så går det snabbt att ladda bilden i webbläsaren, men också är det ett skydd att inte ladda upp högupplösta bilder som andra kan använda. Vill de använda den högupplösta bilden måste de kontakta mig. Glöm inte bort att skärpa upp bilden efter att du har skalat ner den. Du förlorar alltid skärpa när du skalar ner.
När du nu ska göra dina inlägg på din nya fotoblogg med den breda mallen så går du helt enkelt till den Flickrbild som du vill lägga ut på bloggen. Du väljer “All Sizes” och sedan väljer du 800px storleken som du har laddat upp. Nedanför bilden finns en ruta där du bara markerar koden och sedan klistrar du in den i ditt blogginlägg. Publicera och sedan är det bara att blogga på med din nya breda fotoblogg.
Uppdatering: Om du vill som jag bara ha en bild på varje sida så går du in under “Inställningar” så finner du under “Formatering” inställningen antalet inlägg på framsidan bredvid “Visa”.
2009-01-07 , kl. 1:22 am
Tack så mycket. Har fixat till mallen och gått tillbaka ett par veckor och uppdaterad bildstorleken, det blev snyggt.
2009-01-07 , kl. 5:10 am
Wow. Det blir en helt annan uppplevelse. Mycket snyggt.
2009-02-15 , kl. 5:15 pm
TACK! Precis vad jag behövde, mycket lättförståeligt också.
2009-02-16 , kl. 5:54 am
Frida: Kul att du hade nytta av det.
2009-02-24 , kl. 7:58 pm
hej! tack för en enkel och bra förklaring! har bara en liten fråga, går det inte att ladda upp bilder via bloggers uppladdningsverktyg och få dem stora? jag testade men de blev den “vanliga” blogger-storleken. kan man kanske ändra något i bildkoden eller är det bara flickr/photobucket som gäller?
2009-02-24 , kl. 8:35 pm
Hanna: Dina bilder lagras på Picasawebb och där kan du få en embedkod som är annorlunda än bloggers egna. Bloggers egna kod gör att den ställer in bilden efter ett mindre format. På Picasaweb kan du ställa in vilken storlek bilden ska ha och även 800 px.
Ett exempel;
2009-03-02 , kl. 8:24 pm
har samma problem som hanna men jag hittar inte embedkoden på picaswebb.
försökt med allt och jag fattar fortfarande inte hur man får stora bilder i sin blogg.
2009-03-02 , kl. 8:54 pm
charlyn: Det var anledningen till att jag inte använde bloggerbilder utan Flickr, men jag ska försöka förklara.
När du laddar upp en bild i ditt bloggerinlägg med Ikonen för bild så lägger blogger dina bilder i Picasaweb, som är googles bildtjänst. De har krånglat till det ytterligar för du måste välja din bild i två steg för att hitta “Link to this photo”. Om du trycker på den kan du i en meny välja en storlek på din bild och får då en embedkod.
Både Flickr och Photobucket är mycket enklare att använda så det är därför jag brukar rekommendera dessa. De har dessutom okej Terms of Service så att du inte ger bort några rättigheter.
2009-03-29 , kl. 10:13 am
jag har följt dessa instruktioner men bilderna är ändå små. jag väljer large men det blir ändå en liten bild som jag måste klicka på för att den sedan ska bli stor i en ny ruta. hur ska jag göra?
2009-03-29 , kl. 12:23 pm
Josefine: Nu vet inte jag om dett är instruktionen för flickr eller picasaweb. Men du måste givetvis ladda upp en stor bild i formatet 800X600 px eller liknande. Du måste se till att du väljer rätt storlek i flickr eller picasaweb.
Svårt att veta vad du gör för fel när jag inte vet exakt vad du har gjort.
2009-04-08 , kl. 11:16 am
jag har bara en stor bild som jag försöker ladda upp i bloggen. måste man ladda upp på flickr först? jag är förvirrad.
2009-04-08 , kl. 11:25 am
Josefin: Du kan använda de bilder du laddar upp i bloggen. Jag rekomenderar Flickr.com eller Ipernity.com eftersom det bara är att kopiera en kod och klistra in den i bloggers editor.
Bilderna du laddar upp i blogger får en krånglig kod som dessutom tvingar dig till en mindre storlek. Bilderna hamnar på Picasaweb. Jag försöker förklara hur du ska nå dessa litet högre upp om du läser kommentarerna.
Det är enklare att använda Flickr eller Ipernity. Dessutom finns det bra forum där du kan lära dig mer om en massa olika saker. http://www.flickr.com/groups/swedes/ är en bra grupp. Du har väl inte missat min resurs för nybörjare i foto http://bildochfoto.se/bra-resurser-om-fotografering-for-dig-som-nyborjare/
2009-06-02 , kl. 5:19 pm
Jättebra tips, men jag undrar om du vet hur man kan högerklicksskydda sin blogg på blogspot ?
2009-06-02 , kl. 6:06 pm
Det finns inget skydd, men du kan skydda dina bilder på ipernity. då du kan bestämma vilka som ska kunna se de.
2009-08-15 , kl. 1:22 pm
Hej
Jag har nu breddat min blogg och får efter att ha ändrat Html koden i Blogger upp stora foton. Mitt problem är att foton är så gryniga, dålig kvalitet helt enkelt. Jag använder en bra kamera Canon 500D så det kan inte ha med det att göra
Hjälp!
Kram Gunilla i Singapore
2009-08-15 , kl. 2:33 pm
Du använder inte dig av den original storlek som de sparas med utan använder kommandona width=”600px” för att ändra storlek därför blir bilderna korniga…
2009-08-20 , kl. 8:44 am
Hej igen, det är otekniska Gunilla här…
Bredden på bloggen är ändrad igen, jag laddade upp ett foto som jag ej bearbetat alls o fotot hade “dimensions 3168×4752″.
Fotot blev litet när jag förhandsgranskade det.
Någonstans måste jag ju göra ett fundamentalt fel, kan bara inte räkna ut vart.
Tacksam för hjälp….igen!
2009-08-20 , kl. 8:47 am
Du använder blogger för dina bilder och blogger förändrar formatet…använd hellre Ipernity eller Flickr då kan du själv styra formatet… Ipernity har du själv rättigheterna. Blogger ger du bort de till google.
2009-08-20 , kl. 8:56 am
Testar lite själv..
Nu har jag mitt foto uppe på Picasaweb.
Jag har klickat på “Link to this photo”.
Valt strl. 400 px.
Jag ser nu att fotot är större i Picasaweb.
Hur får jag över fotot till mitt blogginlägg?
2009-08-20 , kl. 9:01 am
Använd link to this photo och hämta kod (embed this slideshow) där ifrån Picasa är helt klart krångligare…
2009-09-05 , kl. 3:16 pm
underbart, tack så jättemycket!
2009-09-21 , kl. 5:01 am
Tack så mycket…det värmer att du tycker det
2009-12-04 , kl. 2:44 pm
När jag laddar upp bilder trycker jag så att de ska visas som stora, ändå blir bilderna små, varför är det såhär?
Kan man få bilderna större utan att redigera mallen?
Tacksam för svar!
2009-12-04 , kl. 4:23 pm
Inte enkelt. Picasa styr bilderna och blogger så att de passar in i alla mallar….typ