Cara Mudah bikin Favicon

Sekarang saya akan berbagi dengan kawan cara membuat Favicon, kalau kawan tak tahu apa itu Favicon dapat saya jelaskan sedikit karena kebodohan saya bahasanya mbah Google, adalah suatu gambar, foto, huruf atau yang lainnya dan biasanya berada pada tab disamping judul Blog kita.

Kalau di Blogger memakai huruf seperti  atau kurang lebih seperti Logo / simbol yang ukurannya 32x32 atau 48x48 dengan maximum file size 150.00 kB.   atau pada Blog saya ini pakai kepala burung

Berbicara mengenai Favicon banyak web site yang menyediakan tool cara membuatnya yang salah satunya seperti pada dynamicdrive.com atau disini tapi saat ini yang akan saya bahas cara membuat favico ala Tips BlogBego (orang bodoh kok mau ngasi tips)   nggak salah tuh (Blog = Bodoh) biarin aja, yang penting percobaan saya ini sudah berhasil.

Cara pembuatan Favicon :

1. Masuk ke account Blogger dengan ID kawan 
2. Pada Dasbor pilih Entri Baru 
3. Pada laman editor Klik insert image icon gambar
4. Selanjutnya pilih berkas / gambar di komputer kawan - open tunggu sampai gambar muncul.
5. Terus klik add selected - tunggu sampai gambar muncul dilaman editor
6. Lihat di pojok kanan atas klik tulisan Edit HTML - selanjutnya kita berada di laman compose, copy script seperlunya.

Cara selengkapnya kawan bisa baca cara memodifikasi banner / gambar animasi pada artikel saya yang terdahulu atau  disini 

Contoh script Favicon :

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHuk0NRPq12ImiwTL0mPACunUqfmLpqz4FhX_TqZTHjeuZts9ZDPJs_3CCzmQKLhpBhGhdsm4KwC8vuhX6-ewVMPoToVaFx6MVjAEdpueZOc5u79egn8BHoAy-ixofH1JJc5okRmruj8/s1600/AddEmoticons04222.gif  ' rel='shortcut icon' type='image/x-icon'/>

Huruf yang berwarna merah adalah Smile / Emoticon ini    Demonya disini gambar anjing menggonggong diatas atau di Beranda Blog ini bisa juga dipakai cuma gambarnya kurang jelas karena warnanya putih hampir sama dengan warna latar belakang Tab Blog Demonya disini 

Script gambar asli  <img border="0" src="http://1.bp.blogspot.com/_ Wk-34eI57Rk/TTBo-RT_GMI/AAAAAAAAA2w/hwH9aRy2cXY/ s1600/AddEmoticons04222.gif" /></a>

tulisan <img border="0" src=" ganti dengan <link href=' http://......... dan " /></a> diganti dengan ' rel='shortcut icon' type='image/x-icon'/>

Soal gambar silahkan sesuaikan dengan Blog kawan.

Cara pemasangan pada template : 

setelah kawan mendapatkan script link Favicon - copas (copy-paste) pada template sebelum kode <b:skin><![CDATA[/* letaknya dekat paling atas

Simpan template kawan dan lihat hasilnya.

Catatan tambahan Favicon ini bisa juga dipasang di bawah Blog seperti yang ada di Blog saya ini, penempatannya sebelum title / Nama Blog kawan atau kode scriptnya mirip dengan ini : 

Disini script Favicon tersebut

&#169; 2010 <a expr:href='data:blog. homepageUrl' expr:title='data: blog.title'><data:blog.title/></a> is proudly powered by <a href='http://www.blogger.com/' title='blogger'>Blogger</a> 

posisinya palimg bawah sebelum </body></HTML>

Script yang dipasang 
<img border="0" height="18" src="http://1.bp.blogspot.com/_Wk-34eI57Rk /TTBo-RT_GMI/AAAAAAAAA2w/hwH9aRy2cXY/s200/ AddEmoticons04222.gif" width="20" /> 
besarnya silahkan disesuaikan dengan keadaan template kawan