Follow my Blog

Selasa, 23 Oktober 2012

Menambahkan Favicon di Blogger Blogspot

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/AVvXsEgPX13cyTDusp_o4s5U41-MAWsHzpQoWu_AfgE1xHJOmkNpFiIfBoyuqgkTsiLE_4GL5yYbFCaDXKC57bm2MtNe5FI1YD-PqD86WNsIuWVyQlfwxl2ALXnajIIy1gnvFGBlpgrAcjrO9JZl/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.

Tidak ada komentar:

Posting Komentar