Membuat Favicon (favorites icon)
Apa itu favicon ?! Lihat saja gambar icon di bawah ini yang di tunjukan dengan gambar panah.
favicon biasanya berada di awal url sebuah situs atau di awal halaman sebuah situs. Cara buatnya tinggal menyiapkan gambar yang akan di jadikan favicon. Siapkan gambar berukuran kecil yaitu 16X16 pixel dengan format png, gif atau ico. Agar lebih mudah siapkan saja gambar dengan format png atau gif.
Setelah gambar disiapkan upload gambar tersebut di sebuah file hosting, terserah mau pake layanan file hosting apa saja, bisa di blogspot, photobucket, xtgem, myopera dll.
Setelah gambar di upload, ambil url/alamat gambar tersebut kemudian sisipkan pada sebuah tag link seperti contoh di bawah ini:
<link rel='icon' href='http://file-gambar/favicon.ico' type='image/x-icon' />
<link rel='icon' href='http://file-gambar/favicon.png' type='image/png' />
<link rel='icon' href='http://file-gambar/favicon.gif' type='image/gif' />
simpan tag yang telah di siapkan tersebut di atas tag penutup </head> contoh untuk situs paling sederhana:
<html>
<head>
<title>judul situs</title>
<link rel='icon' href='http://file-gambar/favicon.png' type='image/png' />
</head>
<body>
</body>
</html>
Untuk blogger juga sama, tempatkan tag tersebut sebelum tag penutup penutup </head>
favicon biasanya berada di awal url sebuah situs atau di awal halaman sebuah situs. Cara buatnya tinggal menyiapkan gambar yang akan di jadikan favicon. Siapkan gambar berukuran kecil yaitu 16X16 pixel dengan format png, gif atau ico. Agar lebih mudah siapkan saja gambar dengan format png atau gif.
Setelah gambar disiapkan upload gambar tersebut di sebuah file hosting, terserah mau pake layanan file hosting apa saja, bisa di blogspot, photobucket, xtgem, myopera dll.
Setelah gambar di upload, ambil url/alamat gambar tersebut kemudian sisipkan pada sebuah tag link seperti contoh di bawah ini:
<link rel='icon' href='http://file-gambar/favicon.ico' type='image/x-icon' />
<link rel='icon' href='http://file-gambar/favicon.png' type='image/png' />
<link rel='icon' href='http://file-gambar/favicon.gif' type='image/gif' />
simpan tag yang telah di siapkan tersebut di atas tag penutup </head> contoh untuk situs paling sederhana:
<html>
<head>
<title>judul situs</title>
<link rel='icon' href='http://file-gambar/favicon.png' type='image/png' />
</head>
<body>
</body>
</html>
Untuk blogger juga sama, tempatkan tag tersebut sebelum tag penutup penutup </head>
Komentar
Posting Komentar