Sekilas saja saya ingin menyampaikan tentang pengertian dari favicon itu sendiri, jika kebetulan saja ada yang berkunjung dan membaca artikel tentang favicon ini, terus kebetulan juga belum kenal dengan yang namanya Favicon. Memang akan terasa asing dan bahkan akan sulit untuk diterapkan jika kita tidak tau pengertian ataupun kegunaan dari favicon.
Langsung saja saya jelaskan, Favicon atau Favorite Icon adalah satu icon atau gambar kecil yang digunakan untuk menggambarkan Identitas atau logo dari suatu situs. Letaknya berada disamping kiri halaman blog/web, icon kecil yang terletak di samping suatu bar halaman/URL web/blog. Sebagai contoh bisa dilihat diatas, adrress bar milik saya, memakai icon/gambar Sasuke (Tokoh Kartun Naruto). Gambar tersebut bisa diganti sesuai keinginan kita, atau jika memiliki suatu gambar yang menjadi lambang dari web/blog kita, disanalah untuk meletakkan logo situs kita.
Berikut langkang-langkah cara membuatnya:
1. Siapkan gambar yang akang dijadikan favicon terlebih dahulu, bisa gamabar yang sudah ada ataupun bisa mendadak buat sendiri. Lalu rubah ukuran dari gambar itu menjadi ukuran 16 x 16 px (pixel), untuk merubahnya bisa pakai Paint atau Photo Shop jika yang mahir utak-atik gambar.
2. Setelah beres merubah ukuran gambar, langsung saja simpan dengan nama favicon, bisa dalam format, *jpg, *gif, *png, ataupun *bmp.
3. Berikutnya merubah format gambar yang sudah kita buat tadi kedalam format ico. Dan itu bisa kita lakukan dengan mengunjungi situs ini http://tools.dynamicdrive.com/favicon/, dan langsung mengupload gambar yang sudah kita buat tadi.
Kalau sudah sampai disana, langsung saja upload favicon yang telah kita buat tadi kedalam hostingan google ini. Berikutnya, kalau sudah berhasil di upload, ambil url gambar tersebut dengan cara. Klik kanan pada gambar gambar tersebut, lalu klik Copy Link Location
5. Tinggal kita memasukannya pada halaman html blog miliki kita. Copy code dibawah ini
Ubah nama "url gambar" dengan alamat url favicon kita, atau yang tadi sudah kita copy dari Googe Pages Creator.
Simpan kode tersebut persis dibawah kode
6. Langkah terakhir, klik tab Preview sebelum di simpan, kalau sudah cocok tinggal klik tab Simpan
Semoga Informasi ini bisa bermanfaat, dan semoga mudah untuk diikuti.
Langsung saja saya jelaskan, Favicon atau Favorite Icon adalah satu icon atau gambar kecil yang digunakan untuk menggambarkan Identitas atau logo dari suatu situs. Letaknya berada disamping kiri halaman blog/web, icon kecil yang terletak di samping suatu bar halaman/URL web/blog. Sebagai contoh bisa dilihat diatas, adrress bar milik saya, memakai icon/gambar Sasuke (Tokoh Kartun Naruto). Gambar tersebut bisa diganti sesuai keinginan kita, atau jika memiliki suatu gambar yang menjadi lambang dari web/blog kita, disanalah untuk meletakkan logo situs kita.
Berikut langkang-langkah cara membuatnya:
1. Siapkan gambar yang akang dijadikan favicon terlebih dahulu, bisa gamabar yang sudah ada ataupun bisa mendadak buat sendiri. Lalu rubah ukuran dari gambar itu menjadi ukuran 16 x 16 px (pixel), untuk merubahnya bisa pakai Paint atau Photo Shop jika yang mahir utak-atik gambar.
2. Setelah beres merubah ukuran gambar, langsung saja simpan dengan nama favicon, bisa dalam format, *jpg, *gif, *png, ataupun *bmp.
3. Berikutnya merubah format gambar yang sudah kita buat tadi kedalam format ico. Dan itu bisa kita lakukan dengan mengunjungi situs ini http://tools.dynamicdrive.com/favicon/, dan langsung mengupload gambar yang sudah kita buat tadi.
- Klik tab yang diberi tanda merah, lalu cari gambar yang akan dibuat favicon tadi.
- Setelah gambar dimasukan, langsung klik tab Create Icon dan lihat hasil gambar yang telah kita upload tadi.
- Lalu klik tab Download Favicon yang berada persis dibawahnya.
Kalau sudah sampai disana, langsung saja upload favicon yang telah kita buat tadi kedalam hostingan google ini. Berikutnya, kalau sudah berhasil di upload, ambil url gambar tersebut dengan cara. Klik kanan pada gambar gambar tersebut, lalu klik Copy Link Location
<LINK REL="SHORTCUT ICON" HREF="url gambar"/>Ubah nama "url gambar" dengan alamat url favicon kita, atau yang tadi sudah kita copy dari Googe Pages Creator.
Simpan kode tersebut persis dibawah kode
<HEAD>, dan akan terlihat sepert i ini
<head>
<LINK REL="SHORTCUT ICON" HREF="url gambar"/>6. Langkah terakhir, klik tab Preview sebelum di simpan, kalau sudah cocok tinggal klik tab Simpan
Semoga Informasi ini bisa bermanfaat, dan semoga mudah untuk diikuti.
4 komentar
terima kasih atas penjelasannya, saya coba dulu yah
kenapa klo di buka IE, Favicon tidak muncul
asyiiik sukses euyyyyyyy makasih kak tara thank yuooooo pizaaaaaaaaaaaaaaaaaaaaaaaaaaan puas
TRIMS INFONYA...TAPI KOK FAVICON SAYA G NAMPAK DI IE TAPI KALAU PAKAI FF MUNCUL,MOHON SOLUSINYA.TRIMS
Post a Comment