Apa itu favicon jika teman-teman belum pernah belajar sebuah website pasti masih bingung dengan kata favicon, oke saya jelaskan terlebih dahulu, favicon itu adalah gambar kecil yang berada pada sebuah halaman website, biasanya ada pada judul website tersebut, pada paragraf berikutnya akan saya beri contohnya, favicon biasanya berisi logo kita jika website kita sebuah perusahaan pasti yang akan tampil adalah logo perusahaan kita, kadang saya lihat juga foto si pemilik website tersebut, oiya jadi gambarnya bisa berupa apa saja ya teman-teman, oke untuk belajar cara menampilkan favicon di website kita, simak terus ya teman-teman.
Seperti apa si contohnya si favicon itu, seperti ini ya teman-teman:
Gimana pasti langsung ingat ya teman-teman, itu dia yang dinamakan favicon ya teman-teman, cara cara menampilkan favicon di website kita ada beberapa sayarat:
- gambar biasanya 16 x 16 px;
- file tipe harus berupa gambar ya teman-teman, seperti jpeg, ico, dan lain-lain.
Lalu apakah bisa menggunakan foto saya sendiri, jawabnnya tentu bisa dong, cara menampilkan favicon di website kita, ada cara paling mudah yaitu teman-teman buka saja website https://www.favicon-generator.org/ nanti disitu jika teman-teman mempunyai sebuah gambar sendiri bisa di generator kesitu, oke disini saya akan coba membuat pada halaman website yang sebelumnya saya buat, kita akan beri favicon tersebut:
<!DOCTYPE html>
<html>
<head>
<title>cara menampilkan favicon di website kita</title>
<span style="color: #ff0000"><link rel="shortcut icon" type="image/x-icon" href="oktober/favicon.ico"></span>
<-e-style type="text/css">
body{
background-color: #6EDAF8;
}
a{
padding: 5px;
background: #689F38;
border-radius: 2px;
border: 1px dotted #03CCFF;
text-decoration: none;
color: #fff;
}
a:hover{
background: #1450B9;
color: #fff;
}
.container{
width: 800px;
margin: auto;
background: #fff;
overflow: hidden;
}
img{float: left;}
<-e-/style>
</head>
<body>
<div class="container">
<!-- <h1>cara membuat link langsung ke google play</h1> -->
<video src="Chelsea vs Manchester City 0-1 All Goals & Highlights - (30_9_2017).mp4" controls></video>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. </p>
<img src="september/ml.png">
<br>
<a href="https://play.google.com/store/apps/details?id=com.mobile.legends">link download</a>
</div>
</body>
</html>
Lihat baris yang saya beri tanda merah ya teman-teman, itu dia tag dan atribut yang berfungsi untuk menampilkan sebuah gambar favicon pada website kita, hasilnya sudah saya beri di atas ya teman-teman, cara memanggilnya sama ketika memanggil CSS eksternal ya teman-teman, oke saya rasa cukup sampai disini dulu belajar kita tentang cara menampilkan favicon di website kita, semoga bermanfaat dan sampai jumpa.
The post Cara Menampilkan Favicon di Website kita appeared first on Kursus Website Terbaik.