ArusMekam: Pasang Favicon pada Blog

24 April 2008

Pasang Favicon pada Blog

Apa itu Favicon??. Dulu saya juga bingung, apa sih namanya untuk ikon yang ada disamping kiri alamat url kita. Setelah Googling, eh ternyata namanya Favicon toh. Untuk referensinya, saya belajar disini. Tapi, saya ulas kembali menurut gaya bahasa saya sendiri . Biasanya, favicon untuk Blog ini, tampak bagus bila menggunakan browser FireFox atau Opera. Daripada saya sampai liur mo netes, mending tancap gas menuju tujuan aja ya (emangnya motor kaleee). Bagi sobat yang masih belum mengerti apa itu favicon, ini bentuk Visualnya

Gambar yang saya lingkari dengan warna orange, itulah yang disebut dengan Favicon. Sampai disini, pasti sobat sudah mengerti .
Bagaimana cara mengintegrasikan ke Blog kita, ini dia caranya :

Pertama-tama, sobat harus memiliki gambar yang akan digunakan sebagai Favicon nantinya.Contohnya seperti favicon saya :

Setelah itu, sobat harus mengubah gambar tadi menjadi Ikon (*.ico). Untuk melakukan hal tersebut, sobat dapat menggunakan Favicon Generator, silahkan klik disini

Klik pada Browse untuk mencari gambar yang ada pada komputer sobat, yang nantinya akan digunakan sebagai Favicon pada blog sobat

Setelah selesai Browse, klik Generate Favicon

Setelah proses ini selesai, silahkan klik Clik Here to Download Your Favicon!, kemudian simpan file tadi ke dalam Hardisk komputer Sobat

Langkah selanjutnya, sobat harus mengupload Gambar tadi (Judul gambar sobat.ico) ke Image Hosting seperti Yahoo GeoCities, PhotoBucket, Google Page Creator, atau Image Hack. Kalau saya sendiri menggunakan Yahoo GeoCities. Cara daftar / register nya mudah. Bagi sobat yang sudah memiliki account Yahoo dapat login langsung ke Yahoo GeoCities.

Setelah selesai mengupload pada image hosting sobat, silahkan copy url favicon anda tadi. Sebagai contoh, alamat url favicon saya adalah

http://www.geocities.com/adel_p2m2/Ukiran_Dayak.ico

Sobat harus mengubah alamat url favicon tadi menjadi :

<link rel="shortcut icon" href="http://www.geocities.com/adel_p2m2/Ukiran_Dayak.ico"/>

Langkah berikutnya, silahkan login ke Blogger dengan ID sobat.

Klik Layout

Klik Edit HTML

Klik Download Full Template. Simpan pada komputer sobat. Sebaiknya hal ini sobat lakukan untuk berjaga-jaga apabila sobat gagal dalam mengintregasikan favicon tadi. Apabila hal ini terjadi, sobat dapat mengupload kembali template sobat sebelumnya.

Cari Kode : <Head>

Letakkan Kode Favicon sobat di bawah kode <Head>. Sebagai contoh:

<Head> <link rel="shortcut icon" href="http://www.geocities.com/adel_p2m2/Ukiran_Dayak.ico"/>