13. TUTORIAL HTML MEMBUAT FAVICON - Tutorial Programming & Digital Marketing

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

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!!!

1 comment:

  1. Buahahaha.....
    Gak jelas ik.konyol bngt dech om.
    Tp template nya woke bngt, sayang yg ngisi lagi error.
    hhhh.....
    Klo boleh kasih link ya om bewok yg ganteng, cakep, kece......
    Sebelumnya makasih ya om.

    Salam hangat
    Rumi

    ReplyDelete