Cara Mengganti/Mengubah Favicon (Icon Blog)

Diposting oleh RF X-OWNERS on Sabtu, 23 April 2011

Cara Mengganti/Mengubah Favicon (Icon Blog). Icon blog (favicon) adalah icon/gambar/photo yang tampil di address bar jika kita membuka suatu blog atau website. Untuk lebih jelasnya, jika kita membuka blog di blogspot maka yang tampil biasanya adalah icon standart yang seperti ini : clip_image001

Sekarang sudah jelas bukan apa itu icon blog (favicon)?
kalau belum lihat gambar dibawah.
widget

jika anda ingin tampil beda, icon sepeti itu dapat diganti sesuai dengan selera kita. Untuk membuatnya, terlebih dulu kita harus menyediakan gambar yang akan kita pasang. untuk ini kita dapat membuat gambar berjenis gif , jpg ,dll dengan ukuran yang kecil, kira-kira 30x30 pixel atau 20 x 40. jangan terlalu besar karena akan memperberat loading blog.
Kemudian upload gambar anda di situs upload photo seperti tinypic.com. Jika sudah diupload, ambil dan simpan gambarnya di notepad.
contoh URL gambarnya kurang lebih seperti ini.


http://i383.tinypic.com/phonecompi.jpg

jika persiapan sudah selesai, lakukan langkah dibawah:

1. masuk dasbor, menuju Tata letak>Edit HMTL.

2. Cari kode <b:include data='blog' name='all-head-content'/>
menggunakan CTRL+F pada keybord. jika sudah ketemu, Copy kode dibawah ini:


<link href='http://i383.photobucket.com/albums/oo276/0512_photo/phonecompi-1.jpg' rel='shortcut icon'/>

dan paste dibawah kode
<b:include data='blog' name='all-head-content'/>
tadi.

NB:
Tulisan yang berwarna merah ganti dengan URL gambar yang tadi anda simpan di notepad.

Kalau tidak ingin ribet membuat icon sendiri. gunakan saja icon yang saya sediakan dibawah ini :

clip_image002http://img87.imageshack.us/img87/5862/image1an1.gif

clip_image003http://img110.imageshack.us/img110/6218/image2ie0.gif

clip_image004http://img98.imageshack.us/img98/9617/image3cr0.gif

clip_image005http://img134.imageshack.us/img134/633/image4hx4.gif

clip_image006http://img139.imageshack.us/img139/83/image5oa7.gif

simpan template anda dan lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

{ 0 komentar... read them below or add one }

Posting Komentar