Membuat Favicon di Blogspot

UPDATE: Sekarang caranya jauh lebih mudah, karena pada bagian tata letak blogspot sudah menyediakan fasilitas untuk langsung dapat menunggahnya. Kita tinggal siapkan berkas ikon yang akan digunakan saja, dan sisanya biarkan blogspot yang melakukan. ------

memiliki dan mengelola blog di blogspot? ingin melakukan mengganti favicon default blogspot/blogger dan merubahnya menjadi favicon lain yang kita suka? caranya mudah saja, hanya harus melakukan sejumlah langkah yang diperlukan. namun sebelumnya, jika belum tau apa itu favicon, berikut informasi ringkasnya.

favicon adalah sebuah gambar kecil yang terasosiasi dengan sebuah web dan biasa juga dikenal dengan istilah website icon, shortcut icon, url icon, atau bookmark icon. dan gambar tersebut biasanya terlihat pada address bar browser kita.

gambar di atas memperlihatkan favicon pakacil.blogspot.com yang berbeda dengan favicon default milik blogspot/blogger. kotak oranye dengan huruf B di dalamnya merupakan favicon default, dan ilustrasi kepala menggunakan lawung itu adalah favicon milik blog ini.

bagaimana melakukan perubahan itu? berikut yang saia lakukan ...

# langkah 1 - siapkan icon
buat sebuah icon, dengan ukuran 16px X 16px pixels atau 32px X 32px (32px lebih direkomendasikan). saia sendiri tak membuat dengan ukuran 48px X 48px.

untuk membuat icon ini, banyak sekali aplikasi yang dapat digunakan, baik gratis atau berbayar. pencarian dengan kata kunci 'free icon maker' atau 'free icon editor' akan memberikan kita sejumlah alternatif perangkat lunak yang dapat digunakan.

file icon yang sudah siap, berformat .ico sehingga nama lengkapnya menjadi (misalnya) namafile.ico

# langkah 2 - upload file icon
file icon yang sudah siap tadi, silakan upload atau unggah ke webserver tempat kita biasa menyimpan file-file. banyak layanan online gallery yang bersifat gratis yang dapat digunakan. jangan lupa untuk mengingat atau menyalin alamat lokasi file icon tersebut berada.

# langkah 3 - tambahkah script
langkah terakhir adalah menambahkan script untuk menggunakan favicon yang telah dipersiapkan tadi. hal ini dilakukan dengan jalan melakukan edit atau perubahan pada file template blogspot yang kita gunakan, dengan menambahkan script berikut:

klik untuk memperbesar

ganti lokasi_file_icon dengan alamat lokasi file yang telah kita unggah tadi. tambahkan script tersebut pada bagian awal file template yang kita gunakan. jika ada bagian head, maka letakkan pada setelah bagian dan sebelum bagian /head.

misalnya saia, yang menggunakan template minima, meletakkannya pada bagian sebagaimana gambar berikut:

alamat lokasi file favicon sudah diganti menjadi:
http://example.com/favicon.ico

# langkah 4 - tunggu dan berdoa
jika langkah 1 sampai 3 sudah dilakukan, maka tinggal tunggu dan berdoa, semoga semuanya berjalan dengan lancar. atau kalau gagal, silakan browsing dan cari informasi tentang hal yang sama, misalnya dengan kata kunci 'membuat favicon di blospot' atau 'making blogspot favicon'. jangan cari dengan kata kunci making love, karena sangat tak nyambung.

sudah, itu saja. dan tak lupa, keep bloggin'... ;)