Ada yang nggak tahu apa itu favicon?
Favicon itu favorite icon. Ini loh yang ada di tab browser di sebelah nama website kita. Kalau Blogger faviconnya B putih orange, kalau gmail, gambar amplop merah putih. Kalau blog saya, huruf A hitam berlingkaran pink. Tahu kan ya? Ayo kita customize sendiri faviconnya!
Membuat favicon ini sebenernya gampang-gampang susah. Gampang sih kan cuma bikin icon aja. Susah karena harus kecil dan bisa tetep kebaca. Favicon ini ukurannya cuma 16x16 pixels. Susah bikin huruf atau tulisan atau gambar yang masih bisa jelas terbaca di ukuran segitu. Jadi ya pakai inisial aja lah. :)
1. Buat iconnya. Save as .png Boleh bikin di Photoshop atau software apapun. Bebas. Biar gampang saya bikinnya di 100x100 pixels dulu.
2. Resize ke 16x16 pixels dan pastikan iconnya enak dilihat setelah diperkecil. Soalnya sekecil ini loh.
3. Icon yang sudah jadi ini harus diubah formatnya ke .ico. Masuk ke sini. Upload dan create icon. Jangan lupa di-download dan save di komputernya ya.
4. Nah selesai. Tinggal pasang di blog deh.
Untuk Blogspot:
Masuk ke Dashboard - Layout - lihat kiri atas ada favicon, upload favicon yang tadi udah dibuat (pastikan formatnya yang .ico ya!)
Untuk Wordpress:
Baca di sini.
Refresh deh! Belum berubah? Coba diregister dulu. Buka tab baru, ketik:
http://YOURURL.com/favicon.ico.
YOURURL tentu saja diganti dengan alamat blog kita. Kalau belum berubah juga, close browsernya dan buka lagi. Belum berubah juga? Clear cache browser. Caranya browsing sendiri ya!
-ast-
jadi tau kalau itu namanya favicon hehe
ReplyDeletemakasih mak^^
masamaaaa :)
Deletesaya coba, hehe
ReplyDeleteTe ef eeess
ReplyDeleteyuhuuuuu
DeleteFavicon tuh penting tapi eike suka males bikinnya haha... *jitakpalasendiri
ReplyDeleteiya soalnya kecil tapi ribet :|
DeleteMak, blogmu ditempatku kok faviconnya gak muncul yah? yang muncul tetap iconnya blogger lho bukan huruf A. Wah.. kenapa yaahh
ReplyDeletewah masaaaaa? :S
Deletemba cara resize itu gimana ya? aku udah buat format png yang 100 x 100 pixels tapi ga ngerti cara resize jadi 16 x 16 pixels mba huhu. makasi sebelumnya mba
ReplyDeletedi resize aja di image size kalau di photoshop
Deletebaru tau soal favicon, jadi pengen nyoba. Makasih ya infonya
ReplyDeletesama-samaaa
DeleteMakasih mba infonya, ternyata berhasil buat yang wordpres juga :D
ReplyDeleteaku udh ganti kok yamasih belum muncul yaa.. haha... tfs ya..
ReplyDeleteaku tuh beberapa kali ganti karena senang aja imut imut ..
ReplyDeletetapi ga tau kalo bisa diresize, makasiiih
Thank you for presenting the information very useful .
ReplyDeleteTerima kasih informasi ini.
ReplyDelete