Oleh: awaludinfajari | Agustus 13, 2011

Membuat shortcut icon pada website

shortcut icon adalah icon atau simbol yang terdapat pada sebelah kiri url dan title dari suatu blog atau website, icon ini biasanya berbentuk logo sebuah perusahaan atau pribadi yang mewakili identitas suatu blog atau website seperti shortcut iconnya detik.com yang berbetuk hurup D. Adapun langka-langkah yang  harus dilakukan untuk membuat shortcut icon adalah :

Langkah pertama, pastikan Anda telah memiliki gambar yang hendak Anda jadikan shortcut icon.

Langkah kedua, pastikan file tersebut memiliki ukuran kurang dari 50×50 pixel, dengan ektensi .ico. Jika format gambar Anda masih berekstensi .jpg, .gif, .png, Anda bisa meng-convert terlebih dulu menggunakan toycon, atau software grafis lainnya.

Langkah ketiga, silahkan Anda letakkan kode berikut diantara tag <head></head>pada file .html/.php anda

<link rel="shortcut icon" type="image/x-icon" href="logo.ico">

 Selesai

Letakanlah file diatas pada webserver untuk kesempatan ini saya meletakannya pada localhost.

Contoh:

<html>
<head>
<title> :: shortcut icom :: </title>
<link rel="shortcut icon" type="image/x-icon" href="logo.ico">
</head>
<body>
 Contoh penggunaan shortcut icon
</body>
</html>

Hasilnya :


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

Kategori

%d blogger menyukai ini: