Selasa, 08 Maret 2011

Membuat Favicon (icon di sebelah address bar)



Anda mungkin heran bagaimana ikon ini muncul di samping alamat web/address bar, seperti yang Anda lihat di atas pada blog ini. Ketika Anda mengunjungi suatu situs & mem-bookmarknya, ikon ini akan membuat URL ini lebih menonjol/terlihat. Inilah yang dimaksud dengan "Favicons" / "Favorite Icon".

Membuat Favicon (icon di sebelah address bar)
Pertama-tama Anda butuh sebuah ikon yang berekstensi .ICO. Saya sarankan Anda membuat 1 ikon baru sebagai identitas unik Anda sendiri. Ada banyak software editor ikon gratis yang dapat Anda download dari internet.

Pergi ke situs www.download.com & download program yang ukurannya kecil, yaitu Imagicon yang dapat mengubah gambar ke dalam format .ICO. Saya membuat gambarnya dengan menggunakan Adobe Photoshop. Anda dapat menggunakan gambar/foto apapun jika Anda tidak ingin membuat yang baru. Selanjutnya, jalankan program. Ketika Anda dapat membuat ikon dalam 2 ukuran 16x16 & 32x32, saya kira ikon 16x16 adalah yang lebih baik karena dapat dibaca di browser-browser lama. Download program Imagicon di sini (Gratis - Windows 98/Me/NT/2000/XP/Vista - 948,04Kb).
Jika Anda tidak ingin mendownload software apapun, Anda juga dapat mencoba membuat ikon secara online. Cukup masukkan kata kunci "online icon generator" ke dalam kotak pencarian Google bar & Anda dapat menemukan beberapa program yang dapat Anda coba.


Setelah Anda membuat sebuah ikon, save ke dalam harddisk. Langkah selanjutnya untuk menampilkan ikon di address bar perlu sedikit trik. Idealnya, semua yang perlu Anda lakukan adalah menyimpan ikon itu di direktori root situs blog Anda. Meskipun demikian, tidak ada cara yang dapat dilakukan untuk melakukan itu. Pertama, jika Anda mencoba untuk meng-upload ikon gambar, Blogger akan menolaknya. Yang ke-2, file apapun yang diupload tidak akan masuk ke dalam root direktori Blogger.
Satu-satunya cara yang dapat digunakan adalah dengan meng-upload ikon ke dalam beberapa folder web & membuat link. Cari situs & pilih yang cepat, handal & dapat meng-upload file ICO.
Setelah Anda melakukannya, catat URL ikon Anda. Jika Anda menggunakan Google Page Creator, layangkan mouse Anda ke sebelah link, Anda akan melihat file yang disimpan di bawah direktori yang terlihat seperti ini http://yourname.googlepages.com/iconname.ico. Dimana "yourname" adalah nama account Gmail Anda & "iconname" adalah nama file icon Anda. Copy URL ini.
Kembali ke dashboard Blogger & di bawah tab Template, pergi ke "Edit HTML". Tidak jauh dari bagian atas, Anda akan melihat baris seperti ini:
<title><data:blog.pageTitle/></title>
Copy & masukkan kode di bawah ini setelah kode <title><data:blog.pageTitle/></title&gt.
<link href='URL FILE ICON ANDA' rel='shortcut icon'
type='image/vnd.microsoft.icon'/>
Atau masukkan yang ini, yang pertama lebih disukai:


<link href='URL FILE ICON ANDA' rel='shortcut icon' type='image/x-icon'/>
Jangan lupa untuk mengganti URL FILE ICON ANDA dengan alamat URL file ikon Anda yang dihosting.
Lalu save template. Bila Anda me-refresh situs blog Anda, Anda akan melihat Favicon Anda di samping alamat situs blog/address bar.
Tipe Gambar Lainnya
Format gambar .ICO sudah banyak digunakan tetapi Anda juga dapat membuat gambar dengan format .png / .gif. Pastikan ukuran gambarnya adalah 16x16 pixels / 32x32 pixels.
Jika Anda punya gambar yang berformat PNG, link untuk memasukkannya adalah:
<link href='URL FILE ICON ANDA' rel='shortcut icon' type='image/png'/>
Jika gambarnya berformat GIF, linknya adalah:
< link href='URL FILE ICON ANDA' rel='shortcut icon' type='image/gif'/>
Domain Eksternal
Bagi mereka yang memiliki situs hostingan di luar domain, masukkan link di direktori root. Jika tidak, Anda dapat meng-upload file ke dalam direktori root & menamakannya dengan favicon.ico.
Sebagai contoh, jika nama domain Anda www.domain.com, maka URL untuk faviconnya akan menjadi www.domain.com/favicon.ico
Cara ini, tetapi lebih disukai tetapi sejumlah versi browser dapat memproses ikon tersebut. Karena kami tidak memiliki domain eksternal untuk mencoba alternatif ini, Anda mungkin ingin melihatnya jika ia berjalan. 

Semoga Bermanfaat bagi Pecinta Blogger yang Ingin memperIndah Suasana Blog'a dengan tampilan Favicon.ico ini.

0 komentar: