Cara Menambahkan dan Mengganti Favicon di WordPress dan Blogspot

Terletak disebelah kiri layar (tab) dekat dengan URL situs itu namanya Favicon.

Favicons terletak di tab

Apa itu Favicon?

Favicon merupakan singkatan dari Favourite Icon yang merupakan sebuah gambar/logo dari sebuah blog yang tampil pada browser.

Fungsinya adalah supaya blog anda menunjukan ciri khasnya sehingga mudah dikenali.

Contohnya saja WordPress, dengan icon huruf W berwarna biru tersebut pasti kita langsung tahu bahwa lambang W tersebut adalah Situs WordPress.

Nah, bila anda ingin blog anda mudah dikenali maka gunakanlah Favicon. Bahkan seluruh blog di dunia ini mempunya favicon tersendiri.

Bagaimana membuat atau mencari favicon?

Membuat Favicon itu gampang dan gak terlalu susah. Simak baik-baik langkah-langkahnya dibawah ini.

Membuat Favicon Gambar

Pada umumnya format favicon adalah .ico . Namun, pada wordpress kita bisa menggunakan format gambar lain seperti PNG, GIF dan JPEG dengan syarat ukurannya harus 512 pixel. Jadi anda harus mengecillan ukuran gambarnya terlebih dahulu.

Oke, simak baik-baik cara membuat Favicon di bawah ini.

1. Siapkan Gambar yang mau CUT/Kecilkan.

2. Gunakan Aplikasi Edit Photo apa saja. Photoshop (PC) atau Piscart (Android)

3. Lalu kecilkan gambarnya kedalam ukuran kecil. Sebagian aplikasi bisa mengecilkan photo dengan menggunakan Ukuran nomor misalnya 50×50 , 100×100 dan lain-lain

4. Setelah itu Save.

Begitulah cara termudahnya, saya juga menggunakan cara tersebut untuk membuat Favicon.

Tapi kalau cara diatas tidak berhasil, anda bisa mencari favicons di situs penyedia Icon gratis.

Seperti: IconFinder.com dan Freeiconsweb.com .

Cara Mengganti Favicon Di WordPress

Pastikan anda sudah menyiapkan favicon anda dengan ukuran 512px berbentuk persegi ya. (Bukan Persegi panjang)

Langkah 1: Masuk Ke Dashboard WordPress

Login ke akun wordpress anda, ketik domain ini di browser Url: http://domain.com/wp-admin/

*Ubah Domain.com menjadi nama domain anda sendiri. Contoh: Bloggercidahu.my.id/wp-admin/

Langkah 2: Klik Menu Appearance > Customize

Di halaman ini ada banyak pilihan untuk mengubah tampilan blog anda, biasanya tab untuk mengubah favicon terdapat pada site identy.

 Klik Site Identy (Identitas Situs).

Langka 3: Upload gambar Favicon.

Klik tombol Select Image >> Upload gambar yang sudah dipersiapkan tadi.

Langkah 4: Klik Save & Publish

Coba periksa apalah gambarnya Work atau tidak. Kunjungi blog anda sendiri. Contoh icon blog saya:

Mengganti Favicons pada Blogger.com

Selanjutnya kita akan memasang favicon pada blog. Berbeda dengan wordpress, format dan ukuran favicon pada blogspot harus .ico dan ukurannya kurang maksimal 100kb.

Berikut langkah-langkah mengganti favicons di blogspot.

#Langkah Pertama

  1. Login akun blogger Anda. 
  2. Pilih ‘Tata Letak‘ pada menu dropdown.
  3. Kemudian Klik ‘Edit’ di bagian Favicon, lihat gambar.

  4. Klik ‘Pilih File’, cari filenya. Kalau sudah di upload dilanjutkan dengan klik ‘Simpan’
  5. Upload favicons dan simpan

#Cara lain dengan metode HTML

Login akun blogger Anda. 

1. Pada dashboard blogger.com pilih Template –> Edit HTML –> beri tanda centang pada kotak  Expand Widget Template

    2. Cari atau Tambahkan kode dibawah ini. Letaknya tepat diatas </head>.

    <link href=’Link Url Favicons  rel=’icon’ type=’image/gif’/>
    *Keterangan: Ganti ‘Link Url Favicons dengan URL atau link gambar . Contoh : http:/domain.com/image.ico

    3. Langkah terakhir klik Simpan template.

      Itulah Cara-cara termudah mengganti favicons. Sekarang blog anda akan terlihat lebih profesional.

      About the Author: Fajar Bahari Pebrian

      Saya Orang Yang suka dengan hal-hal yang baru. Belajar merupakan kunci sukses saya dan tak lupa untuk selalu berdoa pada Allah SWT. Saya hanya seorang pemula yang memulai blogging dari hobi. Dengan blogging saya bisa mengekspresikan cara-cara yang unik.