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>:
<link rel="shortcut icon" href="/favicon.ico">
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.








44 Komentar:
matur nuwun mas... it works!!! terimakasih banyak!!!
hmm.. kk.. bingung.. hehe..
aku dah tinggal dimasukin ke photobucket.. tapi dia ga trima dalam bentuk .ico .. gimana tuh? >_<
-SatoNa-
waah kk.. dah berhasilll.. hehehe.. Akhirnya.. berhasil juga punya icon.. hehe..
thx bangeet yaah.. ^^
wah....udah berhasil selamat ya...
aDuh bOZzz,..keNApa buNYine
di photobucket.. g nrima dalam bentuk .ico .. gimana tuh? >_<
wadUH,..repLY y
coba simpan disini saja www.geocities.com atau pages.google.com
Kok blon bisa yaa...
Wah keren nich om tutorialnya... thanks banget yach
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?
@Omni Master : oh punya om tansparant dari imagenya langsung
terima kasih banyak om
Makasihh...
Blog sRiE udh ada faviconnya :)
makasih juga buat sri dan try :)
kerennnn tips-nya... walaupun favicon-ku sedikit katro hhhehehe...
TERIMA KASIH MAS AKU DAH COBAIN DAN BERHASIL.
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.
@jaz : jangan lupa di belang script di beri tanda garis miring '/>
Assalamu'alaikum,
Jazakallah khair atas tips nya meski dg susah payah saya dapat juga mengganti favicon di blog saya.....sekali lagi Makasih
kok aku coba gak bisa yaa ? kalo pake imageshack.us bisa gak ?
makasih oom,langsung bisa nih mantapp....
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
halow om udah acy benerin kayaknya commentnya udah bisa dech, sekarang mo nyoba buat pavicon :)
setelah diberitahu oleh kang firdaus, akhirnya aku menemukan tutorial ini juga, makasi kang firdaus ma kang O-Oms. tetep semangat Blogger Indonesia... !!!
@all : thanks buat komentarnya semoga sukses pasang faviconya :)
buat aku yang pemula ini banyak ngebantu ^^
Belajar buat favicon n sukses,mas..mantap hehe..thx much
bil nggu buka... jlan2 k rmahnya Om... biar smakin dpt ilmu bnyak...
Mas, cara nyimpan iconya gmn?
udah saya coba kok tetap icon blogger ya yg muncul ?
simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com atau pages.google.com<<<<<< om cara simpannya gimana????masih binun Mode ON
mas skrng kok blogger ga bisa diganti yah faviconnya... nape neehh.... :(
Atow ada cara laen menyiasatinya... :>
sip....
oom emang tutornya simple tapi sangat berguna
dan mudah di aplikasi kan..
makasi y om
oom baik de...;))
kucoba deh
aku coba kok gk muncul di blogspot
saya juga pengin buat ah....
lihat aja hasilnya di web baruku keren khan...
http://www.m4rnos.com
head
link href='http://www.geocities.com/p_rama_y/favicon.ico' rel='shortcut icon'/
b:include data='blog' name='all-head-content'/
title data:blog.pageTitle/ /title
b:skin ![CDATA[/*
koq gak kluar ya om? ada yg salahkah? please correct it ya..thanks
ps.tanda panah2 aku hilangin semua biar bisa post comment
trims ya...ini berguna sekali....numpang copy paster ya...
Ijin kopi buat post di blogku http://newsdigital.wordpress.com
Om gimana cara nyimpan download-an favicon di pages.google.com nya?
Dari langkah A sampai Z sudah berhasil, tp pas tak coba lihat hasilnya kok tetep ga berubah ya (masih icon blogger), kenapa ya oom? minta bantuannya!
Punya saya kok belum bisa yach :
http://zuhadi.googlepages.com/Favikon.png
saya sudah buat favicon yg animasi, tapi kenapa ya dia tidak bergerak ?
Terimakasih.
mantab deeh om.. makasih y infonya :)
klo buat wp gmn om caranya?
Poskan Komentar
Silahkan beri komentar dan jangan permalukan diri sendiri dengan komentar spam ya. thanks :)