Cara mengganti favicon dengan foto, cara membuat dan mengganti icon favicon di blogspot.
Posting ini mungkin sudah basi bagi blogger yang sudah master tapi bagi blogger pemula termasuk Saya, siapa tahu posting ini mereka perlukan dan sekalian untuk melengkapi blog ini sesuai dengan deskripsi utama yang ada. Bagi blogger yang sudah mahir maupun yang masih pengguna baru blogspot dan siapa saja yang berkunjung ke blog ini diharapkan dukungannya dengan memberikan komentar. Karena komentar dari pengunjung sangat bermanfaat untuk perbaikan-perbaikan yang lebih baik lagi pada perkembangan blog ini di masa mendatang.
Sebelum melangkah ke tahap cara membuat dan mengganti favicon, sedikit akan Saya bahas apa itu yang di maksud dengan favicon? Favicon adalah icon kecil yang terletak di belakang suatu url address atau alamat sebuah website/blog yang akan selalu muncul mendampingi url dan sub url address tersebut setiap kali di kunjungi. Icon atau favicon tersebut ada yang berupa foto, gambar, dan animasi file yang berekstensi .gif.
Pada setting defaultnya, favicon blogger adalah icon gambar berupa huruf B berwarna putih yang di selimuti oleh warna orange. Icon favicon tersebut dapat diganti dengan icon lain yang kita inginkan, misalnya dengan gambar foto atau gambar lainnya. Sebagai contoh, Anda dapat melihat icon animasi file .gif yang terletak disamping sebelum url blog ini pada tab url browser yang Anda gunakan.
Agar dapat membuat favicon, Anda harus menyiapkan gambar atau foto berformat .ico atau .gif berukuran 16x16. Untuk membuat gambar.ico atau gambar.gif dapat menggunakan layanan online gratis yang siap membuat file gambar Anda menjadi file gambar.ico maupun .gif. Jika Anda sudah siap untuk membuatnya, silakan kunjungi alamat url ini: http://www.htmlkit.com/. Uplod gambar yang Anda ingin jadikan favicon ke alamat tersebut melalui form upload yang tersedia untuk membuat file berformat .ico dan .gif. Setelah selesai, download paket file gambar yang telah dibuat oleh htmlkit.com.
File yang Anda download tersebut di paket kedalam file berformat .zip. Exstract file .zip tersebut, file yang telah di extract tediri dari 3 gambar yang sama tetapi berbeda ukuran dan format. Ada yang bernama favicon.ico dan favicon.gif.
Dari hasil yang di exstract tadi, pilih yang animated_favicon.gif jika favicon yang diinginkan berupa animasi, dan jika yang hanya icon atau gambar bukan animasi pilih yang favicon.ico, pilih ukuran terkecilnya yaitu ukuran 16*16-pixel-256 color.
Langkah selanjutnya adalah meng-upload favicon tersebut ke hosting penyimpanan gambar secara gratis. Kalau Saya biasa menyimpan gambar di imagefruity.com.
Okay, sekarang ikuti langkah-langkah mengupload gambar untuk mengambil url favicon yang akan dipasang pada blog Anda dan sekaligus cara memasangnya:
Semoga bermanfaat. Terima kasih.
Posting ini mungkin sudah basi bagi blogger yang sudah master tapi bagi blogger pemula termasuk Saya, siapa tahu posting ini mereka perlukan dan sekalian untuk melengkapi blog ini sesuai dengan deskripsi utama yang ada. Bagi blogger yang sudah mahir maupun yang masih pengguna baru blogspot dan siapa saja yang berkunjung ke blog ini diharapkan dukungannya dengan memberikan komentar. Karena komentar dari pengunjung sangat bermanfaat untuk perbaikan-perbaikan yang lebih baik lagi pada perkembangan blog ini di masa mendatang.
Sebelum melangkah ke tahap cara membuat dan mengganti favicon, sedikit akan Saya bahas apa itu yang di maksud dengan favicon? Favicon adalah icon kecil yang terletak di belakang suatu url address atau alamat sebuah website/blog yang akan selalu muncul mendampingi url dan sub url address tersebut setiap kali di kunjungi. Icon atau favicon tersebut ada yang berupa foto, gambar, dan animasi file yang berekstensi .gif.
Pada setting defaultnya, favicon blogger adalah icon gambar berupa huruf B berwarna putih yang di selimuti oleh warna orange. Icon favicon tersebut dapat diganti dengan icon lain yang kita inginkan, misalnya dengan gambar foto atau gambar lainnya. Sebagai contoh, Anda dapat melihat icon animasi file .gif yang terletak disamping sebelum url blog ini pada tab url browser yang Anda gunakan.
Agar dapat membuat favicon, Anda harus menyiapkan gambar atau foto berformat .ico atau .gif berukuran 16x16. Untuk membuat gambar.ico atau gambar.gif dapat menggunakan layanan online gratis yang siap membuat file gambar Anda menjadi file gambar.ico maupun .gif. Jika Anda sudah siap untuk membuatnya, silakan kunjungi alamat url ini: http://www.htmlkit.com/. Uplod gambar yang Anda ingin jadikan favicon ke alamat tersebut melalui form upload yang tersedia untuk membuat file berformat .ico dan .gif. Setelah selesai, download paket file gambar yang telah dibuat oleh htmlkit.com.
File yang Anda download tersebut di paket kedalam file berformat .zip. Exstract file .zip tersebut, file yang telah di extract tediri dari 3 gambar yang sama tetapi berbeda ukuran dan format. Ada yang bernama favicon.ico dan favicon.gif.
Dari hasil yang di exstract tadi, pilih yang animated_favicon.gif jika favicon yang diinginkan berupa animasi, dan jika yang hanya icon atau gambar bukan animasi pilih yang favicon.ico, pilih ukuran terkecilnya yaitu ukuran 16*16-pixel-256 color.
Langkah selanjutnya adalah meng-upload favicon tersebut ke hosting penyimpanan gambar secara gratis. Kalau Saya biasa menyimpan gambar di imagefruity.com.
Okay, sekarang ikuti langkah-langkah mengupload gambar untuk mengambil url favicon yang akan dipasang pada blog Anda dan sekaligus cara memasangnya:
- Setelah favicon Anda selesai dibuat, sekarang kunjungi http://imagefruity.com untuk meng upload gambar
- Pilih Browse atau choose dari folder penyimpanan gambar di pc Anda, cari file animated_favicon.gif yang telah Anda buat, kemudian klik start uploading
- Anda akan diarahkan kehalaman yang memuat link hasil upload tadi, copy alamat direct linknya, misalnya direct linknya adalah: http://imagefruity.com/images/746001595690212255.gif .
- Setelah Anda copy, silakan loggin ke blogger.com->dashboard->Edit Html->centang expand widget template
- Cari kode </head>, kemudian copy kode berikut ini:
<link href='insert your favicon url here' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Letakkan kode tersebut diatas kode </head> - Ganti tulisan insert your favicon url here dengan url direct link favicon Anda. Save template, lihat hasilnya
Semoga bermanfaat. Terima kasih.
