Favicon adalah sebuah icon kecil terletak di sebelah alamat atau url blog/website browser anda. Icon ini biasanya berfungsi sebagai tanda dari sebuah blog/website dan jenis icon tersebut ditentukan oleh para pemilik blog/website.
Jika sebuah blog dibuat di blogspot secara otomatis icon yang muncul adalah icon asli bawaan dari blogger yang bentuknya kurang lebih seperti di bawah ini:
Icon ini bisa diganti sesuka anda, mau gambar ataupun sekedar tulisan saja. Jika anda berminat untuk mengganti favicon blog anda silahkan simak tutorial ini sampai selesai.
Untuk membuat favicon ini yang harus anda lakukan adalah membuat sebuah gambar dulu yang akan dijadikan favicon, Setelah itu sobat harus mengubah gambar tersebut menjadi sebuah gambar icon. Jika bingung cara mengubahnya menjadi gambar icon, sobat bisa menggunakan layanan dari Favicon Generator dan untuk masalah ini silahkan sobat menuju situs http://www.favicongenerator.com
Setelah sobat berada pada halaman situs tersebut lalu klik tombol bertuliskan Browse....
Masukkan gambar yang tadi sobat buat.
Lalu klik tombol bertuliskan Generat Favicon.
Tunggu beberapa saat sampai proses selesai, setelah itu Click Here To Download Your Favicon dan simpan pada komputer sobat.
Langkah selanjutnya meng-upload gambar icon tersebut ketempat hosting gambar. Kalau biasanya para webmaster menyimpannya pada Yahoo! Geocities tapi di sini saya akan menggunakan tempat hosting gambar yang lain yaitu Tinypic.com atau Picasa Web Albums biar tidak terpatok pada satu tempat hosting saja.
Sekarang saya anggap sobat sudah mempunyai alamat url dari icon gambar sobat tadi
Sebagai contoh alamat url gambar yang saya simpan pada www.tinypic.com seperti ini:
http://i43.tinypic.com/11m3qmf.jpg
Agar icon gambar tersebut bisa muncul sebagai icon blog, sobat harus mengubah alamat urlnya menjadi seperti ini:
<link href='http://i43.tinypic.com/11m3qmf.jpg' rel='shortcut icon'/>Setelah itu meletakkannya pada template sobat, langkah-langkahnya sebagai berikut:
1. Login ke Blogger.com.
2. Klik menu Tata Letak.
3. Klik menu Edit Html.
4. Cari kode seperti ini
</Head> jika sudah ketemu, simpan code tadi di atas code </Head> atau bisa juga sobat simpan tepat di bawah code ]]></b:skin>Selesai
saya sudah coba, tapi kesulitan waktu mengupload icon ke picasa. Karena ekstensionnya sekarang sudah berubah menjadi .ico setelah melalui favicon generator bukan .jpg atau .png lagi. Jadi, bagaimana cara menguploadnya untuk memperoleh link yg diinginkan karena saya melihat link yg anda tulis di atas filenya masih berekstensi .jpg
ReplyDeleteMakasih dah sudi menjawab.. dah dicoba tapi belum berhasil. Yang saya heran koq kita mengupload file ke picasa dalam ekstensi .jpg ato .png dll. Padahal klo sudah melalui favicon generator ekstensinya dah .ico. (Picasa monolak mengupload dgn ekstensi .ico)
ReplyDeleteJadi yang diuploadkan mestinya yag .ico bukan yang .png lagi. Krn klo yg digunakan yg .png ato .jpg, untuk apa menggunakan favicon generator.
Maaf, banyak nanya dan bertele-tele mudah-mudahan pertanyaan saya bisa dipahami. Krn saya selalu terhalang disini, semua tutorial yg pernah saya baca rata-rata menggunakan favicon generator ini.
sudah coba ulang, ternyata problemnya di picasa-nya. Setelah coba upload di tinypic ternyata bisa.
ReplyDeleteProblem yang lainnya, setelah di generate koq gambarnya malah cuman kotak hitam?
Apa yang salah yah?.. fileku berekstensi .png, saya pake ubuntu, buat iconnya pake GIMP
Ummu Abdillah Sri Muliana=> sebenarnya gak usah pake ico juga gak masalah kok. buktinya saya coba pake .png, .gpg, .gif dll gak masalah kok.
ReplyDelete