Sama-sama belajar. Sama-sama berbagi.

Friday, November 21, 2008
Berlangganan

Favicon oh Favicon

Sahabat Newbie, hari ini saya sudah berhasil membuat Favicon. Favicon itu adalah gambar kecil yang biasa muncul di tab juga di sebelah kiri address bar suatu browser, favicon biasanya untuk menunjukkan identitas atau logo suatu website atau blog (wedew.. bahasanya..). Caranya mudah sekali untuk dipraktekkan. Kalo mau ikut2an bikin favicon buat menunjukkan identitas kalian dan biar seru2an, yuk ikuti langkah-langkah yang barusan saja saya lakukan.
Siapkan foto atau logo yang akan di-generate (klik "generate" untuk meluncur ke situs yang menyediakan layanan gratis generate favicon). File foto yang akan dijadikan favicon extensionnya boleh apa saja, .gif, .jpg, .png atau .jpeg. Nah setibanya di situs tersebut:











1. Klik "Browse".
2. Cari file foto yang akan di-generate dari komputer.
3. Scrolling text (optional), saya biarkan kosong.
4. Centang "Animate favicon". Nanti hasil extract file .zip disertakan file animasi ber-extention .gif. (padahal cuman gerak2 ke atas doang favicon-nya).
5. Klik "Generate Favicon.ico"













6. Nanti akan ada "Preview" hasil dari generate tadi.
7. Kalo sudah cukup puas, klik "Download Favicon" dan klik "Ok" pada pop-up yang muncul.
8. Klik dulu "Test In Browser" kalo udah nggak sabar pengen lihat hasilnya.
Setelah berhasil didownload tinggal di extract file .zip tadi. Pada folder hasil extract file ber-extension .ico itulah yang akan digunakan, kata Kang Rohman file .ico lebih baik untuk dijadikan favicon dibanding file .gif dan .jpg yang sering hilang-muncul.
Nah, sekarang tinggal cari tempat hostingnya. Bisa menggunakan geocities, caranya tinggal login menggunakan ID Yahoo. Selanjutnya:
1. Klik "Manage" pada Geocities Control Panel.
2. Klik "Easy upload" di bawah "File management Tools".
3. Browse file .ico tadi.
4. Klik "Upload File".
5. Klik "File Manager" pada box putih tepat di bawah "Upload More Files".
6. Klik kanan "View" pada file yang tadi telah berhasil dihosting, lalu pilih "Copy Link Location".
7. Paste dulu di notepad (contoh hasil copas (copy paste):
http://www.geocities.com/idotkontji81/favicon.ico.
Sekarang login ke blog blogspot.
1. Klik "Layout".
2. Klik "Edit HTML".
3. Cari Code di bawah ini"
<b:include data='blog' name='all-head-content'/>
4. Biar gampang tekan "Ctrl+F"
5. Copas code di atas di field "Find".
Sekarang tinggal ganti hasil "Copy Link Location" di notepad menjadi seperti di bawah ini:
<link href='http://www.geocities.com/idotkontji81/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Untuk mudahnya ganti yang berwarna merah dengan copas dari notepad tadi. Selanjtunya tinggal di copas lagi tepat di bawah code:
<b:include data='blog' name='all-head-content'/>
Terahir tinggal di klik "Save Template" dan selesai. Dari berbagai cara yang dijelaskan Kang Rohman cara inilah yang berhasil buat blog saya ini.
Hatur nuhun buat Kang Rohman.