Menambahkan Icon pada Title Website

Untuk menambahkan Icon pada title website  :

1. Buat image untuk icon dengan ukuran 16 x 16 pixel atau 32 x 32 pixel, contoh :  icon

2. Format image bisa dalam jpg, png, gif ataupun ico sehingga nama file, contoh : iconkita.png

3. Buka file html Tambahkan script html di bawah ini  :

<link rel=”icon” type=”image/png” href=”http//aplikasikita.com/images/iconkita.png”>

Di antara tag <head>…</head>lengkapnya :

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; lang=”en”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Aplikasi Kita</title>
<link rel=”stylesheet” href=”http://aplikasikita.com/styles/style.css&#8221; type=”text/css” />
<link rel=”icon” type=”image/png” href=”http//aplikasikita.com/images/iconkita.png”>
</head>

4. kemudian reload atau refresh browser kita maka akan tampil :

tab

 

 

Referensi :

http://www.w3.org/2005/10/howto-favicon

17 thoughts on “Menambahkan Icon pada Title Website

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