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 ....

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