Pertama, tentu kita harus mempersiapkan sebuah ikon kecil yang nantinya akan ditampilkan di kedua bagian tersebut. Biasanya ikon ini berukuran 16x16 piksel kuadrat atau 32x32 piksel kuadrat. Namun, saya sarankan buatlah yang berukuran 16x16 piksel kuadrat (ikon blog saya ini pun berukuran demikian) karena ruang untuk favicon sangatlah kecil. Untuk membuatnya, gunakanlah penyunting gambar sesuai selera masing-masing (yang penting bisa membuat file .ico), seperti Paint, Paint.NET, dan Visual Studio.
Walaupun tidak ada pilihan untuk menyimpan berkas sebagai berkas ikon (.ico), Paint dan Paint.NET tetap bisa membuatnya. Caranya ketikkan nama berkas diikuti .ico di kolom "File name" dan pilihlah tipe gambar JPEG di kolom "Save as type". Untuk membuat ikon blog ini saya menggunakan Visual Studio. Kakas yang sejatinya diperuntukkan untuk pemrograman ini bisa membuat berkas ikon (.ico) -- yang seharusnya untuk membuat ikon program -- dengan latar belakang transparan. Untuk Paint.NET kita bisa menggunakan plugin yang harus diinstalasi terlebih dahulu untuk membuat latar belakang transparan, sedangkan di Paint saya tidak mengerti cara membuat latar belakang transparan (sepengetahuan saya, program ini tidak bisa melakukannya).
Sebenarnya ada banyak sekali kakas pembuat ikon.
Cobalah googling dengan kata kunci ico creator. Sebelum lanjut ke langkah berikutnya, alangkah baiknya kita terlebih dulu mengecek apakah ikon yang kita buat dapat ditampilkan dengan baik atau tidak. Caranya, buka berkas .ico tersebut dengan menggunakan internet browser.
Ada banyak cara untuk melakukannya. Salah satunya dengan klik kanan berkas .ico tersebut kemudian pilih "Open With" dan pilihlah internet browser (misalnya Mozilla Firefox). Saya telah mencobanya di Mozilla Firefox dan berhasil, sedangkan di Internet Explorer tidak bisa (kecuali dibangkitkan dari kode HTML yang akan dijelaskan di bawah ini).
Setelah berkas ikon tersebut siap, unggahlah berkas tersebut ke tempat yang bisa diakses oleh semua orang. Sebagai catatan, kita tidak bisa mengunggah berkas .ico ke album web Picasa kita. Oleh karena itu, gunakanlah tempat lain.
Kemudian kita beralih ke pengaturan blog kita.
Masuklah ke menu "Layout" ->
"Template" -> "Edit HTML".
Tambahkan kode :
di bagian head (antara dan ). Agar lebih mudah, letakkan kode tersebut tepat di bawah tag .
Jangan lupa untuk menyimpan template tersebut.
Selesai. Sekarang, lihatlah (tampilan) blog tersebut dan berikan komentar kamu di sini.
Sebagai catatan:
Cara ini bisa diaplikasikan untuk semua situs, tidak hanya di Blogger saja, karena kode yang ditambahkan merupakan kode HTML biasa.
** - - - **
Menyiapkan favicons selalu menyisakan pertanyaan dimana tempat yang tepat untuk menguploadnya.Tentu bukan menjadi hal yang sulit bila kita memiliki tempat hostingan sendiri.Dari sekian banyak yang menyediakan layanan hosting, baik yang dengan atau tanpa perlu registrasi, kekecewaan karena kurangnya dukungan hosting favicons pun sering ditemukan.Untuk pengguna Blogger tentu kita menyadari bahwa file dengan ekstensi jpg, gif, maupun png lah yang diperkenankan diupload.Untuk itu kita membutuhkan dukungan dari web lain untuk menguploadnya.
Untunglah pertanyaan ini terjawab dengan keberadaan layanan hosting gratisan dari Myfavatar.Favatar adalah tampilan dari favicon kita yang dimunculkan di website lain dan ini merupakan perwakilan visual (avatar) dari pemilik website.
Mereka mempersilahkan untuk menyimpan file berukuran 32×32 PNG dan ICO yang muncul hampir di semua browser, ukuran 32×32 sendiri memberikan keleluasaan ukuran dari favatar yang ingin dimunculkan di komen blog.
Hampir 70% layanan ini digunakan pengguna Blogger.Jadi alternatif yang sangat manarik kan.Nantinya favicon kita akan beralamat di http://favatar.myfavatar.com/(namafile).ico.Dan alamat URL ini bisa kita sertakan dalam blogger kita agar mendapatkan favicon yang cocok dan tepat untuk blog kita. Pasang dibagian antara Head dan Head
Alamak, bagus sekali panduan teknis ini. Mudah sekali. Caranya jelas dan gampang.
Akan tetapi, cara yang mudah itu tetap menyulitkan bagi saya. Meski tertarik, sudah saya coba ikuti panduan teknisnya, gagal terus. Bagaimana cara mewujudkannya ya?