Cara membuat Favicon atau Shortcut icon dengan Benar

Apakah favicon itu? Sebagai contoh mudah, lihat pada judul website ini.
Ada gambar simbol huruf A bukan?
Nah, kamu juga bisa membuatnya dengan foto.

Sudah taukah kamu cara membuat Shortcut icon atau sering disebut dengan favicon dengan benar?
Hmm,.. Klo dengan fail gambar biasa pasti tidak muncul? Betul tidak?

"Mari kita bahas..!"


Pertama yang perlu kalian siapkan adalah fail gambar, yang akan di jadikan favicon di website kamu.

Sebenarnya ada juga software aplikasi tersendiri untuk membuat favicon website, tetapi software ini hanya untuk PC Komputer, jika kamu berminat untuk menggunakan software tersebut, silahkan cari di www.google.com dengan kata kunci Download Software favicone.exe

Dan ada juga cara alternatif, cukup melalui media servis situs online.
Saya biasa menggunakan tools atau dalam bahasa kita disebut dengan alatan, alatan favicon ini telah disediakan oleh situs dynamicdrive.com
Silahkan coba link ini dulu www.tools.dynamicdrive.com/favicon untuk membuat favicon.
Perlu diketahui disitus www.tools.dynamicdrive.com/favicon menggunakan sejenis pop-up windows untuk mengunduh fail favicon kamu nanti.

Jadi..,
gunakan Bolt Browser untuk menggunakan alatan generator favicon dari situs tersebut.
Download Bolt Browser versi terbaru.

Jika persiapan semua sudah selesai, Unggah gambar itu di www.tools.dynamicdrive.com/favicon dengan menggunakan Bolt Browsermu.

klik Save, dan cari fail yang kamu unduh tadi di selularmu atau Komputer kamu, nama failnya kira-kira favicon.ico

Setelah ketemu, Kamu unggah fail favicon.ico itu di website kamu pada (root) folder images jika tidak ada folder images, silahkan buat folder images dulu.

kemudian cari tau alamat url favicon.ico tersebut di website kamu.
Contoh: http://alamatmu.com/images/favicon.ico

Dan gunakan kode seperti dibawah ini untuk menampilkan favicon di website kamu.

<link rel="shortcut icon" type="image/x-icon" href="http://alamatmu.com/images/favicon.ico">

Keterangan
bagian kode warna hijau, ganti dengan alamat website kamu

Salin kode diatas kolom textarea ini.
<link rel="shortcut icon" type="image/x-icon" href="http://domainmu.com/images/favicon.ico">

Letakkan kode script tersebut tepat sebelum kode penutup
</head> dan lihat hasil kerjamu.

Sekian penjelasan dari saya, jika ada pertanyaan, jangan sungkan untuk mengajukan pertanyaan di komentar.

Cara mudah menemukan Tutorial Website lainnya, sangatlah mudah ditemukan melalui label Postingan.
Belajar bersama. Arit Nuansa Pagi

Topik Terkait:
» Cara mengganti Favicon di Blogger dengan Handphone, Pemanfaatan JavaScript.
» Cara membuat Javascript Js di XtGem.com dengan tepat, singkat dan akurat !