Dengan semakin berkembangnya teknologi browser saat ini anda dapat memiliki ikon sendiri ketika orang lain membuka web anda. Ya, ikon yang lebih dikenal dengan favicon, yang berasal dari favourite icon ini saat ini sudah menjadi suatu tren sendiri bagi mereka yang memiliki web.
Anda juga tertarik ingin memiliki favicon bagi web anda, ada cara mudah dan praktis untuk membuatnya. Sebuah web yang beralamat di http://www.html-kit.com/favicon/ bisa membantu anda membuatkan icon dengan cepat. Anda tinggal menyediakan gambar saja yang akan dijadikan icon lalu klik tombol generate favicon.ico. Hasilnya sebuah file favicon.ico selesai dibuat.
Sekarang langkah selanjutnya adalah cara memasang favicon.ico di web anda.
Berikut ini langkah-langkahnya:
Pertama:
Klick “Download FavIcon” dan simpanlah file favicon.ico
Kedua:
Upload file favicon.icoke folder dimana anda meletakan file utama anda (front page). Atau dengan kata lain letakkan dengan file index anda.
Ketiga:
Tambahkan kode html berikut dalan tag head
link rel=”shortcut icon” href=”favicon.ico” (jangan lupa tanda )
Setelah semuanya selesai anda bisa menguji favicon anda dengan cara memvalidasinya di link berikut http://www.html-kit.com/favicon/validator/
Sekarang web anda sudah memiliki favicon…:)
Selamat mencoba
-akhdian-
menarik dan sangat membantu sekali, kang…. nuwun
SukaSuka
menyegarkan artikelnya, kang…. trims
SukaSuka
wah mantap banget nih tips nya gan, heheh dan makasih udah bantu aku gan, ni sekarang aku dah punya favicon deh… Sukses selalu…
SukaSuka
nice post.. i like it.. salam kenal dan sukses selalu..
SukaSuka
makasih mas, hebat, nggak pake plugin-pluginan segala
SukaSuka
Saya dateng dari mbah Gugel mas Dian, mo nyoba dulu ya, sukron.
SukaSuka
ini baru yang saya cari cari
gampang gak repot
SukaSuka
gmna caranya bikin Favicon biar dy transparant?
saya sudah bikin favicon huruf “C” tp pas dtaruh dweb, huruf “C” y itu sisi-sisinya warna putih,
Apa gk bisa sisi-sisi tersebut djadikan Transparant?
Jadi yang tampil huruf “C” aj
jwbnya kirim lewat e-mail y mas^
Thank
SukaSuka
…terima kasih sudah dibantu yaaak…
SukaSuka
Akhdian ini rupanya hanya copy paste saja makanya ga bisa menerangkan dengan baik, sebaiknya bila anda berani mempublish juga harus berani bertanggung jawab atas apa yg sudah anda publish dalam arti kata sekalipun itu hanya copy paste minimal mengerti dan dpt menjawab teman2 semua yg ada disini jgn lgsg ngabur begitu saja kasian ama teman2 yang laennya!!!!
SukaSuka
Ini tulisan saya sendiri mas 🙂 Tapi mungkin agak sedikit beda dengan kenyataan sekarang soalnya tulisan saya buat 5 tahun yang lalu, jadi maaf kalo sedikit beda.
Singkatnya kalo mau buat favicon tinggal buat via link http://www.html-kit.com/favicon/, lalu kemudian upload di web root blog anda (web dengan hosting sendiri).
Makasih masukkannya
SukaSuka
salam kenal..
makasih infonya,, silahkan mampir di Tips n Trik
SukaSuka
makasih ya gan infonya
SukaSuka
terima kasih infonya mas dian 🙂
SukaSuka
Kucoba dulu ya mas… semoga saya bisa
SukaSuka
ngk bisa kubuat, bingung saya
SukaSuka
Thanks for info http://www.html-kit.com/favicon/ -nya. Walaupun ga semua triknya saya ikuti.. dimixkan dgn informasi dari tempat lain.. akhirnya berhasil juga buat faviconnya
SukaSuka
Download favicon dah berhasil.
Tapi cara upload ke Joomla gimana ya?
Coz mereka pake php bukan html..
Mas/ Someone, please help…
SukaSuka
upload saja ke root web nya (folder www/public html)
SukaSuka
Kebetulan mas saya belum punya favicon ,terima kasih infonya
SukaSuka
Thanks artikelnya yah mas…
SukaSuka
mas akhdian….
kok gambarnya ancur ya…. kaya blur gt jadinya…
SukaSuka
ok di coba langsung
SukaSuka
Assalamualaikum wr. wb.
saya Aditya Pratama Putra, Mahasiswa, Blogger, Aktivis Islam, (Web Master, Programmer) Amin.
Follow me – Twitter, Be a Friend – Facebook.
insya Allah bisa menjalin silaturahim.
http://www.rangeradith.wordpress.com
SukaSuka
Thank info nya. terus lah menulis artikel2 penting, goodluck.
SukaSuka
waduh,,, aku gak ngerti…
SukaSuka
bingung semuanya kok jadi bingung.. saya justru bingung ngeditnya pake apa ya enaknya.. biar cepet..
SukaSuka
Kalo yang ngeblog pake HP, aq punya Tutornya Mas… Usefull info, keep writing and nice to meet you…
SukaSuka
thanks atas ilmunya.
saya sudah mencoba apa yang diperintahkan, tapi kok nggak muncul yach….
perintah :
Perintah diatas ada yang perlu diganti nggak yach…soalnya saya masukan perintah persis diatas dan diantara ……. seperti diatas
SukaSuka
ahdian, penjelasan anda kurang difahami, coba susun sebuah kalimat yang mudah difahami.
aku meletakan animated_favicon.gif di public html sedangkan scriptnya ditulis di header, faviconnya nda muncul juga
SukaSuka
Trims banget nih infonya. kebetulan lagi mau buat favico yang bisa animante….
SukaSuka
wah… makasih yea onfonya ini sangat membantu sekali
SukaSuka
kalo buat wordpress.com gimana?
SukaSuka
Makasi… infonya berguna banget…
SukaSuka
gak ngerti saya.. 😀
menanggapi komentator pertama, saya juga gak ngerti..
saya soale gak bikin tempelate sendiri..
jadi dimana saya taruh hasil downloadnya?
SukaSuka
Maksud saya terima kasih… affan
SukaSuka
kalau smuanya selesai dan diuji tetapi hasilnya
“The favicon doesn’t appear to be a valid icon.”
itu berarti apanya yach yg salah,??
SukaSuka
makasi atas infonya…..
salam kenal….:D
SukaSuka
Terima kasih atas artikel mengenai favicon! Kunjungi blog saya dan sukses selalu!
SukaSuka
Maksudnya file yang bernama favicon dengan ekstensi .ico (favicon.ico) diupload letaknya sama dengan meletakan file index.php/index.html. Misalnya file index.php diletakan di folder www ya, meletakan file favicon.ico juga sama di folder www. Moga faham 🙂
SukaSuka
maxudnya “Upload file favicon.icoke folder dimana anda meletakan file utama anda (front page). Atau dengan kata lain letakkan dengan file index anda.” itu apa?
SukaSuka