Membuat Favicon pada website
Apa itu Favicon?
Favicon (Favorit Icon) Merupakan gambar/icon kecil yang di munculkan di alamat URL seperti pada gambar
Sebenarnya saya gak sengaja mengerjakan favicon untuk website yang saya buat ceritanya saya lagi nyantai di kamar iseng buat script PHP oo iya sebelumnya.. saya mo jelaskan dulu saya menggunakan aplikasi paket XAMPP sewaktu saya mo buat database menggunakan aplikasi phpmyadmin di sana ada gambar yang jadi perhatian saya. yang tadi mo buat database eh malah jadi ngerjain yang lain. Gambar yang lingkari warna merah yang jadi perhatian saya.
Dari gambar di ataslah saya berusaha cari tau cara membuat dan memasang gambar/icon pada website. Hal pertama yang saya lakukan mencari tau dulu direktory yang menyimpan gambar yang di lingkari warna merah, dan ternyata ketemu tanpa tunggu basibasi tu gambar langsung aj di openwith menggunakan aplikasi paint (aplikasi pengolah gambar bawaan Window XP). he.. he.. lucu banget dech karna terlalu lugu dan polos ternyata gambarnya gak bisa di edit menggunaka ms paint karna gak support extension .icon
Klo sudah begitu….. yups bener banget googling lah jawabannya setelah surfing dapat dech software yang bisa buat extension .icon sepert : Axialis Iconworkshop, MovieGear4 dan masih banyak aplikasi lain.
Saya menggunakan Axialis Iconworkshop.
Cara menggunakakan aplikasi ini ya seperti aplikasi pada umunya. Saya ceritain sedikit cara pakenya jalankan aplikasi pilih Open-File-cari gambarnya
Jika gambar sudah berada di lingkungan kerja Axialis IconWorkshop klik salah satu gambar yang di lingakari warna merah yang berfungsi membuat gambar icon.
Selanjutnya tinggal menentukan ukuran dan settingan yang lain.
Klik OK
Tampillah jendela seperti ini
Pilih salah satu ukuran yang kita inginkan dan terakhir klik gambar yang dilingkari warna merah fungsinya untuk menyimpan project yang telah kita kerjakan. misalkan gambar kita simpan dengan nama favicon.icon.
Saya ucapkan selamat kita telah berhasil membuat gambar yang berextension .icon
Sekarang tinggal memikirkan bagaimana gambar favicon.icon yang kita buat ini bisa tampil di URL dan menjadi icon favorit ????
Caranya :
<link rel="shortcut icon" href="favicon.ico" >
Atau
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
Diantara tag <head> Perintah untuk menampilkan favicon </head>
Lengkapnya seperti ini
<head>
<link rel="shortcut icon" href="favicon.ico" >
</head>
Atau
<head>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
</head>
Saya ucapkan selamat sekali lagi kita berhasil membuat favicon favicon pada website
Mohon kritik dan saran karena saya baru belajar menulis dan memmbuat website. .
saya newbie..
mohon di koreksi bagi para Senior kalo tulisannya ada yang salah..
thank..
wah dah lama cari2 akhirnya bersua jg neh dng ne article….thank’s..!!!
thanks…!
thaks bro
Sama2 Friend