Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

Favicon ( Favorit Icon ) adalah gambar ikon kecil yang ada di pojok kiri address bar / tab browser sobat ketika membuka sebuah situs dan favicon ini biasanya dimiliki oleh semua situs web atau blog karena sebagai simbol / lambang / ciri / identitas yang sekaligus bisa menjadi logo situs tersebut. Nah jika sobat mempunyai sebuah blog baru di blogger / blogspot maka favicon default nya adalah huruf B namun jangan khawatir sebab bisa diganti dengan gambar icon sobat sendiri yang menarik, keren, dan bagus supaya terlihat lebih professional seperti pada blog carazain ini.

Kali ini saya akan share dan jelaskan gimana 2 Cara Mengganti Favicon Di Blog Pada Blogger Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya terbaru dengan mudah dan cepat buat sobat yang ingin mengubah icon / ikon blog menggunakan gambar sendiri.

Cara Pertama ganti favicon melalui Menu Tata Letak / Layout :

1. Buka menu Tata Letak / Layout lalu klik Edit pada bagian Favicon

2. Maka akan muncul tampilan konfigurasikan ikon favorit lalu klik browse untuk memilih file favicon yang sebelumnya telah sobat buat dengan catatan ukuran file gambar nya kurang dari 100 kb dan berbentuk bujur sangkar / persegi

3. Kemudian cari dimana letak file ikon sobat, jika sudah dapat klik Open pada file tersebut

4. Tunggu sampai gambar icon nya muncul lalu klik Simpan / Save

5. Jika icon blog telah berubah seperti gambar berikut silahkan klik Simpan setelan ..Selesai

Cara Kedua ganti favicon melalui Edit HTML pada Menu Template :

1. Buka menu Template lalu klik Edit HTML

2. Kemudian cari kode </head> , gunakan Ctrl + F untuk memudahkan pencarian

3. Untuk langkah selanjutnya perlu url / link gambar favicon sobat jika belum punya silahkan upload dulu gambarnya dengan cara buka di tab baru www.postimage.org lalu akan muncul tampilan berikut dan langsung saja klik Browse

4. Kemudian cari gambar icon sobat, jika sudah klik Open pada file tersebut

5. Setelah itu pada image content pilih FAMILY safe lalu klik Upload It!

4. Tunggu sebentar sampai Upload Completed! maka sobat telah mendapatkan url / link gambar pada kotak Direct Link seperti gambar berikut.

5. Selanjutnya kembali ke Edit HTML dan copy kode berikut <link href='URL ICON' rel='icon' type='image/x-icon'/> lalu letakkan tepat di atas kode </head> , ganti 'URL ICON' dengan url / link gambar yang sobat upload tadi seperti gambar dibawah ini lalu klik Simpan template ..Selesai