Add Favicon to Blogger Blog

Pernakah kamu memimpikan mempunya gambar ikon kecil yang muncul di samping alamat web-mu, seperti yang kamu lihat di blog ini, gambar orang tersenyum. Ikon ini bisa menjadikan ciri bagi sebuah situs agar mudah diingat ciri-cirinya, gitu, juga agar situs kita tampak propesional lho.

Pernakah kamu memimpikan mempunya gambar ikon kecil yang muncul di samping alamat web-mu, seperti yang kamu lihat di blog ini, gambar orang tersenyum. Ikon ini bisa menjadikan ciri bagi sebuah situs agar mudah diingat ciri-cirinya, gitu, juga agar situs kita tampak propesional lho.

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.

Tapi, kamu pertama harus memiliki sebuah ikon yang akan kamu gunakan, kalau icon sih ekstensinya di windows itu .ico. Jika kamu mencari berdasarkan ekstensi itu dihardisk, kamu akan mendapatkan beberapa ikon darinya. Tapi, masalahnya ikonnya tepat nggak dengan jati diri situs elo (klo gak tepat sih gapapa kok). ato, elo bisa menggunakan software pembuat ikon gratisan di internet, misalkan aja program Imageicon yang bisa mengubah gambar ke file berformat .ico. Download aja program itu di www.download.com, ada kok. Inget, ikon yang didukung oleh browser, hanya sedengkal 32x32, paling gak 16x16.

Jika kamu tidak ingin membuat ikon dengan program pembuat ikon apapun, bagaimana kalo kamu mencoba sebuah ikon online yang bertebaran di internet, coba cari deh dengan Google Search disamping elo, ketik "online icon generator".

Once you have created an icon, save it into your hard disk. The next step of attaching the icon is a little tricky. Ideally, all you need to do is to save it in the root directory of your blog site. Nevertheless, there is no way this can be done. For one, if you try to upload an icon image, Blogger will reject it. Two, any file that is uploaded will not go into the Blogger root directory.

Ketika kamu telah membuat sebuah ikon, simpan ini kedalam hard-diskmu. Langkah selanjutnya adalah mengupload-nya dengan sedikit trick. Mengapa kok pakek trick? karena favicon seharusnya diletakkan di root-directory, sedangkan kita tidak bisa meng-ekplorer file di blogkita, ya nggak, berarti gak mungkin kita pakek cara ini. Yang kedua, jika kita mencoba langsung mengupload file icon tadi lewat image uploadernya blogger, blogger akan menolak ini. Ketiga, apapun file yang diupload, tidak akan diletakkan blogger di root directory (cari tahu sendiri ditaruh dimana :), biasanya sih di bp1.blogger.com/folder/folder/file.ekstensi, ya nggak, berarti nggak di root toh?)

Terus gimana dunk, gampang aja, kita upload ikon kita ke sebuah situs web-folder, dan kita buat linknya. Bagaimana kalo kita page Google Page? iya kita pakek aja google page. kita hanya tinggal mengupload icon kita ke google page, dan linkkan ikon tadi kedalam template kita, baik, ide yang bagus.

Jika kamu sudah selesai mengupload ikon elo kedalam Google Pages, maka file yang kamu storekan akan beralamat gini nih : http://yourname.googlepages.com/iconname.ico. Dalam hal ini, yourname berarti nama elo, misal spenzagres1.googlepages.com. dan iconname itu adalah nama ikon mu, sedangkan .ico tidak perlu diganti, itu sudah pasti ekstensi donk.

Masuk ke dashboard blogger elo, dan pilih Template, Edit HTML dan cari kode

<title><data:blog.pageTitle/></title>

tambahkan dibawahnya :

<link href=' URL of your icon file ' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<link href=' URL of your icon file ' rel='shortcut icon' type='image/x-icon'/>

URL of your icon file, itu isi dengan alamat ikon elo tadi seperti diatas seperti yang sudah dibahas.

Udah deh. tapi, kalo ketepaan file kamu bukan file ico, gimana. mau diapain, dikonvert? jangan susah-susah ah, gak papa kok, ganti aja type='image/x-icon' dengan 'image/gif' untuk file gif, dan 'image/png' untuk file PNG. mudahkan?

www.blogywalkie.blogspot.com

this article is about Blogger Add-Ons, Favicon