Skip to content Skip to sidebar Skip to footer

Cara mudah Mengganti Favicon Blog

Cara Mengganti Favicon Blog

Hai Blogger.....

Alhamdullilah.... Akhirnya berhasil juga ganti Favicon blog ini. Sampai butek kepala nyari tutorialnya. Tetap aja Favicon tak kunjung ganti.

Itu yang saya alami dua minggu yang lalu. Pusing cara ganti Favicon blog. Coba tutorial ini, itu tapi tetap aja Favicon tidak nongol, masih gambar defauld dari Blogger.

Karena waktu itu saya lumayan bingung saat ganti Favicon, maka saya buat tutorial ini agar sobat yang ingin ikutan ganti Favicon blog dapat menerapkan cara yang telah saya lakukan ini.

“Sebelum memulai tutorialnya, sobat udah tau kan apa itu Favicon ?” Saya anggap sobat udah mengerti semua ya.

Tenang....... Saya jelaskan garis besarnya saja. Favicon adalah logo blog sobat yang muncul saat blog kamu muncul di mesin pencarian.
Lebih jelasnya, seperti gambar berikut ini :


Udah jelas kan bro ? Jika sobat sudah paham, kita mulai saja tutorialnya.

Cara membuat Gambar Favicon

Langkah yang pertama adalah membuat gambar yang pas buat Favicon. Jadi sobat harus membuat gambar khusus yang berukuran 16×16 terlebih dahulu.

Tenang, kina gunakan tools online saja agar lebih mudah.

Sobat datang ke website pembuat Favicon. Setelah di website tersebut, sobat tinggal buat Favicon secara gratis dengan cara mengupload photo yang sobat ingin jadikan Favicon.
  • Sobat kunjungi website : http://favicon.htmlkit.com/favicon/ atau klik disini
  • Sobat upload photo dari ponsel sobat ( no.1)
  • Kemudian klik generator ( no.2) 
  • Kemudian sobat download gambarnya
  • Setelah gambar di download, ganti nama filenya jadi favico.ico
  • Tahapan pertama sudah selesai, sobat sudah punya gambar Favicon yang nanti akan kita jadikan Favicon blog.

Sobat bisa mengikuti seperti gambar berikut :





Cara ganti Favicon melalui edit tema Html


Langkah Kedua, sobat masuk ke blog yang ingin di ganti favicon-nya kemudian sobat pilih tema. Kemudian pilih titik tiga yang ada di sebelah kanan atas, lalu sobat pilih cadangkan untuk mendownload tema. Ini kita lakukan agar bisa memulihkan tema jika terjadi kesalahan.
  • Setelah selesai download tema, kemudian sobat langsung edit tema blog sobat melalu html
  • Pada menu html, cari kode berikut
  • </head>
  • kemudian pastekan kode berikut di atasnya
  • <link href='URL ICON' rel='icon' type='image/gif'/>
  • Ganti kode yang berwarna merah dengan alamat URL favicon sobat
  • Kemudian sobat save templatenya

Note : Kadang Favicon blog tidak langsung muncul, membutuhkan waktu beberapa hari dan bahkan satu bulan. Yang sabar ya jika belum berubah. Tapi banyak juga kok yang langsung muncul. Blog ini butuh proses 2 minggu baru muncul favicon-nya.

Cara membuat alamat URL Favicon blog

Saat membuat favicon, sobat membutuhkan alamat URL-nya. Sobat harus membuatnya sendiri. Caranya mudah kok, sobat tinggal ikuti tutorialnya :
  • Masuk ke blog sobat
  • Kemudian sobat buat postingan baru
  • Upload photo sobat ke dalam postingan tersebut 
  • Setelah selesai upload, sobat ganti metode penulisan jadi Html agar bisa menampilkan alamat URL yang mau kita ambil
  • Ambil alamat photonya, lihat gambar untuk alamat URL yang harus di ambil


Sobat tinggal masukkan photo seperti biasanya, maka akan tampil format htmlnya. COPY alamat URL tersebut. Alamat URL inilah yang akan di gunakan untuk mengganti tulisan yang berwarna merah saat membuat favicon.

Mudah kan Sob ?

Jangan lupa tinggalkan komentar jika sobat telah berhasil mengaplikasikan tutorial ini.