• L O G I N

  • Arsip

  • it’s me

    ”image”/
  • New Avatar Was Born

    ”image”/
  • Spreadfirefox Affiliate Button
  • IP

Percantik Web Kamu dengan Faveicon

Kamu mau logo, simbol atau inisial web kamu terpampang di samping adrress bar seperti inisial blog saya di atas, atau gambar dibawah ini?

ayadinata

ini namanya Favicon, kependekan dari Favorite Icon. Bagi yang belum memilikinya, apa kamu mau? Gampang kok buat nya.

Yang kamu butuhkan cuma file icon saja, file dengan extension .ico. Kalo kamu belum punya file ini, kamu bisa membuatnya dengan software icon editor, atau jika kamu tidak mau repot, dan hanya punya desain dalam bentuk jpg, bmp, png, gif. kamu tetap bisa membuatnya di http://www.html-kit.com/favicon/ . Tenang aja, gratis kok, alias gak bayar, gampang lagi.

Kamu tinggal datang ke http://www.html-kit.com/favicon/ lalu pada kotak Source Image, kamu klik browse, kemudian cari file yang kamu inginkan, kemudian, dibawah Source Image, terdapat opsi untuk scrolling teks dan Animated Icon, kamu bisa mengisinya atau memberi centang. Opsi ini akan menghasilkan favicon animasi (kombinasi antara image dan rolling text), kemudian klik tombol Generate FavIcon.ico

Favicon

Setelah itu, kamu akan lihat hasilnya di bagian preview di sebelah bawah, ini lah yang akan kamu lihat nanti setelah semua nya selesai. Jika kamu belum merasa puas, kamu bisa mengklik Test in Browser untuk melihat hasilnya di browser kamu.

favicon_3

Jika kamu sudah merasa puas, kamu bisa mengklik tombol Download Favicon, untuk mendownload/mengunduh icon yang telah kamu buat, jika kamu merasa belum puas, kamu bisa mencoba dengan mengganti gambar yang lainnya.

Setelah kamu mendownload / mengunduh, kamu sekrang harus menguplod icon tersebut kesitus kamu, simpan file favicon.ico ke tempat dimana file index kamu disimpan. kemudian kamu ketikan script ini diantara tag <HEAD> .. dan .. </HEAD>

<link rel=”shortcut icon” href=”/favicon.ico”>

jangan lupa di save. Untuk mengujinya, kamu bisa membuka langsung alamat situs kamu, atau kamu buka http://www.html-kit.com/favicon/validator , kemudian ketik alamat situs kamu seperti dibawah ini, kemudian klik tombol check.

favicon_4

Tunggu sebentar, maka kamu akan melihat hasilnya seperti dibawah ini.

favicon_5

Jika kamu melihat pesan seperti itu, berarti penempatan Faveicon kamu sudah tepat. Nah, silahkan kamu buka situs kamu, sekarang selesai sudah, icon mungil itu bisa bersanding disamping alamat situs kamu.

Selamat mencoba

Satu Tanggapan

  1. sipppppppppp …….

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: