Cara Mengganti Favicon di WordPress Secara Manual

Di artike kali ini saya akan berbagi dengan teman2 semua cara mengganti favicon di wordpress secara manual tanpa plugin dengan sangat mudah.

Trik ini tentunya hanya untuk teman2 yang menggunakan wordpress.org bukan wordpress.com

Kalau teman2 sering melihat ada gambar kecil yang muncul di pojok kiri tab browser ketika teman2 membuka sebuah blog atau website seperti pada gambar berikut:

cara mengganti favicon di wordpress

Nah yang dilingkari dengan kotak merah pada gambar di atas…

itu dia yang disebut dengan FAVICON.

Jadi favicon adalah sebuah gambar kecil atau lebih tepatnya logo yang menjadi identitas masing-masing blog atau website dan umunya berbeda untuk setiap blog/website.

Kegunanaan dari favicon itu sendiri adalah agar blog kita terlihat berbeda dengan blog orang lain dan lebih menarik sehingga lebih mudah diingat orang lain.

Oke langsung saja ikuti langkah2 mengganti favicon di blog wordpress secara manual berikut.

Baca juga: Cara Menghilangkan Tanggal Posting Artikel di SERP Pada WordPress

1. Pertama teman2 login dulu ke dashboard wordpress masing2.

2. Setelah itu upload gambar yang akan dijadikan logo melalui menu Media kemudian Add New seperti pada gambar berikut:

media add new

Harap diingat!

Gambar yang akan dijadikan favicon haruslah berbentuk persegi, bukan persegi panjang!

Ukuran minimalnya adalah 72px panjang dan 72px lebar — lebih dari itu tidak masalah.

3. Setelah teman2 mengupload gambar yang akan dijadikan favicon ke Media Library, silahkan klik gambar yang akan dijadikan favicon tersebut.

url favicon

Ambil URL gambar yang sudah diupload tadi…

…letaknya seperti yang diberi kotak merah pada gambar di atas.

4. Selanjutnya teman2 klik menu Appearance kemudian Editor seperti pada gambar di bawah:

editor pada appearance sparkling

5. Kemudian cari dan klik file header.php seperti gambar berikut:

file header

6. Selanjutnya copy baris code berikut:

<link rel="shortcut icon" href="http://tipscepathamilblog.com/wp-content/uploads/2016/06/tips-cepat-hamil-logo-8.png" />

dan paste tepat di bawah tag <head> seperti pada gambar di bawah:

code favicon

Ganti url gambar pada attribute href dengan url gambar yang sudah teman2 upload tadi.

Terkahir klik Update File.

Tara…Blog teman2 kini sudah memiliki FAVICON.

Untuk melihat hasilnya silahkan refresh browser teman2.

Demikian panduan cara mengganti favicon di wordpress ini — semoga bermanfaat.

Kalau teman2 merasa artikel ini bermanfaat, tolong dishare ya 🙂

2 thoughts on “Cara Mengganti Favicon di WordPress Secara Manual

Leave a Reply

Your email address will not be published. Required fields are marked *