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.
77 comments:
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?
aku pake punya yang gambar lampu punya mas aja deh..
dari tadi susah banget nimpen di geocities.com-nya..
makasih
setelah surfing sekian lamanya akhirnya fil berhasil juga punya favicon... berkat artikelnya o-om dweh eang pastinya...
tanx eah om... ouh eah... fil juga buat link dweh.. ke artikel ini... buat artikelnya fil tentang favicon juga...
tapi beda kok om... cuman tambahan aja... alnya fil lihat... banyak eang tanya juga tentang favicon animasi... nah... fil cuman mau bagi-bagi ilmu ajah om... minta maaf om... karena artikelnya dibuat dulu baru minta ijin ama om...
buat temen2 eang pengen buat favicon animasi... maen2 dweh ke blogku... mindielfangel.blogspot.com ... khusus bat artikel favicon animasinya bisa dicopy paste aja urlnya http://mindielfangel.blogspot.com/2009/10/favicon-animasi.html
tanx banget om...
keren....
numpang sedot gan...
sipppp
Disebagian template ada yang ga komfortibel. Saya sendiri pake cara seperti ini :saya taruh dibawah
]]></b:skin>
<link href='http://img412.imageshack.us/img412/3808/image11pc0.gif' rel='shortcut icon'/>
</head> dan berhasilhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif
wua, thx banget oom. sekarang web poe udah punya fav. mampir ya..
Terima kasih tipsnya.
Ssya juga gunakan http://www.html-kit.com/favicon untuk favicon animasi.
trimakasi
semoga berhasil jadi blogger yang handal
truzlah berkarya dan ajari aku tyk jadi blogger yg tdk rendah
;))
coba ah ;))
susahnya uplosd ico nya bos
wah saya dah coba ne mas,tapi kok ngak tampil juga ya,masih pya om google juga yg tampil
coba dan langsung bisa . hehe :D
makasih mass infonya .
coba dan langsung bisa . hehe :D
makasih mass infonya .
Ini yg di cari, eh di coba langsung bisa. Thanks :)
Makasih. Udah dibuat.
thanks ya
thaks bro...n salam kenal juga
kunjungi balik ea...hehe
www.aelovebel.blogspot.com
oom, saya mau tanya, oom ini kerja "primernya" apa sih om?, kok sempet2nya ngurusin blog sampe bisa serius?, kok saya gak bisa yah bagi waktunya, kira2 bisa gak om post kan tips gitu biar bisa bagi waktu buat kerja juga, buat ngeblog juga. saya tunggu kabarnya yah(hehehe maksa), saya dah subscribe blog ini da, dari dulu di email saya...makasih om...
btw sebenarnya ada satu lagi tempat buat favicon di http://www.html-kit.com/favicon/-/browserpreview/ disini bisa animasi faviconnya, cuma kalau yang transparant nya kurang bagus atau gak ada mungkin(soalnya saya coba jadi gak transparant)...
thanks oom...
:D minta artikelnya mas
makasih sebelumnya
trims yeee
makasih banyak ya mas...
makasih mas, infonya.. :D
bingung aku kk yg copas data d edit html malah eror
tolong beritahu dengan cermat maklum aku pemula om
Salam....Kenapa sih ga bisa buat favicon di blog saya, padahal semua petunjuk sdh sy ikuti...hahahahahaha, coba kasi trik jitu lagi o-om.... Oh gabung dong di blog saya... sukses dan selamat berbagi.... :)
Mantap gan tutorialnya,sangat membantu bagi blogger yang ingin Action dengan vavicon bisa kreasi sendiri
Thank artikelnya
om kok geo sama google pages nya gabisa ya? ada image hosting yg lain? thanks:)
om.. mohon bantuan...
aku pakai web cms joomla... tuch bagaimana mas...?
aku coba masuk cpanel dan langsung ganti gambar fivecon.ico dengan yang logoku kok tidak berubah,,,,
makasih atas infonyaa...
Om, kok masih belum berhasil nih??
punya saya tidak berhasil.. tapi setelah diotak atik ternyata bisa juga caranya letakan kodenya persis dibawah ]]>
google sdh menyediakan nya..
unik menjadi khas tersendiri dri setiap blog??
untuk apalagi, kan blogger sdh nyediain smua..
Poskan Komentar
Silahkan beri komentar dengan bijak dan jangan sampai komentar anda masuk dalam {COMMENTS SPAM}. Thanks