Membuat Favicon via Favicon Maker

Iseng-iseng tadi buat favicon.. nyari ilmu ke rumah-rumah tetangga, dapat sih... tapi pas langkah yang kesekian, saya langsung mentok, pasalnya, gambar favicon kita yang sudah digenerate harus di upload ke yahoo geocietes untuk mendapatkan urlnya, setelah menuju ke TKP ternyata Geocities sudah ga ada alias sudah ditutup (baru tahu soalnya masih newbie). Sementara hasil ganerate yang sudah berformat ico tidak bisa diterima oleh photobucket...

Tapi saya belum mau menyerah, saya coba browsing dan akhirnya ketemu Favicon maker, dengan modal nol saya coba ikuti langkah2 yang diberikan dalam bahasa londoh tersebut.. Alhasil, tereeeeeng.. saya sudah punya favicon... simpel tapi dengan usaha keras hehehe

Ok.. buat sobat-sobit yang senior, atau yang sudah memiliki favicon, abaikan aja postingan ini. Bagi yang pendatang baru seperti saya mungkin ini berguna: (Mungkiiiiiiinnn)

Langkah-langkahnya:

1. Siapkan gambar yang akan di jadikan Favicon. Saya pakai contoh punya saya.
2. Buka situs Favicon Maker atau klik di sini
3. Akan muncul situs seperti ini :
   
4. Klik bagian seperti di gambar berikut:
   
   Klik telusuri (kode No 2), ambil gambar yang mau dijadikan favicon hingga muncul tulisan di dalam kotak seperti gbr di atas. kemudian klik create Favicon (kode No 3)
5. Setelah itu akan muncul :
   
   Download favicon dengan mengklik butoon "Get it Now" Seperti kode No 4
6. Kemudian akan muncul :
   
7. Klik Ok
8. Favicon akan tersimpan di hard disk komputer sobat.Awalnya dalam bentuk Zipfile (kode No 6), jangan lupa untuk di extract sehingga muncul 3 buah icon seperti kode No 7. Cara extract: klik kanan pada file no 6 pilih extract here.
   
9. Buka Photobucket. Login dengan Username sobat. (Bagi yang belum daftar silahkan daftar)
10. Upload salah satu gambar hasil extract tadi. Kebetulan yang saya pilih adalah gbr pertama yaitu animated_favicon yang hasilnya juga dalam bentuk gerak.
11. Bila selesai langkah-langkah upload, akan muncul di halaman depan photobucket kita (mungkin background beda karena saya memakai theme background) dan favicon kita sudah muncul seperti pada gambar dengan kode N0 8:
    arahkan panah pada favicon kita sehingga muncul pilihan url dibawahnya, pilih url dibagian "Direct Link" copy dan ganti tulisan yang berwarna merah di bawah ini dengan url punya sobat :

    <link rel="shortcut icon" href="http://i692.photobucket.com/albums/vv289/icawoman/animated_favicon.gif"/>

12. Langkah berikutnya: Login ke Blogger, masukan ID sobat.
13. Klik Layout (Tata Letak)
14. Klik Edit HTML
15. Cari kode </head>, letakkan kode HTML yang telah di buat di atas tepat di atas tulisan </head>. Jangan lupa Kode HTML di atas telah di ganti yang berwarna merah dengan url sobat yang di dapat dari "direct link" photobucket.
16. Klik Save Template
17. Selesai
    
    Silahkan mencoba. Untuk hasil yang saya peroleh dapat dilihat pada sebelah alamat blog di atas. (Ini dia hasilnya):
    
    
    
    
    _______________________________
    Catatan tambahan:
    Gambar yang disiapkan sejak awal diusahakan berukuran 16 x 16 px (dapat dibuat di photoshop atau program sejenis), atau juga dapat langsung di ambil di :
    www.iconarchive.com atau http://freeicon7.net