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
Bagaimana?
Apakah mau membuatnya?
Oke simak baik2 !
Persiapan
Kamu harus mempunyai gambar di Internet caranya :
- Buatlah gambar favicon yang anda suka (bisa menggunakan program desain grafis, misalkan adobe, corel draw dan lain-lain)
- Buatlah gambar yang kecil (jangan terlalu besar, karena hanya akan memperlambat loading blog anda
- Upload gambar yang telah anda buat (bisa menggunakan picasaweb.google.com ,www.tinypic.com
- Setelah Upload, cari lokasi URL gambar tersebut (nantinya akan dimasukan kedalam kode)
Cara Pertama
Cara termudah dan ini merupakan script yang saya lakukan.
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <b:skin> (untuk memudahkan tekan CTRL+F)
- Masukan Script dibawah ini tepat diatas kode <b:skin>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8uwV_BVAkNGm-Yp3I6kelps_VlilTM9BhyphenhyphenXLkk31x3-3QFCxDlwOrsZ6N6B4yyhZYAz76sV1K2AwE-QUQm-9DiO-gruEHXmmyZs5iAi6_j4-1xLRImletXLR2LHGpZ9TIlOVYT-XOCo/' rel='shortcut icon' type='image/x-icon'/>
6. Ganti tulisan yang berwarna merah dengan url gambar kamu !
7. Simpan Template !
8. Selesai... ^_^
Cara Kedua
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <head> (untuk memudahkan tekan CTRL+F)
- Masukan Kode dibawah ini tepat dibawah kode <head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8uwV_BVAkNGm-Yp3I6kelps_VlilTM9BhyphenhyphenXLkk31x3-3QFCxDlwOrsZ6N6B4yyhZYAz76sV1K2AwE-QUQm-9DiO-gruEHXmmyZs5iAi6_j4-1xLRImletXLR2LHGpZ9TIlOVYT-XOCo/' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
6. Ganti tulisan yang berwarna merah dengan url gambar kamu
7. Simpan Template
8. Selesai... ^_^
Cara Ketiga
- Masuk ke www.blogger.com
- Pilih Rancangan
- Klik Edit HTML
- Cari kode <b:include data='blog' name='all-head-content'/> (untuk memudahkan tekan CTRL+F)
- Masukan Kode dibawah ini tepat dibawah kode <b:include data='blog' name='all-head-content'/>
6. Ganti tulisan yang berwarna merah dengan url gambar kamu
7. Ganti juga favicon2.gif jika anda mau melakukannya
8. Simpan Template
9. Selesai... ^_^
Sekian ilmu yang saya berikan kali ini, semoga bermanfaat untuk kamu semua !
0 komentar:
Posting Komentar