Icon biasa ditampilkan di bagian address bar, selevel dengan lokasi kita mengetikan alamat URL. Dengan kombinasi tag link rel="SHORTCUT ICON" maka tampilan web kita makin menjadi cantik.
Banyak manfaat dari pemilikan icon, dari sekedar menambah gaya, icon ini juga menunjukkan kepemilikan sebuah web/blog. Anggap kita menggunakan browser Firefox yang dalam satu window memiliki kemampuan menampilkan beberapa web dalam kumpulan Tab.Maka icon kita akan lebih terlihat mudah dicari dalam browser. Lebih memudahkan kita untuk mencari web yang kita tuju kan?
Yup gini caranya, buat dulu di Photoshop ato software grafis lainnya berupa image dengan ukuran 16x16 pixel. Terus save kedalam JPEG ato GIF.
Langkah terakhir upload file tersebut ke hosting milikmu, bagi yang punya ID Yahoo! aktifkan aja free hostingnya di Geocities.com, bagi yang dah punya hosting di Photobucket.com atau flickr.com
Setelah itu untuk memunculkan icon tersebut ke website kita, masukkan kode dibawah ini diantara tag <head> dan </head>. Jangan lupa untuk mengganti URLnya (yang di coret) sesuai dengan letak file icon yang barusan kamu upload.
<link rel="shortcut icon"
href="http://www.hostingmilikmu.com/favicon.gif" />
atau seperti ini
<link href='http://hostingmilikmu.com' rel='shortcut icon'/>
*Edittag.blogspot.com
Banyak manfaat dari pemilikan icon, dari sekedar menambah gaya, icon ini juga menunjukkan kepemilikan sebuah web/blog. Anggap kita menggunakan browser Firefox yang dalam satu window memiliki kemampuan menampilkan beberapa web dalam kumpulan Tab.Maka icon kita akan lebih terlihat mudah dicari dalam browser. Lebih memudahkan kita untuk mencari web yang kita tuju kan?
Yup gini caranya, buat dulu di Photoshop ato software grafis lainnya berupa image dengan ukuran 16x16 pixel. Terus save kedalam JPEG ato GIF.
Langkah terakhir upload file tersebut ke hosting milikmu, bagi yang punya ID Yahoo! aktifkan aja free hostingnya di Geocities.com, bagi yang dah punya hosting di Photobucket.com atau flickr.com
Setelah itu untuk memunculkan icon tersebut ke website kita, masukkan kode dibawah ini diantara tag <head> dan </head>. Jangan lupa untuk mengganti URLnya (yang di coret) sesuai dengan letak file icon yang barusan kamu upload.
<link rel="shortcut icon"
href="
atau seperti ini
<link href='
*Edittag.blogspot.com
thx yak atas infohnya....
BalasHapuswww.godam2858.com
mo cb yg di geo..
BalasHapussoalnya gw cb di Photobucket.com atau flickr.com ga bs tuh
aku mau tanya boleh gag?
BalasHapusGimana sih caranya buat gambar / image diatas yang berubah-ubah?
Apa itu default dari blogspot?
ya..trims infonya.. entar mampir is my blog home
BalasHapusThanx. Infonya sangat bermanfaat... Aku pernah lihat icon yang bisa gerak-gerak, apa itu pakai marquee ya?
BalasHapuswww.berusahamandiri.com
Kok Gak Bisa Di web Gw mah....
BalasHapusmantap tutorialnya mas, langsung take action
BalasHapus