Cara Membuat Favicon
Buat/edit ukuran gambar menjadi 32×32 pixel menggunakan photoshop simpan dengan format gif, jpg, png, dan bmp ( pilih salah satu ) Tapi sangat disarankan format yang dipilih png,( jangan seperti saya,dengan jpg..hhehe) Supaya latar dari gambar tersebut tidak terlihat di favicon..
Kemudian buka http://tools.dynamicdrive.com/favicon/ . Untuk mengetahui cara merubah file png / jpg / bmp / gif ke formal ico KLIK DI SINI
Upload/simpan icon tersebut di alamat penyimpanan online bisa di www.geocities.com
Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :
http://www.geocities.com/siswa_sfc/kemayoran.ico
Ganti URL yang berwarna hijau dengan URL Favicon yang telah anda buat, Lihat contoh dibawah ini :
<link href=’http://www.geocities.com/siswa_sfc/kemayoran.ico’rel=’shortcut icon‘/>
Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
Klik pada Tata Letak.
Klik Edit HTML.
Cari Kode (dengan cara lihat browser sebagai contoh mozilla cari edit pilih find lalu lihat paling bawah browsing) masukan Kode ini <head> kemudian paste kode favicon yang telah anda ubah tadi dibawah kode <head> atau di atas kode <b:skin>
Contoh:
<head>
<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>
<link href=’http://www.geocities.com/siswa_sfc/kemayoran.ico‘ rel=’shortcut icon’/>
<b:skin>
Jangan lupa untuk mengganti yang berwarna hijau dengan favicon anda, jika tidak wah … kacau nantinya he…he…
Lalu Simpan deh ….
Lihat Blog untuk mengetahui hasilnya..
Cara Kedua :
Menggunakan fasilitas photobucket.com ( Mudah dan Cepat ) kenapa ??????? kerena tidak perlu merubah file png /jpg / bmp / gif ke format icon !!!!!! Mau tau ga caranya?? ikuti ya …..hhe
Buka di sini untuk tutorial cara daftar di photobucket.com caranya mudah dan cepat !!!!
Jika sudah daftar upload file (rubah dulu ukurannya menjadi 32×32 pixel)dan catat urlnya..
Klik pada Tata Letak…
Klik Edit HTML…jangan di centang expand template widgetnya..ribet nanti..hhehehe,
Cari Format: ]]></b:skin> dengan bantuan F3 atau ctrl F
Lalu paste kode HTML ini:
<link href=’http://i923.photobucket.com/albums/ad72/apri_fh/icon2.jpg‘ rel=’SHORTCUT ICON’/>
Formatnya:
]]></b:skin>
<link href=’http://i923.photobucket.com/albums/ad72/apri_fh/icon2.jpg‘ rel=’SHORTCUT ICON’/>
Kode HTML yang berwarna BIRU Anda ganti dengan kode HTML icon milik Anda. Ukuran icon 32 x 32 pixel, bisa format apa saja: GIF ( gambar animasi ) atau PNG ( gambar icon non animasi ) atau bisa dengan format lain. Anda bisa upload icon atau gambar Anda di photobucket.com lalu edit image saja di sana, Daftar Gratis.
Simpan ….
Lihat Blog untuk mengetahui hasilnya..
SELAMAT MENCOBA..
