Hai Teman-teman , pada
kesempatan kali ini saya akan mencoba membahas tentang cara mengganti gambar
Icon yang ada di sebelah Title.
Pernahkah anda berfikir saat membuat website Untuk Mengubah
Icon pada Judul pada address bar?. Jika kita menggunakan xampp kita akan
mendapatkan icon default bawaan dari xampp sedangkan jika kita mau ganti apakah
bisa? Tentu saja pasti bisa. Nah ikon inii biasanya di sebut dengan favicon dan
untuk mengubah favicon tersebut anda bisa menambahkan html seperti ini :
1
|
<link rel="icon" type="image/png" href="namalogo.png">
|
Silakan anda letakan di dalam tag head. Tag head sebelum yag
style dan tag tittle, yang perlu anda perhatikan adalah pada tag tersebut yaitu
atribut href (href=”nama_logo.png”). Atribut tersebut berisi nama file dari
logo atau gambar yang ingin digunakan untuk ikon, bisa berformat jpg, ico, dan
png. Apabila file gambar didalam folder, kamu bisa menambahkan nama folder
kedalam atribut tersebut.
Contoh Implementasi
(Penerapan)
Misalnya saya memiliki sebuah
file HTML yang ingin ditambahkan icon, dan file ikon bernama logo-web.png yang terdapat didalam folder image.
Kemudian untuk menambahkan
ikon pada file HTML tersebut tentunya dengan cara membuka file HTML tersebut
terlebih dahulu (file HTML bernama ikon). Dan menambahkan kode yang sudah
dijelaskan diatas
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="image/logo-web.png">
<title>Membuat Ikon Pada Title Website</title>
</head>
<body>
<p>Membuat pada title browser menggunakan Tag HTML link</p>
</body>
</html>
Dari kode diatas maka ikon
website sudah berubah menjadi logo (gambar) yang diinginkan.
Sekian Cara merubah Favicon di html, semoga ilmu yang kita dapat bermanfaat buat kita semua
Share this Article
0 comments :