Cara membuat favicon muncul di semua browser

Terlebih dahulu Arm'z nak cerita sedikit apa itu Favicon. Macam pernah dengar?? Tapi ramai diantara kita tidak tahu apa kebenda tu.... Bagi yang tidak tahu, meh sini Arm'z nak bg tau...rapatkan telinga korang yer.. Favicon adalah singkatan bagi "Favourite Icon" yang merupakan sebuah gambar kecil yang akan muncul pada browser ataupun bookmark. Ia dimasukkan untuk membezakan antara blog korang dengan blog yang lain..

Ada paham ka??? kalau da paham, bolehla kita mulakan yer..... ok..sebelum tu, ambil gula2 sorang satu dulu...^_^..ermmmm..nyam...nyam...


Langkah 1:

1. Buat gambar yang berukuran kecil, lebih kurang dalam ukuran 16x16
2. Upload gambar tersebut ke image hosting, ataupun di new post pun boleh..
3. Ambil URL gambar tersebut dan simpan di notepad

Langkah 2:


1. Login Ke blogger.com/dashboard
2. Pilih menu "Design"
3. Klik "Edit HTML"
4. Cari kode </head> dan letakkan kode di bawah ini tepat di atasnya

                <link rel="shortcut icon" href="URL gambar favicon"/>


Pada kode yang merah, gantikan dengan URL gambar korang yang save tadi.


Tetapi mengikut kajian makmal Arm'z, dengan cara ini favicon akan muncul dibeberapa browser sahaja. Untuk munculkan gavicon di semua browser, ikut langkah seterusnya.


Pada kod diatas tadi, tambahkan code dibawah.  

                      type="image/vnd.microsoft.icon

Buat sehingga jadi seperti ini:

<link rel="shortcut icon" href="URL gambar favicon" type="image/vnd.microsoft.icon"/>

Langkah 3:

Klik save, dan lihat hasilnya akan jadi seperti blog Arm'z nie.

Selamat mencuba....