Mengganti Favicon dengan Script/Kode di Blog

Mengganti Favicon dengan Script/Kode di Blog - Bagaimana jadinya jika menu untuk mengganti favicon tidak ada di blog? Tentu saja anda akan merasa bingung bukan?. Nah pada kesempatan kali ini admin akan sharing lagi bagaimana mengganti favicon di blog yang menu untuk mengganti faviconnya tidak ada di bagian tata letak blog.

Apa itu Favicon?

Sebelum membahas lebih jauh, hal pertama yang sebaiknya sahabat pahami adalah definisi dari apa itu Favicon. Favicon sendiri merupakan kependekan dari “favorite icon”. Definisi lengkapnya adalah ikon unik pada sebuah website yang berfungsi sebagai identitas dari website tersebut. Favicon sendiri tampil di bagian tab browser dan sekilas ukurannya juga terlihat mungil.

Dari gambar diatas diperlihatkan favicon dari blog ini dan juga favicon dari google. Bagaimana jelas bukan yang dimaksudkan dengan favicon? Kalau sudah mari kita lanjutkan dengan mengganti favicon di blog.

Mengganti Favicon

Untuk cara menganti favicon disini admin akan jelaskan dengan dua cara yaitu melalui menu tata letak yang ada di blog dan yang kedua dengan menggunakan sedikit kode atau script bagi sahabat yang di tata letaknya tidak ada menu untuk mengganti favicon.

Melalui tata letak

Admin anggap disini sahabat sudah memiliki gambar yang akan digunakan sebagai favicon di blog, selanjutnya silakan login ke dashboard blogger dan carilah menu favicon di tata letak/layout blogger seperti gambar dibawah ini.

Sahabat tinggal mengedit Favicon melalui menu tata letak/layout dan mengunggah gambar yang akan dijadikan favicon.

Melalui edit HTML

Bagaimana jika menu untuk mengganti favicon tersebut tidak ada di halaman tata letak/layout? Berikut admin bagi kode htmlnya agar bisa mengganti favicon di blog.

Adapun langkah-langkahnya adalah sebagai berikut :

1. Unggah/uploadlah gambar yang hendak kalian jadikan sebagai favicon, saran admin ukuran gambarnya 48x48 px. Untuk tempat unggah gambarnya bebas ya, silakan disesuaikan saja.

2. Setelah diupload, ambil alamat gambar tersebut kemudian simpan misalkan pada notepad.

3. Salin kode berikut diatas kode <head>

<link href='alamat gambar favicon' rel='icon' type='image/x-icon'/>

4. Ganti 'alamat gambar favicon' yang admin tandai pada kode diatas dengan alamat favicon yang anda simpan pada langkah ke-2. Nanti kurang lebih akan terlihat seperti gambar berikut.

5. Simpan,  reload halaman blog kalian dan lihatlah kini favicon blog kalian sudah berhasil diganti.

Demikian pembahasan bagaimana mengganti favicon dengan script atau kode hmtl di blog. Jika kalian merasa terbantu silakan share artikel ini supaya teman kalian juga terbantu.

Semoga bermanfaat.