masriadi.net » Cara membuat favicon http://www.masriadi.net Belajar dan Berbagi Sun, 22 Nov 2009 08:58:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.1 Membuat Favicon di Blogger http://www.masriadi.net/membuat-favicon-di-blogger.html http://www.masriadi.net/membuat-favicon-di-blogger.html#comments Fri, 13 Nov 2009 19:35:41 +0000 admin http://masriadi.net/?p=57 Favicon atau favourite icon adalah gambar kecil yang muncul di pojok kiri address bar dan pojok kiri tab browser anda.

favicon1.

Mengganti Favicon di Blogger
Favicon menjadi logo dari blog/web anda sehingga terkesan lebih profesional. berikut cara membuatnya :

  • Siapkan gambar yang akan menjadi ikon dari blog anda ukuran 100 Pixels x 100 Pixels, kemudian ubah file tersebut menjadi file icon dengan editor gambar anda. biar lebih praktis anda dapat membuat file icon secara mudah di http://www.favicongenerator.com caranya :
  • Kunjungi http://www.favicongenerator.com > Upload gambar anda > Generate Favicon > Download dan simpan file favicon.ico yang dihasilkan.

favicon2
favicon3

  • Upload file favicon.ico tersebut ke direktori web anda, misalnya di Yahoo! Geocities.
  • Login ke akun blogger anda, pilih ‘Tata Letak’ > Edit HTML > beri tanda Ceklis pada ‘expand template widget’. Cari kode seperti ini :
    <head>
    kemudian masukan kode berikut persis di bawah kode di atas :
    <link rel=”shortcut icon” href=”http://www.geocities.com/file_gue/favicon.ico“/>
    Ganti kode warna biru dengan url favicon anda, misalnya di    Yahoo! Geocities
  • Simpan template

Coba buka blog anda dibrowser (pada IE versi 6 kebawah biasanya tidak bisa menampilkan favicon), jika berhasil maka icon yang anda buat telah tampil di pojok kiri address bar dan pojok kiri tab browser.

Jika ada kendala, ayo kita diskusikan disini. Selamat mencoba..

]]> http://www.masriadi.net/membuat-favicon-di-blogger.html/feed 1