Mengenal Favicon dan Cara Menggantinya

What is favicon???

Favicon adalah icon atau gambar kecil umumnya berukuran 16x16 pixel (ada juga yang berukuran 32x32, 48x48, hingga 64x64) dengan format .png atau .gif. yang terletak pada web bar sebagai identitas halaman suatu web. Wikipedia menyebutkan bahwa favicon dikenal juga sebagai shortcut icon, Web site icon, URL icon, or bookmark icon. Dan ternyata Favicon itu sendiri kependekan dari favorites icon*.

Contoh Penampakan Favicon:

Contoh penampakan favicon

How to change favicon???

Favicon untuk blogger blogspot umumnya seperti pada spoiler di bawah. 

Favicon Blogger:

favicon blogger

Beberapa website atau bahkan blog private seseorang memiliki favicon yang berbeda. Seperti contohnya yang gue pake untuk blog ramfazz ini, beda kan?? bagaimana caranya???

Tampilan Favicon Ramfazz:

Favicon Ramfazz

Ada dua cara untuk mengganti icon blog atau favicon untuk blog, yaitu:


Cara #1.

1. Tentunya log-in terlebih dahulu di blogger.
2. Masuk ke tab Design di navbar bagian kanan ketika di halaman home page blog, atau di link sejajar dengan tab new post pada halaman dashboard.

   

   link design pada navbar di home page

   

   link design di dashboard

3. Pada halaman Page Elements (2),  klik Edit pada favicon box (3).

   

   Tampilan Halaman Page Elements
   1. Design, 2. Page Elements, 3. Favicon, 4. Save, 5. View Blog

4. Kemudian akan muncul box, Configure Favicon. Klik tombol choose file untuk memilih gambar yang dinginkan dari file local disk kompi lo. Gambar yang bisa digunakan tentunya sesuai dengan kriteria (berukuran 16x16 pixel, serta dalam format .png atau .gif). Bila sudah selesai memilih, klik save.

   

   Favicon Configuration

5. Setelah selesai klik SAVE (4) di halaman page elements.
6. Klik View Blog (5) untuk kembali ke halaman blog. 

Cara #2.

Berdasarkan wellywahyudi.blogspot.com, menjelaskan untuk mengganti favicon bisa dilakukan dengan cara mengubah HTML pada HTML Template Blog. Sebelum merubah HTML nya, kita perlu untuk menentukan gambar atau icon yang akan dijadikan sebagai favicon yang baru. ada 2 cara juga untuk menentukan favicon,

1. Lo bisa mencoba mendesign sendiri gambar yang diinginkan tentunya dengan spesifikasi yang compitable (baik ukuran pixel dan formatnya). Kemudian upload gambar yang udah lo buat di online image  hosting seperti imageshark atau photobucket untuk mendapatkan url gambar tersebut.
2. Atau lo bisa ambil favicon yang sudah terdapat di web penyedia favicon seperti favicon.cc, iconarchive, atau web-web lain yang tersedia di mbah google. Notes: Pastikan yang lo ambil url gambar yang anda inginkan bila tidak tersedia bisa lo download dulu trus upload ke image hosting.

Nah, setelah lo udah dapet URL gambar atau image yang diinginkan. berikut langkah yang harus dilakukan:

1. Tentunya log-in terlebih dahulu di blogger.

2. Masuk ke tab Design di navbar bagian kanan ketika di halaman home page blog, atau di link sejajar dengan tab new post pada halaman dashboard.

3.  Pilih halaman Edit HTML

Contoh tampilan Edit HTML:

Design - Edit HTML 

4. Kemudian cari kode ' <b:skin><![CDATA[ ' pada kotak edit tamplatenya. Agar memudahkan mencari gunakan perintah search dengan takan tombol Crtl+f.** 

Contoh tampilan search kode:

Search <b:skin><![CDATA[

5. Setelah ketemu, copy kode ' <link href=' https://URL KAMU 'rel='shotcut icon'/> ' dan letakkan tepat di atas kode ' <b:skin><![CDATA[ ', jangan lupa ganti http://URL KAMU dengan URL gambar favicon yang diinginkan. **

6. Setelah selesai klik SAVE TEMPLATE.

Sekian silahkan dicoba, semoga sukses.

*source: wikipedia.org

**source: wellywahyudi.blogspot.com

key words: favicon adalah arti favicon dalam blogspot blogger fungsi favicon tujuan favicon bagaimana merubah favicon blogger cara mengubah favicon membuat favicon langkah merubah favicon kumpulan favicon icon bar web page how to change favicon on blogspot cara mengganti icon blogger