Berbagi pengetahuan: Cara Mengganti Icon di Title pada HTML

Jumat, 03 Januari 2014

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 raw Icon-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 :