Apa itu Favicon? Favicon (kependekan dari "ikon favorit" dan juga dikenal sebagai ikon halaman), adalah ikon yang terkait dengan situs web atau laman web tertentu yang ditampilkan di bilah alamat peramban di sebelah URL situs. Screenshot Favicon Dengan mudah buat favicon kustom Anda sendiri secara gratis dengan Favicon Generator ..
Langkah 1. Temukan gambar yang ingin Anda gunakan sebagai Favicon Anda dan pastikan bahwa dimensinya benar-benar persegi (mis. 100 Piksel x 100 Piksel).
Langkah 2. Jelajahi lokasi file di komputer Anda dan pilih gambar.
Langkah 3. Tekan Generate Favicon! tombol dibawah.
Langkah 4. Klik kanan Favicon Anda di atas. Setelah mengunduh, cukup ganti nama dan unggah favicon.ico ke direktori root Anda.
Langkah 5. Salin dan tempel kode di bawah ini ke bagian <head> dari halaman web Anda: <link rel = "icon" href = "/ favicon.ico">
lalu dibarengi dengan alamat blognya.
Sebenarnya ukuran gambar bebas , tapi bila file kecil maka proses loadingnya lebih cepat
Untuk mendapatkan ukuran yang baikanda bisa gunakan tool Fasicon Generator , Silahkan kunjungi situs ini :
atau bisa juga seperti kode dibawah ini :
kamu meng-upload di Album Picasa caranya seperti di bawah ini :
atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
SELAMAT MENCOBA
Langkah 1. Temukan gambar yang ingin Anda gunakan sebagai Favicon Anda dan pastikan bahwa dimensinya benar-benar persegi (mis. 100 Piksel x 100 Piksel).
Langkah 2. Jelajahi lokasi file di komputer Anda dan pilih gambar.
Langkah 3. Tekan Generate Favicon! tombol dibawah.
Langkah 4. Klik kanan Favicon Anda di atas. Setelah mengunduh, cukup ganti nama dan unggah favicon.ico ke direktori root Anda.
Langkah 5. Salin dan tempel kode di bawah ini ke bagian <head> dari halaman web Anda: <link rel = "icon" href = "/ favicon.ico">
lalu dibarengi dengan alamat blognya.Sebenarnya ukuran gambar bebas , tapi bila file kecil maka proses loadingnya lebih cepat
Untuk mendapatkan ukuran yang baikanda bisa gunakan tool Fasicon Generator , Silahkan kunjungi situs ini :
- http://favicon.co.uk
Anda dapat memilih ukuran favicon (16x16, 32x32, 48x48, 64x64) atau - http://favicon-generator.org
atau - http://favicon/cc
Anda dapat membuat favicon sendiri sesuai kreasi Anda - http://favicongenerator.com
3. Klik pada tombol Browse...
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
5. Klik pada tombol Generate Favicon.
6. Setelah proses selesai, klik pada Click Here to Download your favicon.
7. Save ke komputer anda.
Cara save di komputer cukup dengan masuk ke "Tata Letak --> Edit HTML" terus tempatkan script berikut sebelum kode </head>
4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
5. Klik pada tombol Generate Favicon.
6. Setelah proses selesai, klik pada Click Here to Download your favicon.
7. Save ke komputer anda.
Cara save di komputer cukup dengan masuk ke "Tata Letak --> Edit HTML" terus tempatkan script berikut sebelum kode </head>
atau bisa juga seperti kode dibawah ini :
kamu meng-upload di Album Picasa caranya seperti di bawah ini :
- Login ke picasa dengan account google di http://picasaweb.google.com
- Tekan tombol I accept.
- Jika anda memiliki software picasa yang sudah terinstall pada PC, anda dapat meng-uploadnya dengan mudah. Tekan tombol launch picasa dan software pun akan berjalan. Namun pada kesempatan kali ini, kita gunakan cara tradisional yaitu meng-upload gambar melalui browser.
- Setelah anda menekan tombol I accept, silahkan dilanjutkan dengan klik tombol upload.
- Isikan form title, date, dan seterusnya. jika selesai tekan tombol continue.
- Tekan tombol browse dan arahkan pada file yang akan anda upload
- Tekan tombol start upload untuk menguploadnya ke dalam server picasa
- Setelah selesai, anda akan menjumpai tampilan thumbnail gambar tersebut. Klik gambar tersebut untuk melihatnya secara full
- Klik kanan gambar tersebut dan pilih properties.
- Anda akan mendapatkan URL gambar yang kurang lebih seperti ini http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (hanya contoh alamat gambar).
- Kembali lah pada situs blogger.com dan masuklah pada tab layout * Edit HTML
- Link gambar yang bertuliskan http://img98.imageshack.us/img98/9617/image3cr0.gif anda ganti dengan link yang baru yaitu http://lh6.ggpht. com/_4r8ISY........................oTZz4tK4/gambar-header.gif (contoh alamat gambar).
- Lakukan hal yang sama untuk gambar2 yang lain
atau kalau kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.
SELAMAT MENCOBA
