Sudah tahu apa itu favicon?
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
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

Bagaimana?
Apakah mau membuatnya?
Oke kita mulai.
Persiapan...
Anda 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 dan lain-lain
- 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>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Simpan Template
- Selesai...


<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnEqSU9ArapopEZ4BtAJ-Cc5_fk3WcLpvyENt4CeqFzGFNV0n5RQ6u96QoZzhlJJ1h9jrcB_2oDhs50hApvNVCICOg_uGr0q_fEsEjdLdOJWEHwPc0S-tiKPPvIenwzpGgnoM6SbfnCk/' rel='shortcut icon' type='image/x-icon'/>
- 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>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Simpan Template
- Selesai...
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnEqSU9ArapopEZ4BtAJ-Cc5_fk3WcLpvyENt4CeqFzGFNV0n5RQ6u96QoZzhlJJ1h9jrcB_2oDhs50hApvNVCICOg_uGr0q_fEsEjdLdOJWEHwPc0S-tiKPPvIenwzpGgnoM6SbfnCk/' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- 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'/>
- Ganti tulisan yang berwarna merah dengan url gambar anda
- Ganti juga favicon2.gif jika anda mau melakukannya
- Simpan Template
- Selesai...
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnEqSU9ArapopEZ4BtAJ-Cc5_fk3WcLpvyENt4CeqFzGFNV0n5RQ6u96QoZzhlJJ1h9jrcB_2oDhs50hApvNVCICOg_uGr0q_fEsEjdLdOJWEHwPc0S-tiKPPvIenwzpGgnoM6SbfnCk/' rel='shortcut icon'/> <link rel="icon" href="favicon2.gif" type="image/gif" />
Intinya...
Favicon adalah sebagian tampilan anda. Walaupun tampilannya kecil, tapi alangkah puasnya hati kita jika menggunakan gambar sendiri. Gunakanlah trik ini untuk mempercantik blog anda dan untuk menambah wawasan dalam dunia blogging.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.



0 komentar:
Posting Komentar
Silahkan berkomentar sesuka hati asal jgn menyinggung orang lain aja... :)
Saya tidak menerapkan aturan khusus bagi yang ingin backlink jg monggo diselipkan url-nya.
Karena tujuan utama blog ini dibuat adalah untuk berbagi... Thank's all.
!!! NO SPAM !!!