Cara Menampilkan Favicon di Website kita
Apa itu favicon seandainya teman-teman belum pernah belajar sebuah blog pasti masih bingung dengan kata favicon, oke saya jelaskan terlebih dahulu, favicon itu ialah gambar kecil yang berada di sebuah halaman blog, biasanya ada di judul blog tersebut, di paragraf berikutnya akan saya beri contohnya, favicon biasanya berisi logo kita seandainya blog kita sebuah perusahaan pasti yang akan tampil ialah logo perusahaan kita, kadang saya lihat pun gambar si pemilik blog tersebut, oiya jadi gambarnya dapat berupa apa saja ya teman-teman, oke bagi belajar cara menampilkan favicon di blog kita, simak terus ya teman-teman.
Seperti apa si contohnya si favicon itu, seperti ini ya teman-teman:
Gimana pasti seketika ingat ya teman-teman, itu dia yang dinamakan favicon ya teman-teman, cara cara menampilkan favicon di blog kita ada beberapa sayarat:
- gambar biasanya 16 x 16 px;
- file tipe mesti berupa gambar ya teman-teman, seperti jpeg, ico, dan lain-lain.
Lalu apakah dapat menggunakan gambar saya sendiri, jawabnnya tentu dapat dong, cara menampilkan favicon di blog kita, ada cara sangat gampang yaitu teman-teman buka saja blog https://www.favicon-generator.org/ nanti disitu seandainya teman-teman mempunyai sebuah gambar sendiri dapat di generator kesitu, oke disini saya akan coba membangun di halaman blog yang sebelumnya saya bikin, kita akan beri favicon tersebut:
<!DOCTYPE html>
<html>
<head>
<title>cara menampilkan favicon di blog 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 membangun link seketika 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 aplikasi 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 unduh</a>
</div>
</body>
</html>
Lihat baris yang saya beri tanda merah ya teman-teman, itu dia tag dan atribut yang berfungsi bagi menampilkan sebuah gambar favicon di blog kita, hasilnya telah saya beri di atas ya teman-teman, cara memanggilnya sama ketika memanggil CSS eksternal ya teman-teman, oke saya rasa lumayan hingga disini dulu belajar kita mengenai cara menampilkan favicon di blog kita, semoga bermanfaat dan hingga jumpa.
Sumber https://kursuswebsite.org
