Cara Membuat Favicon Untuk Blog-Website

Apa itu favicon ?


favicon adalah gambar kecil yang berukuran 16x16 yang terletak di bagian atas browser Anda di bar url.
Bagaimana cara membuatnya...?

Cara Membuat favicon sangat mudah silakan ikuti petunjuk dibawah ini.

Cara Membuat Favicon Untuk Blog-Website

Pertama:
silakan cari dan download gambar yang sesuai dengan isi blog/ web anda (opsional).
Atau terserah mau gambar apasaja (bebas)

Anda bisa mencari dan download gambarnya di google image.

Note: format gambar harus Jpeg, png, gif

Kedua:
Setelah gambarnya sudah siap selanjutnya silakan masuk ke www.favicon-generator.org

Cara Membuat Favicon Untuk Blog-Website
1.silakan pilih file gambar yang sudah anda siapkan.

2. Klik pada >>> generate only 16x16 favicon.ico

3.klik >>> create favicon
create favicon
Selanjutnya...

1. Silakan download faviconya klik >>> download the generated favicon

2.silakan copy dan simpan kode seperti pada gambar yang saya beri no2.

Atau copy kode dibawah ini.



lanjut....

Ketiga:

Silakan upload favicon.ico yang sudah kamu download tadi keblog/web kalian.

Setelah upload berhasil, silakan copy url file favicon.ico nya.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

Ganti tulisan yang berwarna merah dengan url favicon.ico kalian.

Contoh yang sudah jadi :

<link rel="shortcut icon" href="http://gooogle.bloger.id/files/favicon.ico" type="image/x-icon">

<link rel="icon" href="http://gooogle.bloger.id/files/favicon.ico" type="image/x-icon">

lanjut....

Keempat:

Silakan pergi ke template/ theme dan tempelkan kodenya tepat dibawah kode <head>

kemudian simpan template/ theme anda.

Untuk pengguna wapblog.id silakan hapus dulu kode
<link rel="shortcut icon" type="image/x-icon" href="<wb:url>/assets/wapblog/favicon.ico" />
yang ada pada header theme anda dan ganti dengan kode diatas.

Selesai..

Anda bisa cek favicon anda menggunakan tool Favicon Test atau anda juga dapat melihat langsung pada bagian atas browser Anda di bar url sebelah kiri.

Semoga bermanfaat..

Baca juga: Semua tool gratis untuk cek seo

Cara Membuat Favicon Untuk Blog-Website Rating: 4.5 Diposkan Oleh: udan ,