Membuat Favicon Untuk Blog

Membuat Favicon Untuk Blog - Membuat Favicon Untuk Blog - Favicon merupakan hal yang perlu Sobat perhatikan dalam mempercantik blog. Oleh karena itu, di kesempatan ini Buku Online akan membahas mengenai hal yang satu ini. Monggoh disimak..

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


CARA MEMBUAT FAVICON

Ikuti langkah-langkah berikut:

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

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 Tata Letak
2. Di Favicon (kiri atas) -> klik Edit
3. Klik Browse -> masukkan gambar (format file jpg, bukan ico) icon dari komputer
4. Klik Simpan/Save. Selesai.

Catatan: Butuh waktu beberapa menit atau jam agar favicon tersebut muncul di browser Sobat. 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/AVvXsEgf-gIFMt2RKbDfIvMB7Ek20kj4aG2A84yCNlkayqny8TU6DSZhwWYvbH8PRuoiOsJSAvdWYGdxONt-T2P05b_F4geiJWKS65XcJzIL9pRXwvK-UZj6XyDx6SzOKhzq1Xvq637VBo_-zCGt/s400/anantagn.png
2. Copy kode berikut dan masukkan link gambar favicon Sobat 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.

Nah, sekian dulu info dan tipsnya. Di lain waktu, ane kan membahas lebih lanjut mengenai cara mempercantik blog. 

Semoga bermanfaat