Teme: Blog | Grafički dizajn

Dodajte ikonicu svom blogu

Skraćena veza: https://pedja.supurovic.net/veza/563

Primetili ste verovatno da neki blogovi imaju naročite ikonice ispred adrese u veb čitaču. Takva sličica se zove favicon, a namena joj je da učini sajt prepoznatljivijim. Ne samo što se prikazuje u polju za adresu sajta, već i ako sačuvate adresu u bukmark, i tu će se prikazati izabrana ikona umesto standardne.

Dobru ikonicu nije baš lako napraviti. Potrebno je dosta veštine jer ona ima rezoluciju od samo 16 x 16 tačaka, a to je vrlo malo, i zaista je teško nacrtati ikonu sa mnogo detalja.

Kakve sve ikonice mogu da se naprave pogledajte na top listi sajta favicon.cc. Evo nekih od ikonica sa te liste:

favicon 1 favicon 2 favicon 3 favicon 4 favicon 5 favicon 6 favicon 7 favicon 8 favicon 9 favicon 10 favicon 11 favicon 12 favicon 13 favicon 14 favicon 15

Otvorite ih u nekom programu i uvećajte pa će vam biti jasno koliko je truda trebalo uložiti da se dobiju ovakve sličice.

Pogledajte kako su to oni radili pa probajte i sami nešto da nacrtate. To možete učiniti u bilo kom programu za crtanje bitmapa. Podesite da je slika veličine 16 x 16 tačaka i crtajte. Ako nemate nijedan program pri ruci na naslovnoj strani sajta favicon.cc imate jednostavan editor u kome možete napraviti čak i animirane ikone.

Za ikonice na sajtu se koristi format ICO, međutim, malo grafičkih programa ga podržava, tako da, ako ste program crtali u Fotošopu ili nekom sličnom programu, moraćete malo da se snađete. Sliku snimite u GIF ili PNG formatu, a zatim otiđite na sajt Favicon Generator, pošaljite mu to što ste nacrtali, izaberite veličinu 16 x 16 i pustite ga nek vam on napravi sličicu u ICO formatu. Možete probati da mu pošaljete i veću sliku, čak možda i neku fotografiju pa će on probati da je sam smanji i uredi kao ikonu. Ipak, ne nadajte se mnogo, da bi to ispalo dobro svejedno ćete morati dosta da poradite na slici. Slično radi i servis HTMLKit, pa možete i njega isprobati.

Preuzmite napravljenu ICO sličicu i snimite je kod sebe kao favicon.ico. Nju sada treba da stavite na svoj sajt u osnovni direktorijum. Da bi se sličica videla potrebno je da u zaglavlju dokumenata stoji informacija da ona postoji. To postižete tako što u <HEAD> dokumenta upišete kod:

<link rel="shortcut icon" href="/favicon.ico" />

Ovaj kod naglašava veb čitaču da sajt ima favicon i da treba da ga učita i prikaže.

Ako koristite WordPress, izmenu možete uraditi iz administrativnog dela bloga. Prijavite se i otvorite opciju Izgled / Uređivanje tema. Ovde možete izmeniti datoeke koje definišu izgled bloga. U listi nađite datoteku Zaglavlje (header.php), kliknite je da je editor učita i u kodu pronađite gde se završava <HEAD> deo dokumenta, a to je označeno kodom </HEAD>. Odmah ispred ovog koda, umetnite gore navedeni kod koji naznačava da sajt ima ikonu. Ako na blogu koristite više šablona, moraćete istu izmenu uraditi na svakom od njih. Ne zaboravite da obrišete keš ako koristite neki od dodataka za keširanje dokumenata, a dobro je i da obrišete keš u svom veb čitaču.

Ponovo otvorite naslovnu stranu svog bloga i ikonica bi trebalo da se odmah pojavi kako ispred adrese u adresnom polju tako i na drugim mestima, kao što su na primer bukmarci. Od sada će svako, ko otvori vaš blog videti ikonicu koja se razlikuje od drugih i tako će lakše prepoznavati vaš sajt.

3 comments to Dodajte ikonicu svom blogu

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Popunite izraz tako da bude tačan: *