Cara Mengganti Icon di Title pada HTML

Hai Teman-teman , pada kesempatan kali ini saya akan mencoba membahas tentang cara mengganti gambar Icon yang ada di sebelah Title .
Pernah coba nyari-nyari di mbah google , tapi yang muncul kok malah cara ganti favicon di blogger atau wordpress , nah dari situ lah akhirnya saya coba-coba liat tuh referensi-referensi website dari mbah Google . dan setelah dilihat-lihat ternyata ada kesamaan cara menggantinya , kita sama-sama harus menambahkan satu tag kuncinya ..... hehehe
Untuk penjelasan bagaimana melakukannya , teman-teman bisa lihat di bawah ini nih ....


<html>
<head><title>Icon-Title</title>
<link href='http://wallpaperback.blogspot.com/favicon.ico' rel='shortcut icon'>
</head>
<body>
<h1>Cara Mengganti Icon di sebelah Title</h1>
<h2>Lihat di Baris 3</h2>
</body>
</html>
view rawIcon-Title hosted with ❤ by GitHub
Dari Source Code di atas , teman-teman bisa lihat di baris ke 3 , disana ada tag :

<link href='http://wallpaperback.blogspot.com/favicon.ico' rel='shortcut icon'>

Penjelasan untuk tag di atas  klo kita liat di sana ada attribute href='http://wallpaperback.blogspot.com/favicon.ico', nah attribut itu maksudnya adalah untuk mencari lokasi gambar icon yang ingin kita gunakanan .
jika teman-teman mencoba sendiri di rumah tanpa koneksi internet dan gambar yang sudah tersedia , contohnya seperti ini :


Maka teman-teman tinggal mengubah tag link menjadi :

<link href='nama-gambar.jpg' rel='shortcut icon'>

kemudian silahkan di coba sendiri ,.... karna mencoba jauh lebih baik dibandingkan hanya melihat :D
Share this article :
 
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ILMU KOMPUTER - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger