Favicon adalah gambar,icon,logo yang terdapat di address bar di depan url yang sedang kita buka. Jika anda mempunyai website tentunya pingin tampil lebih elegan dan profesional jika anda mempunyai favicon sendiri. Bagi pengguna CMS seperti Joomla, Wordpress,Blogspot, biasanya sudah tersedia favicon default. Kurang bagus jika anda mempunyai nama domain sendiri tapi menggunakan favicon orang lain atau perusahaan lain. mau dong punya favicon sendiri.
Favicon website mudah dibuat kok. Kita tinggal menyiapkan gambar dalam kotak canvas ukuran 16 x 16px atau 32 x 32px. Kita bisa menggunakan Photoshop atau macromedia firework untuk mendesainnya. Simpan gambar dalam JPG,GIF, atau PNG.
Setelah gambar jadi maka ekstensi gambar harus diubah menjadi .ico (baca: [dot]ico). Bagaimana caranya? Kita bisa menggunakan tools online favicon generator. Banyak penyedia layanan pembuat favicon online. Beberapa url yang menyediakan fasilitas gratis ini antara lain:
1.www.favicon.cc
2.www.htmlkit.com/services/favicon/
3.www.favicon.co.uk/
4.www.degraeve.com/favicon
5.www.graphicsguru.com/favicon.php
6.dll
Kita akan belajar bagaimana membuat favicon dengan menggunakan fasilitas online dari url point (2) karena hasilnya bisa berupa favicon statis maupun favicon animasi. Menarik kan?
Langkah-langkahnya seperti ini:
1. Ketikkan url pada browser kamu http://www.htmlkit.com/services/favicon/
2. Pada source image pilih gambar yang sudah kita siapkan sebelumnya dan kita simpan di komputer lokal.
3. Klik Tombol Generate Favicon.Ico. Maka akan terlihat gambar preview favicon yang statis maupun animasi.
4. Pilih preview favicon mana yang kamu sukai. Lalu klik link download untuk mendownload favicon anda.
5. Ekstract file zip favicon anda dan anda akan melihat hasilnya.
Bagaimana cara pasang di website/toko online oscommerce anda?
Pertama, Memasang favicon Animasi
Anda harus menentukan dimana anda akan memasang favicon anda.
Kemudian upload favicon.ico dan animated_favicon1.gif anda pada root folder anda diserver hosting.
Misal kita ingin meletakkannya untuk halaman index. Buka halaman index. Edit file index.php lalu letakkan kode berikut diantara tag head.
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" type="image/gif" href="animated_favicon1.gif" >
Kedua, Memasang favicon Statisama dengan cara pertama. Kemudian letakkan kode berikut diatara tag <head></head>
<link rel="shortcut icon" href="favicon.ico" >
Hasilnya bisa anda lihat di beberapa website saya:
Jasawebsitepro.com
Tokoplusafiliasi.com
Jika kamu tidak mampu bersedekah dengan materi maka bersedekahlah dengan ilmu. Karena ilmu itu akan dibawa sampai Mati. Blog ini aku dedikasikan untuk Semua Orang yang ingin maju dan merubah nasib dengan BISNIS INTERNET.
0 comments
Post a Comment