Mengenai apa itu Favicon...
Favicon adalah icon yang terlihat di address bar ketika kita mengunjungi suatu blog atau website.
Mungkin anda sering melihat tutorial tentang cara pembuatan favicon, tapi gagal dalam penerapannya.
Nah, disini kita akan kupas tuntas tentang cara pembuatannya.
Tidak terlalu sulit kok, hanya perlu ketelitian yang cukup matang aja.
Jika kita membuat blog dari blogger.com, maka otomatis favicon kita akan seperti gambar dibawah ini
Favicon blogger itu sebenarnya bisa diganti dengan gambar kita sendiri.
Bagaimana?
Apakah mau membuatnya?
Oke kita mulai.
Persiapan...
Anda harus mempunyai gambar di Internet caranya:
1.Buatlah gambar favicon yang anda suka (bisa menggunakan program desain grafis, misalkan adobe, corel draw dan lain-lain)
2. Buatlah gambar yang kecil (jangan terlalu besar, karena hanya akan memperlambat loading blog anda)
3. Upload gambar yang telah anda buat (bisa menggunakan picasaweb.google.com, www.tinypic.com dan lain- lain)
4. Setelah Upload, cari lokasi URL gambar tersebut (nantinya akan dimasukan kedalam kode)
Setelah upload gambar selesai, berarti anda sudah mempunyai gambar di Interne. Ingat-ingatlokasi gambar tersebut.
Cara Pertama...
Cara termudah dan ini merupakan script yang saya lakukan.
1. Masuk ke www.blogger.com
2. Pilih Rancangan
3. Klik Edit HTML(centang Expand Template Widget)
4. Cari kode <b:skin> (untuk memudahkan tekan CTRL+F)
5. Masukan Script dibawah ini tepat diatas kode <b:skin>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBys60Yvb-8DMn294nMxG0yPtmVwA5gzmM1O62DM2kC72e1QEt7lcM43zJf1BvGeHdG7QtwgS5neEOTSiohAoL_jkA95Wq9_dLo5SN7__UUyANqJljXCH2YpVGnkwefK7dD2wKtgaK5WY/ favicon5.JPG' rel='shortcut icon' type='image/x-icon'/>
6. Ganti tulisan yang berwarna merah dengan url gambar anda
7. Simpan Template
8. Selesai...
Cara Kedua...
1.Masuk ke www.blogger.com
2.Pilih Rancangan
3.Klik Edit HTML(centang Expand Template Widget)
4.Cari kode <b:include data='blog' name='all-head-content'/> (untuk memudahkan tekan CTRL+F)
5.Masukan Kode dibawah ini tepat dibawah kode <b:include data='blog' name='all-head-content'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBys60Yvb-8DMn294nMxG0yPtmVwA5gzmM1O62DM2kC72e1QEt7lcM43zJf1BvGeHdG7QtwgS5neEOTSiohAoL_jkA95Wq9_dLo5SN7__UUyANqJljXCH2YpVGnkwefK7dD2wKtgaK5WY/' rel='shortcut icon'/> <link rel="icon" href="favicon2.gif" type="image/gif" />
6.Ganti tulisan yang berwarna merah dengan url gambar anda
7. Ganti juga favicon2.gif jika anda mau melakukannya
8.Simpan Template
9.Selesai...
*.JPG diatas bisa kok kamu upload dari http://iconj.com/
Free Favicon Hosting, Choose, Upload Now
0 komentar:
Posting Komentar