Favicon merupakan kependekan dari "Favorite Icon", adalah sebuah ikon berupa gambar kecil (biasanya berukuran 16 x 16 Pixels) yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi sebuah situs atau blog. (Sumber : http://pertanyaan.com/apa-itu-favicon)
Untuk membuat Favicon, caranya :
1.Buatlah sebuah gambar/ logo di Photoshop dengan ukuran layer 16 x 16 pixels.
2. Setelah jadi, editlah gambar tersebut menggunakan Image Ready dan buatlah sedikit animasi di sana. Untuk mengedit file di Photoshop langsung ke Image Ready, caranya klik Toolbar Edit in Image Ready :
3. Setelah selesai mengedit/ memberi animasi di Image Ready, simpanlah menjadi file berextension ".gif", caranya : klik menu File, kemudian pilih Save Optimized As...
4. Simpan dengan nama "favicon.gif".
5. Upload file "favicon.gif" tersebut di file hosting Anda, atau jika tidak punya file hosting, silahkan upload di www.photobucket.com (free).
6. Catat / copy kode link dari file gambar "favicon.gif" yang sudah di upload di www.photobucket.com.
7. Silahkan Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.
8. Klik Edit HTML.
<b:include data='blog' name='all-head-content'/>
10. Tambahkan baris kode berikut ini di bawah kode tersebut :
<link href='http://i1186.photobucket.com/albums/z377/sagaraimc/favicon.gif?t=1300786269' rel='icon' type='image/gif'/>11. Baris kode yang berwarna merah adalah kode link dari file gambar "favicon.gif" yang sudah di upload di www.photobucket.com.
12. Untuk menyimpan perubahan kode tersebut, silahkan Anda klik tombol Simpan Template.
13. Selesai.
0 komentar:
Posting Komentar