Membuat Menambahkan Favicon di Blogger Blogspot

Memasang dan menambahkan favicon di blog berbasis blogger.com baik yang memakai blogspot atau custom domain akan menambah blog kita menjadi semakin tampak personal atau khas. Karena caranya mudah dan gratis, tidak ada salahnya Anda menambahkan favicon ke blog Anda untuk meningkatkan "citra diri". Ikuti Tutorial Cara Membuat Favicon (Favorite Icon) di Blogger Blogspot blog di sini.
Oleh Tim Multimedia Alkhoirot

DAFTAR ISI

1. Apa itu Favicon?
2. Cara Membuat Favicon
3. Memasang Favicon Cara Baru (lebih mudah)
4. Memasang Favicon Cara Lama (via Edit HTML, lebih sulit)

1. APA ITU FAVICON

Favicon singkatan dari Favorite Icon adalah gambar kecil ukuran 16x16 (disarankan) atau 32x32 pixel yang berada berdampingan dengan alamat URL sebuah website pada browser. Favicon Alkhoirot.net dapat dilihat berada di sebelah kiri berdampingan dengan kata www.alkhoirot.net di atas. Favicon bisa berupa gambar apa saja. Termasuk foto close-up Anda sendiri yang penting filenya harus dalam format png (dianjurkan), jpg, gif.

Contoh, lihat gambar:

2. CARA MEMBUAT FAVICON

Ikuti langkah-langkah berikut:

1. Buat gambar kecil seukuran 16x16 pixel.
2. a. Anda bisa membuat sendiri apabila menguasai CorelDraw atau Photoshop. Gambar dalam format .png atau .gif.
2.b. Kalau tidak bisa memperkecil sendiri, buat secara online di salah satu situs berikut:
picresize.com.
resize2mail.com.

3. CARA MEMASANG FAVICON CARA BARU VIA RANCANGAN (LEBIH MUDAH)

Saat ini, blogger.com semakin mempermudah cara memasang favicon sendiri tanpa harus melalui Edit HTML. Cukup memasukkan gambar langsung di menu Rancangan. Ikuti panduan berikut:

1. Klik Layout/Rancangan
2. Di Favicon (kiri atas) -> klik Edit
3. Klik Browse -> masukkan gambar icon dari komputer
4. Klik Simpan/Save. Selesai.

Catatan: Butuh waktu beberapa menit atau jam agar favicon tersebut muncul di browser Anda. Untuk mempercepat, bersihkan cache browser (Firefox: Tools -> Clear Recent History)

4. CARA MEMASUKKAN FAVICON CARA LAMA KE BLOG VIA EDIT HTML

1. Buat entri/posting baru -> upload gambar favicon tersebut.
Copy link gambarnya, caranya klik Edit HTML. Contoh, https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOfxF4Ey2b4DUaO56umYkTRKhw8NZBfeR3Yqk-w1OKV81_1JQnFD-l_tTaTI-yACsO9HRWa29tof-o3gRRHJDtHtZqVlqKYssO87Pq3WhQl4asSUGUMZ9DjkbQFDrZQFKCBzS2F4o4chP/s400/jilbab.png
2. Copy kode berikut dan masukkan link gambar favicon Anda di tempat yang ditentukan (setelah link href='gambar di sini'):
< link href='link gambar favicon di sini' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
3. Masukkan kode di atas pada Blogger.com -> Rancangan -> Edit HTML -> di atas kode <b:skin>
4. Klik Simpan Template. Selesai.