Assalamualaikum Wr. Wb.
Sobat Webhozz dimanapun berada. Gimana kabarnya kali ini? Semoga bahagia dan sehat selalu ya, amin.
O iya, pada kesempatan kali ini Webhozz akan berbagi ilmu lagi nih. Disini kita akan belajar tentang membuat icon title pada sebuah website. Tentunya kita akan membuat file dalam format HTML.
Sebelumnya, apa sih itu icon title? Oke icon title itu biasanya terletak di bagian atas sebuah website, alias judul website. Sebagai contohnya bisa perhatikan gambar di bawah ini yang ditunjukkan tanda panah merah.
Ya…kurang lebih seperti itulah contohnya. Maka dari itu, mari kita praktek.
- Pertama, siapkan dulu file gambar yang ingin dijadikan simbol untuk website.
- Kedua, buat sebuah file html. Kemudian pastikan file html dengan file gambar yang disiapkan dalam satu folder.
- Ketikkan script HTML seperti biasa.
<!DOCTYPE html>
<html>
<head>
<title>Webhozz Blog</title>
</head>
<body>
<h1>Icon Title</h1>
</body>
</html>
- Kemudian pada tag <head></head>, sisipkan kode seperti berikut.
<link rel=”icon” href=”nama_file_gambarnya”>
- Sebagai contohnya bisa kita perhatikan pada contoh di bawah ini.
<!DOCTYPE html>
<html>
<head>
<link rel=”icon” href=”webhozz.png”>
<title>Webhozz Blog</title>
</head>
<body>
<h1>Icon Title</h1>
</body>
</html>
- Maka akan tampil seperti ini pada browser.
Nah, gimana? Simpel kan caranya? Selamat mencoba ya…
Alhamdulillah ilmu yang dapat kita pelajari pada postingan ini. Akhir kata, semoga bermanfaat buat sobat Webhozz dimanapun berada, Amin. Semoga berkah dan sukses selalu ya, Amin. Insya Allah, akan update artikel terus.
Walaikumsalam Wr. Wb.
Created by : Danny Julian Pratama