Favicon adalah favorites icon yang oleh wikipedia diterjemahkan sebagai an icon associated with a particular website or webpage atau bahasa Indonesia kurang lebih adalah sebuah icon yang mewakili dari wajah web tersebut. Bagi teman-teman yang sudah mahir, mungkin posting cara membuat favicon ini tiada berguna namun mungkin saja dapat membantu teman yang tertarik mengganti default favicon blog di blogger. Saat ini favicon sudah dapat berfungsi untuk browser seperti mozilla, internet explore, opera dan browser lainnya. Favicon akan nampak pada address bar browser anda. Favicon bisa dikatakan sebagai gambaran dari karakter blog anda. Nah, agar nampak jelas apa itu favicon, anda dapat melihat gambar di bawah ini.
Karena sudah jelas apa itu favicon maka dapat diteruskan dengan cara membuat favicon berikut ini :
Jika anda kesulitan membuat favicon, ada banyak situs untuk membuat favicon gratis. Anda cukup cari di google free favicon generator. Yang perlu dipersiapkan hanyalah gambar untuk favicon anda. Pada situs free favicon yang anda gunakan biasanya selalu ada menu upload gambar untuk membuat favicon yang dikompres menjadi ukuran favicon yang standar. Setelah itu, simpan gambar di komputer dan upload favicon yang sudah jadi tadi ke image hosting. Ikuti langkah di atas. Mudah-mudahan cara membuat favicon untuk blogger ini bisa membuat blog punya ciri khas tersendiri.
Karena sudah jelas apa itu favicon maka dapat diteruskan dengan cara membuat favicon berikut ini :
- Buat gambar dengan ukuran 16x16 pixel dengan program image editing seperti photoshop atau program lain. Sesuaikan dengan template blog yang kira-kira mencerminkan blog anda. Ingat, ukuran favicon tidak boleh lebih dari 16x16 pixel.
- Jika sudah, simpan gambar tadi dalam ekstensi format jpeg atau format gambar lain.
- Upload favicon anda di image hosting seperti photobucket atau free image hosting lain.
- Jika sudah, copy alamat (url link address) penyimpanan favicon tadi untuk digunakan sebagai kode pemanggilan favicon di blog anda. Contoh, saya menyimpan favicon di photobucket dengan alamat ini :
http://i628.photobucket.com/albums/uu8/bangdelaja/bangdelfavicon.jpg
- Lanjutkan dengan membuat kode favicon anda.
<link href='favicon url address' rel='shortcut icon' type='image/x-icon'/>
Ganti favicon url address dengan link favicon anda. Contoh favicon saya menjadi :<link href='http://i628.photobucket.com/albums/uu8/bangdelaja/bangdelfavicon.jpg' rel='shortcut icon' type='image/x-icon'/>
- Masuk ke blogger dengan id blogger anda
- Pilih tata letak dan klik Edit HTML. Jangan lupa untuk centang expand template widget.
- Biasanya favicon diletakkan antara <head> dan </head>. Ok, untuk contoh ini, anda cari kode kode </head>. Jika sudah ketemu, silahkan copy kode favicon anda tadi dan paste tepat di atas kode </head>
- Jika sudah, klik simpan template dan lihat blog anda di jendela baru. Perhatikan di samping address bar sudah ada favicon baru untuk blog anda.
Jika anda kesulitan membuat favicon, ada banyak situs untuk membuat favicon gratis. Anda cukup cari di google free favicon generator. Yang perlu dipersiapkan hanyalah gambar untuk favicon anda. Pada situs free favicon yang anda gunakan biasanya selalu ada menu upload gambar untuk membuat favicon yang dikompres menjadi ukuran favicon yang standar. Setelah itu, simpan gambar di komputer dan upload favicon yang sudah jadi tadi ke image hosting. Ikuti langkah di atas. Mudah-mudahan cara membuat favicon untuk blogger ini bisa membuat blog punya ciri khas tersendiri.
Related Post:
Aksesoris
- Pasang Alert Welcome Message Di Blogger
- Menambahkan Emoticon Pada Area Posting
- Pasang Bookmark AddThis Di Setiap Posting
- Pasang Tombol "Save as PDF" Di Blogger
- Membuat Emoticon Clickable Pada Posting
- Pasang Yahoo! Messenger Pingbox
- Download Picasa 3.5 Fitur Name Tags
- Free Icons Dari Iconlet Search Engine
- Membuat Kotak Pesan ShoutBox
- Membuat Banner Animasi dari AdDesigner
- Sial Photobucket Site Maintenance
or 
or
12 comment:
bang del, boleh juga tuh infonya. bagus ya tulisannya. ditunggu ya postingan yang lebih keren. bang del tau dari mana blog saya?
Bang tetep kaga ngerti bkin favicon. huhu
@Widjoyo Adjie
Misalnya favicon nya dari foto profil blogger kamu. Nah, foto itu diperkecil dulu hingga 16x16 pixel pake foto editor seperti ACDSee, kan ada tuh fitur image resize. Setelah itu, favicon diupload ke situs image hosting seperti tinypic.com (harus ndaftar dulu). Tinypic.com akan memberikan URL favicon kamu, misalnya seperti punya saya alamatnya ini:
http://i34.tinypic.com/6e2452.jpg
Nah, sekarang buat favicon menjadi seperti ini
<link href='http://i34.tinypic.com/6e2452.jpg' rel='shortcut icon' type='image/x-icon'/>
Ganti http://i34.tinypic.com/6e2452.jpg dengan alamat favicon kamu. Jika sudah, letakkan kode favicon secara lengkap di atas kode :
<b:skin><
ilmunya sangat manfaat
i like this blog
mas mau nanya saya coba kog ga berhasill.. apa format gambarnya harus .jpg yaw. kalau pake .png ga bisa yaw???
dan kalau hotingnya imageshack bukan photobucket ga bisa yaw???
mohon bantuannya masih bloger pemula
danke lay,,,, 4 ur information guys..... like ths,,,
terima kasih banyak yang sebanyak-banyaknya bangdel...
salam cinta secinta-cintanya
nice post.. i like itt.. salam sukses..
makasi om, langsung aja ane ke tkp biar ilmunya langsung nyerep...(ga lupa)
Wah, berhasil!
Thanks iya Sob~ ;D
Post a Comment