Ovaj post sam objavio na matičnom blogu pre gotovo 3 godine, kako je ova tema uvek aktuelna sa dolaskom novih blogera, smatram da bi trebalo podgrejati ovaj post, s tim što sam odradio neke neophodne korekcije.
Dakle, red je nešto i da naučimo kada je u pitanju izmena blog dizajna, kako bi svako prema svom ukusu mogao da sređuje svoj blog a da nije nužno poznavanje html-a.
Za početak naučićemo kako da promenimo fotku u pozadini bloga. Kao uzorak na kome ćemo eksperimentisati uzećemo blog dizajn po imenu "Blood Wall", iz prostog razloga što je sa njim najlakše manipulisati.
Kompletna faza bi trebalo da se odvija u nekoliko koraka.
1. Izabrati sliku koju želimo za pozadinu bloga. Slika mora biti veličine 1024x768 piksela. Uglavnom sve pozadine za desktop se rade u toj rezoluciji, pa se nadam da vam neće biti problem da pronađete odgovarajuću fotku. Ukoliko je manja ili veća, dimenziju fotke uvek možete promeniti na odgovarajuću u nekom foto editoru.
2. Sledeći korak je da tako pripremljenu fotku aploudujemo na nekom free serveru, moja preporuka je http://imageshack.us
Kada vam se otvori strana imageshack-a kliknite na browse, otvoriće vam se novi prozorčić u kome treba da nadjete svoju fotku koja vam čuči negde na hard disku i da je pošaljete. Ok, izabrali ste fotku, klik na host it! i nakon par sekundi vaša slika biće prebačena na server, a isti će vam ponuditi par linkova do nje. Nas zanima onaj poslednji, po imenu, direct link. Iskopirajte njegovu sadrzinu i sačuvajte je, u wordpad-u recimo. Time smo napravili osnovne pripreme.
3. Sada sledi onaj vama, verovatno, najhaotičniji deo, čeprkanje po kodu blog dizajna. Ali nema frke, ništa to nije strašno, niti šta možete da zeznete, jer uvek iznova možete da učitate dizajn koji ste pre toga imali.
Dakle idemo na glavna podešavanja, pa na dizajn. Otvoriće vam se prozor sa html kodom blog dizajna. Nas trenutno zanima samo jedna njegova linija a to je sledeća:
background: #000000
url(http://img101.imageshack.us/img101/6937/pozadinaxa4.jpg)
Jednostavno će te je pronaći, jer se nalazi na samom početku koda, mislim da je 10-ta linija po redu.
Obratite pažnu na zagradu
(http://img101.imageshack.us/img101/6937/pozadinaxa4.jpg).
Sadržaj u zagradi je link (putanja) do pozadinske fotke koja govori blogu odakle da je pozove. Potrebno je da umesto ovog sadržaja u zagradi, ubacite direct link fotke koju ste prethodno uploudovali na imageshack i time je posao završen. Kliknite na sačuvaj izmene, i vaš blog će poprimiti novi look.
Ako ste pažljivo pratili uputstva preostaje vam samo da se divite svom umeću i novoj kućici ...
U sledećem nastavku naučićemo kako da manipulišemo veličinom, vrstom i bojom fontova u blog dizajnu.