perjantaina 16. lokakuuta 2009

Suurempia kuvia blogiin eli kuinka suurensin blogin postauksen aluetta

Monet ovat kyselleet minulta kuinka saan kuvat haluamani kokoisena tähän blogiini. Tässäpä annan lyhyen ohjeistuksen blogin muokkaukselle.

Olen suurentanut postausaluetta - laatikkoa "main-wrapper", johon blogin postaukset tulevat - siten, että siihen mahtuu max. 750 pikseliä leveät kuvat.

Eri sivupohjissa voivat noiden laatikoiden nimet vaihdella. Tämä sivupohja oli Minima Black.

Suurennuksen tein seuraavanlaisesti:
  1. Menin blogin Ulkoasun muokkaustilaan
  2. Valitsin Muokkaa HTML-koodia
  3. Lisäsin tiettyjen "laatikoiden" kokoa 350 pikseliä
Kuvassa on esitetty mitkä laatikot levensin: vasemmalla puolella originaalikoodi ja oikealla muokattu. Lisäsin alleviivattuihin laatikoihin 350 pikseliä. Esim. header-wrapper laatikon leveyden eli width muutin 660+350=1010. (Huom! "Footer" on koodissa paljon alempana).

Näin sain "main-wrapper" laatikon, eli sen laatikon johon postaukset tulevat, leveydeksi 760 px, jolloin siihen mahtuu 750px levyinen kuva (+ reunaviiva) ilman, että kuva leikkaantuu reunoilta.

Itse kuvat käsittelen kokoon 750 x 500 px ja lataan ne Picasalla bloggerin luomaan kansioon Picasa galleriaani. Sitten tuon sieltä kuvat seuraavanlaisesti bloggerin postaukseen:
  1. Menen blogini Picasa galleriaan ja avaan haluamani kuvan
  2. Suurennan sen täyteen kokoon kuvan oikeassa yläkulmassa olevalla suurennuslasilla
  3. Klikkaan hiiren oikealla näppäimellä kuvaa ja valitsen valikosta "Näytä kuva"
  4. Varmistan, että kuva on oikean kokoinen (hitailla yhteyksillä kuva ei ehkä kerkiä latautua ja kuva onkin pienempi ns. esikatselukuva)
  5. Kopioin selaimen osoitelaatikosta kuvan osoitteen (url-osoite on se joka alkaa http://)
  6. Menen bloggerin postaukseni muokkaustilaan ja painan "Lisää kuva" painiketta
  7. Liitän kuvan osoitteen "Tai lisää kuva verkosta" URL-osoite laatikkoon ja painan "Lataa kuva"
  8. Näin kuva tulee postaukseen sen kokoisena, kuin se on Picasa galleriaan ladattu.
Olisihan se mukavaa jos bloggerissa voisi valita kuvaa ladattaessa, että sen saisi sen kokoisena blogiinsa kuin haluaa.

21 kommenttia:

Hullukaali kirjoitti...

Toivottavasti moni Bloggerin käyttäjä ottaisi nyt neuvot vastaan ja suurentaisi kuviaan :). Inhoan niitä, kun ne ovat niin pieniä, eikä niitä jaksa klikkailla auki.

Ansku kirjoitti...

Kiitos oikein paljon selkeän tuntuisista ohjeista! Kunhan sopiva vapaahetki tulee, kokeilen niitä käytännössä :)

Ansku kirjoitti...

Innostuinkin kokeilemaan tätä ihan heti, mutta en minä onnistunut :( Pitää paremmalla ajalla lukea ohjeet vielä kerran, ja yrittää uudelleen.

Elisa kirjoitti...

Huomasin juuri, että bloggeriin oli tullut kuvien kokoon uusi koko 'erittäin suuri'. Tosin kun kokeilin sitä vanhojen postauksien kuvien muuttamiseen, niin kuvat leikkautuivat typerästi. Oletko ehtinyt tutustua vielä tähän?
Ja niin, aivan upeita kuvia sinulla!

Pehmyt piirto kirjoitti...

Taidan minäkin kokeilla tuota ohjetta. Se oli hyvin selkeä ja tajuttava, mutta kyllä minä osaan möhliä hyvätkin neuvot. Kokeilen ehdottomasti, tällaiset opastukset ovat tarpeellisia.

unii kirjoitti...

Hienoa! Olisi kiva kun suurien kuvien villitys laajenisi! Moni ottaa tosi hienoja kuvia, mutta ei niitä kunnolla näe, kun ovat niin pieniä.
Sinun ja Elegian ohjeilla minäkin opin HTML-koodia muuttamaan. Välillä innostun laittamaan oikein suureksi, mutta sitten ei reunoille mahdu enää Elegian pohjia, ja niistäkin tykkään. Reunoja kun en osaa vielä itse käsitellä. Nyt käytän välikokoa 640 pixeliä, niin mahtuu vielä reunalaatikotkin. Välillä mietin, tarvitaanko niitä.

Kiitos sinulle itseni ja muitten puolesta :-)

Ansku kirjoitti...

No nyt vihdoin onnistuin! :))) Pientä hienosäätöä tosin vielä kaivataan, mutta periaate on nyt luullakseni selvillä.

Isot, isot kiitokset sinulle, ja vielä halaus päälle!

Elisa kirjoitti...

Minäkin onnistuin suurentamaan kuvia sinun ja Uniin ohjeilla, kiitoksia! Vielä on hienosäätöä, sillä kuvien ohut reunaviiva jää pois oikealta puolelta (vai johtuneeko selaimesta..). Samalla huomasin, että aiemmin lisättyjen kuvien laatu ei riitä, nyt kun kuvat ovat isompia.

ATToivanen kirjoitti...

En minäkään klikkaile niitä pikkukuvia, joten tää vaihtoehto on parempi.

No, hyvä että on ollut apua. Mä menekin tästä seurailemaan modattuja blogeja suurine kuvineen...

ATToivanen kirjoitti...

Elisa: Mulla ei näy tollanen "erittäin suuri" valinta. Liittyyköhän johonkin tiettyyn blogipohjaan?

Elisa kirjoitti...

Jaa-a kun tietäisin, sillä se on ollut näkyvissä vasta pari-kolme päivää.. Olen niin aloittelija, etten tosiaan osaa sanoa miksi se on muuttunut - tietäisiköhän joku kokeneempi bloggaaja?

Elisa kirjoitti...

Ai niin - ne kuvat jotka olen siirtänyt Picasan kautta, niitä en saa enää jälkeenpäin suurennettua. Ne kuvat jotka olen lisännyt siellä hallintapaneelissa, niisä kuvissa voin jälkeenpäin muuttaa kokoa..

ATToivanen kirjoitti...

Elisa: En ole kuullut muilta tuosta uudesta kuvakoosta. Outo juttu jos ei näy kaikilla...

Joo, näin on, ettei kuvien kokoa voi muuttaa samalla tavalla kuin bloggerilla tuoduilla. Itse en pidä sitä haittana koska mun kuvat ovat kaikki saman kokoisia

Elisa kirjoitti...

Teeppäs testi ja siirrä kuva koneeltasi sieltä hallintapaneelin kautta. Ja kokeile josko sitten tulisi se 'ominaisuus' näkyviin.. tuskinpa se vain minulle on ilmaantunut. Tai sitten teen jotakin,jota kukaan muu ei tee!

ATToivanen kirjoitti...

Olen kokeillut useasti ja minulla ei näy muita kuin: pieni, kohtalainen ja suuri.

Elisa kirjoitti...

Mystistä - minulla vaihtoehdot on pieni-keskikoko-suuri-erittäin suuri. Osaiskohan joku ylläpito/vast auttaa?

Häivähdys kirjoitti...

Nämä ohjeet tulivat tosi tarpeeseen. Olin jo lopen kyllästynyt bloggeriin kuvablogina. Minullakin on kuvakoon vaihtoehtoina pieni, kohtalainen ja suuri. Suurimmallakin vaihtoehdolla kuvat ovat aika pieniä. En tajunnut että kierrättää kuvat voi kierrättää photobucketin kautta. Kokeilin jo muutamalla 750 px levyisellä vaakakuvalla. Pohjana minulla on Minima stretch ja ainakin omalla koneella näyttäisi, että 750 px levyiset kuvat mahtuvat kokonaan muokkaamatta sivupohjaa (jos sivut eivät jonkun toisen näytöllä näy hyvin, olisi mukava tietää).

ATToivanen kirjoitti...

Häivähdys: Katsoppas tuo postaukseni "Bloggerin uusi editori". Siellä on ohje kuinka saa erityisen suuret kuvat käyttöön.

Häivähdys kirjoitti...

Kiitos! Kyllähän minä katselin tuota postausta jo aiemmin, mutta en huomannut, että siinä on ohjeetkin. Ihmettelin vain kuvia.

Katriina, kirjoitti...

KIITOS, kiitos, kiitos! Elisa antoi minulle tämän vinkin ja lopultakin sain omankin blogini muutettua sopivammaksi kuville. Ei ollut edes vaikeaa, kunhan sain pienistä esimerkkiteksteistäsi kaikki oikeat kohdat silmiini.

ATToivanen kirjoitti...

Ollos hyvä! Hyvä että on apua 8)

Lähetä kommentti