Posts Tagged With: tips asp.net

Cara Menampilkan Favicon pada Website Anda

Favicon adalah gambar kecil yang ditampilkan pada sisi kiri dari address bar di browser, atau pada tab di browser. Menambahkan Favicon adalah cara yang bagus untuk meningkatkan impression pada website anda agar mudah diingat orang.

Berikut adalah tampilan favicon dari website penyedia hosting terkemuka di Indonesia, JaringanHosting.com.

– Contoh tampilan favicon pada browser Firefox:

image_1

– Contoh tampilan favicon pada browser Google Chrome:

image_2

– Contoh tampilan favicon pada browser Internet Explorer:

image_3

Menambahkan favicon ke website Anda sangat mudah. Pertama, Anda perlu membuat ikon sebesar 16 x 16 piksel dan nama favicon.ico. Tidak ada format file lain atau ukuran yang diterima selain itu. Simpan favicon Anda ke direktori root dari aplikasi web ASP.Net Anda:

image_4

Dalam beberapa browser lama (misalnya, Internet Explorer 5), hanya itu saja yang perlu dilakukan. Namun untuk browser versi terbaru dari Firefox, Internet Explorer dan Chrome, Anda perlu menambahkan dua link ke favicon Anda ke bagian head dalam HTML Anda. Jika Anda menggunakan master page, dua link ini ditaruh di bagian head pada master page:

<head runat=”server”>
<title>My Website</title>
<link runat=”server” rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”/>
<link runat=”server” rel=”icon” href=”favicon.ico” type=”image/ico”/>
</head>

Alasan Anda memiliki dua link untuk favicon yang sama adalah untuk memastikan favicon Anda bekerja pada semua browser. Beberapa browser, seperti Firefox, akan bekerja dengan baik walaupun anda hanya menaruh satu link. Tapi untuk Internet Explorer versi 6 dan 7 lebih pemilih. Jadi lebih aman jika anda memasukkan dua link agar favicon anda dapat ditampilkan di semua browser.

Advertisements
Categories: ASP.NET | Tags: , , , , , , | Leave a comment

Blog at WordPress.com.