Header Ads

Breaking News

Cara Mengganti Favicon di WordPress Secara Manual

Cara Mengganti Favicon di WordPress Secara Manual

Di artike kali ini saya akan berbagi dengan teman2 semua cara mengganti favicon di wordpresssecara 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.

1. Pertama teman2 login dulu ke dashboard wordpress masing2.
2. Setelah itu upload gambar yang akan dijadikan logo melalui menu Media kemudian Add Newseperti 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 🙂

Tidak ada komentar