13. TUTORIAL HTML MEMBUAT FAVICON - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Responsive Ads Here

Friday, June 3, 2016

13. TUTORIAL HTML MEMBUAT FAVICON

Hai semua, kali ini kita akan membahas bagaimana cara membuat favicon. sudah tau apa itu favicon?
Favicon adah icon yang ada pada bagian title website seperti ini
Untuk membuat favicon kita perlu membuat gambar yang akandijadikan icon terlebih dahulu, bisa dengan membuatnya dengan photoshop, atau download dari google juga banyak. biasanya gambar yang digunakan berukuran 16x16 dengan format .ico, .gif, .jpg, .jpg.

Setelah itu taruh gambar tadi pada satu folder yang sama dengan file html kita, misalkan saya membuat bewok.html, maka sasya akan menyimpannya dalam folder yang sama dengan bewok.html.
 Jangan lupa untuk mengubah namanya  menjadi favicon.(format file) misalnya favicon.ico

Kali ini saya akan membuat favicon dengan gambar mario.

Untuk membuat favicon kita menggunakan tag<link>, jadi selain untuk menghubungkan file CSS ke html, tag <link> juga bisa digunkan untuk membuat favicon.

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Belajar Membuat favicon website di HTML</title>
<link rel="icon" href="favicon.png" >
</head>
<body>
<p>Membuat favicon website</p>
</body>
</html>

hasilnya akan seperti ini:

Ok, sekian dulu pembahasan kali ini. Kita akan bahas yang lainnya pada kesempatan berikutnya.
Tetap semangat belajar yaaaa!!!

No comments:

Post a Comment