Cara buat favicon

Sabtu, 2007 Oktober 20

Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser, cara buat favicon cukup mudah ingin membuatnya ikuti langkah berikut:

1. Buat gambar ukuran 32x32 simpan dengan format gif, jpg, png, dan bmp (pilih salah satu)
2. Kemudian buka http://tools.dynamicdrive.com/favicon/
3. Pada tombol browse pilih gambar yang telah dibuat
4. kemudian klik "create icon"
5. klik "download favicon" simpan gambar tersebut
6. simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com atau pages.google.com
7. langkah terakhir buka blogger lalu masuk ke edit HTML

cari code <head> kemudin paste kode dibawah ini dibawah kode <head>:

Catatan: warna merah ganti dengan alamat icon sesuai dengan nama alamat url tempat disimpannya icon

Contoh
<link href='http://www.geocities.com/oom_directory/favicon.ico' rel='shortcut icon'/>

8. simpan, kemudian lihat hasilnya.

Dengan memasukan alamat email dibawah ini berarti anda akan mendapat kiriman artikel terbaru dari o-om.com di inbox anda:

Beri vote untuk nilai artikel ini:

21 Komentar:

Dzofar mengatakan...: matur nuwun mas... it works!!! terimakasih banyak!!!; Selasa, 11 Desember, 2007
SatoNa mengatakan...: hmm.. kk.. bingung.. hehe..

aku dah tinggal dimasukin ke photobucket.. tapi dia ga trima dalam bentuk .ico .. gimana tuh? >_<

-SatoNa-; Sabtu, 15 Desember, 2007
SatoNa mengatakan...: waah kk.. dah berhasilll.. hehehe.. Akhirnya.. berhasil juga punya icon.. hehe..

thx bangeet yaah.. ^^; Sabtu, 15 Desember, 2007
Agus (o-om) mengatakan...: wah....udah berhasil selamat ya...; Sabtu, 15 Desember, 2007
VoLxaDa coMunitY mengatakan...: aDuh bOZzz,..keNApa buNYine
di photobucket.. g nrima dalam bentuk .ico .. gimana tuh? >_<
wadUH,..repLY y; Jumat, 07 Maret, 2008
Agus (o-om) mengatakan...: coba simpan disini saja www.geocities.com atau pages.google.com; Selasa, 11 Maret, 2008
opiniherry mengatakan...: Kok blon bisa yaa...; Sabtu, 12 April, 2008
Galih M. Jati mengatakan...: Wah keren nich om tutorialnya... thanks banget yach; Jumat, 02 Mei, 2008
Omni Master mengatakan...: d logo punya oom, di sekitar gambar bohlam ny kan transparan tuh...nah punya saya nggak tuh oom (msh ada white area ny)...gmn caranya bikin supaya bs transparan ya?; Sabtu, 03 Mei, 2008
OOM mengatakan...: @Omni Master : oh punya om tansparant dari imagenya langsung; Sabtu, 03 Mei, 2008
try risnandar mengatakan...: terima kasih banyak om; Jumat, 09 Mei, 2008
sRiE mengatakan...: Makasihh...
Blog sRiE udh ada faviconnya :); Sabtu, 10 Mei, 2008
OOM mengatakan...: makasih juga buat sri dan try :); Minggu, 11 Mei, 2008
indr@ mengatakan...: kerennnn tips-nya... walaupun favicon-ku sedikit katro hhhehehe...; Kamis, 15 Mei, 2008
F415 mengatakan...: TERIMA KASIH MAS AKU DAH COBAIN DAN BERHASIL.; Selasa, 27 Mei, 2008
Jaz mengatakan...: Kang kok punyaku keluar kata2 ini ya kang piye ki...?

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "link" must be terminated by the matching end-tag "".

Thanks Jaz.; Senin, 09 Juni, 2008
OOM mengatakan...: @jaz : jangan lupa di belang script di beri tanda garis miring '/>; Senin, 09 Juni, 2008
Abu Abeer mengatakan...: Assalamu'alaikum,
Jazakallah khair atas tips nya meski dg susah payah saya dapat juga mengganti favicon di blog saya.....sekali lagi Makasih; Kamis, 19 Juni, 2008
Nonaa Cindy mengatakan...: kok aku coba gak bisa yaa ? kalo pake imageshack.us bisa gak ?; Sabtu, 21 Juni, 2008
mbah joyo mengatakan...: makasih oom,langsung bisa nih mantapp....; Kamis, 26 Juni, 2008
Jazili mengatakan...: Kang klo untuk blogspot yang di domain sendiri kok gak bisa ya om...

Gimana ya caranya...
aku coba di www.jazili.com malah yang keluar iconnya google pages...

Bantu dong Om; Sabtu, 05 Juli, 2008