Cara membuat Favicon pada Blogger Baru

Menyesuaikan situs Web Anda jauh lebih mudah daripada dulu. Sebagai contoh, hanya beberapa tahun yang lalu itu sangat jarang untuk menemukan situs menggunakan Favicons = favorites + icons. Favicons adalah ikon kecil (16 X 16 piksel) yang ditampilkan dalam address bar browser Web Anda dan di bookmark. Sekarang hampir tidak ada situs yang tanpa ikon .

Contoh Favicon  About.com and Bryan Haines

Berikut tips cara merubah Favicon untuk Blogger baru


Untuk mengganti favicon standar blogspot ada dua versi:
- Bila Anda yang memakai interface lama, klik Design | Page Elements
- Bagi Anda yang menggunakan interface baru, klik tab Layout 

Maka Anda akan melihat gambar yang lebih kurang seperti di bawah ini:

 

Anda tinggal klik Edit untuk mengupload favicon pilihan sendiri.

Jika cara diatas belum berhasil coba cara di bawah ini:

Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Jika Anda tidak menguasai software grafis, anda bisa gunakan icon gratis dengan googling atau bahkan foto yang ada di harddisk anda.

Lalu upload file tersebut ke website FavIcon from Pics dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".


Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".


Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket.

Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy kode di bawah ini:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />

Lalu paste persis di bawah baris kode berikut:

<b:include data="blog" name="all-head-content"/>

Sekarang ubah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting. Lihat gambar di atas, klik untuk melihat lebih besar. Perhatikan, bagian yang dihighlight adalah contoh URL yang telah diubah. Ubah juga alamat URL favicon animasi (animated_favicon1.gif) jika anda memang menginginkannya. Periksa lagi apakah alamat URL sudah benar.

Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.


Tips diatas bisa Anda lihat langsung dari sumbernya disini
Cara membuat Favicon pada Blogger Baru