Mengganti Favicon Blogger

Bosen dengan favicon standar bawaan blogger? Ganti saja dengan favicon yang sesuai dengan selera kalian. Tapi sebelum lanjut, tau kan favicon itu apa? ya..klo blum tahu liat gambar dibawah untuk mengetahui apa itu favicon.

Dah tahu kan..sekarang kita lanjut. Umumnya untuk membuat favicon kita harus menyimpanya dalam format ico, tapi di sini blogger mendukung dalam format lain, yakni GIF, PNG, dan bahkan JPG. Kendala yang kita hadapi bila menyimpan dalam format ico adalah dalam hal hosting file, kebanyakan situs2 image hosting (seperti Photobucket, Picassa, TinyPic, dll) tidak mendukung format ico. Untuk format yang lain kalian bisa upload menggunakan situs2 hosting tersebut.
Jadi sebelum saya memberitahu bagaimana cara mengganti favicon, saya memberitahukan cara untuk upload file ico.
Ada beberapa cara yg dapat dilakukan:
1. Melalui jasa web hosting. Kalian bisa mencari yang gratisan, seperti AwardSpace,

2. Ato kalian bisa menggunakan Google site.
Disini kalian bisa membuat sebuah situs dan juga menyimpan file di dalamnya. Setelah kalian berhasil membuat sebuah situs anda akan masuk ke sebuah halaman seperti tampak pada gambar di bawah.
Image and video hosting by TinyPicUntuk mengupload tinggal gunakan fasilitas attachment, dan link untuk menuju favicon akan tampak seperti ini "http://sites.google.com/site/Nama site kalian/Home/Nama file favicon kalian.ico?attredirects=0". Nah untuk menggunakannya pada blogger nanti kalian tinggal hapus aja yg "?attredirects=0".

3. Jika kalian malas menggunakan cara kedua diatas, kalian bisa gunakan gunakan situs ini untuk membuat favicon dan sekaligus sebagai tempat hosting file ico kalian. Nantinya kalian akan mendapatkan sebuah link.

Lanjut...tidak masalah cara mana yg kalian pilih, intinya di sini kita memerlukan link yang menuju favicon kita.
Langkah selanjutnya meletakan favicon pada blogger kita, silahkan login ke dalam account blogger kalian. Pilih Layout lalu edit HTML, ada baiknya kalian membackup terlebih dahulu sebelum melakukan pengeditan.
Ccari kode berikut <title><data:blog.pageTitle/></title> dan letakan kode ini di bawah kode tersebut
<link href='URL favicon kalian' rel='shortcut icon' type='image/x-icon'/>
Simpan dan lihat hasilnya.
Jika kalian membuat animasi favicon, tinggal meletakan kode berikut di bawah kode tadi.
<link href='URL animasi favicon kalian' rel='shortcut icon' type='image/gif'/>
Tapi tentunya kalian harus membuat animasi favicon terlebih dahulu dan menyimpanya dalam format GIF, karena formatnya GIF kalian bisa langsung menguploadnya melalui situs2 image hosting, seperti TinyPic.

Selamat mencoba!! :)

17 comments:

Anonim said...

bolehh di coba nihhh...
wawan3074.blogspot.com

Anonim said...

makasi :X

d.L said...

@ Hernawan
Monggo gan, silahkan dicoba :)

@ AeArc'
sama2 :t

Unknown said...

makasi ya cara yang kk berikan mantap

OECIL CELL said...

sipb =))

d.L said...

@ mirvins, OECIL CELL
sama2 :t

Maman said...

Sobat makasih banyak infonya....
akhirnya aku temukan tempat penyimpanan file icon yang tepat
Salam kenal dan salam sukses selalu ya....

d.L said...

@ Maman
Sama2 bro..
Salam kenal juga :)

irwanwr said...

Makasih banyak yaaaaaaaaaaaaaaaa :)
berhasil tuh. Alhamdulillah :D

d.L said...

sama2 :)

facebook hacker said...

wahhh q coba ahhh

d.L said...

@facebook hacker
monggo gan silahkan di coba :o

setzer munavizt said...

makasi infonya,,,ayo kita tukaran banner dan link sob,,,sob follow blog gua ntar saya pasti follow blog anda,,

http://pariwisatadanteknologi.blogspot.com/

dinastian said...

udah lama aku cari2 cara hosting favicon..dn kini aku telah menemukan jawabannya dan hasilnya sempurna..thanks a lot

d.L said...

@ Kadek & dinastian
sama2 ^^
Buat tukeran link,,nanti dulu deh bro..coz ni blognya dah jarang di update..lgi sibuk ni.

Valerie said...

Hai, aku pembaca baru blog kamu :D makasih ya, :t berguna banget loh

d.L said...

wah, sama2 kk. senang bisa ngebantu :t

Posting Komentar