Home » » Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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.

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

Cara Kedua ganti favicon melalui Edit HTML pada Menu Template :

1. Buka menu Template lalu klik Edit HTML

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

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

Cara Mengganti Favicon Di Blog Pada Blogger Terbaru

Nah itulah 2 cara bagaimana mengganti Favicon di blog pada blogger terbaru, tinggal pilih mana yang lebih baik menurut sobat.

Silahkan dicoba

Artikel Lainnya :

6 komentar:

  1. info nya bermafaat bgt gan.. makin banyak ilmu makin banyak rejeki gan. makasih

    ReplyDelete
  2. terimakasih mas buat tutornya .. cukup mudah ternyata ganti favicon blog nya :D

    ReplyDelete
    Replies
    1. Ya gan mudah saja kok.. bsa menggunakan cara pertama yang praktis lewat menu tata letak atau cara kedua yakni melalui html yang sebelumnya harus memiliki url favicon yang akan dipasang :D

      Delete
  3. min, ukuran buat favicon nya berapa ya yang optimal ?

    ReplyDelete
    Replies
    1. kalo favicon biasanya menggunakan ukuran 16x16 gan seperti yang dipake pada blog ini dan usahakan size filenya kurang dari 100kb

      Delete

Powered by Blogger.