Cara Membuat Favicon .ico Blogspot Support untuk Semua Browser (update)

favicon

Setelah browsing kemana-mana anda masih tetap mengalami kesulitan menemukan kode untuk pemasangan favicon yang sesuai dengan blog anda? Kini RTB mencoba berbagi trick Cara Membuat Favicon Blogspot Support untuk Semua Browser. Seperti yang terlihat pada gambar diatas. Untuk tester-nya trickduatujuh mencoba dengan "http://hikmah-harian-republika.blogspot.com/" pada 5 (lima) browser populer Firefox, Google Chrome, Explorer, Opera dan Safari. Hasilnya cukup sukses.

Buatlah logo yang ingin anda jadikan sebagai favicon blog anda dengan photoshop, corel atau editing gambar yang lainnya, bila anda belum memilikinya dapat mendownload di Photoshop CS 6 atau Corel Draw X6. Apabila anda tipe orang yang malas mengedit gambar, sebaiknya anda kunjungi layanan penyedia .ico gratis seperti : iconarchive,

Selesai anda mengedit logo blog anda. Upload-lah logo blog yang masih berekstensi .png atau .jpg anda ke layanan hosting gambar file .ico seperti iconj.com Anda dapat langsung mengupload file gambar dan akan langsung di convert ke file .ico serta langsung disertakan link .ico sehingga bisa langsung dipasang di blog anda.

1. iconj.com

2. favicon.htmlkit

3. favicon.

favicon

Langkah selanjutnya, download-lah logo blog anda yang telah anda upload tadi. Apabila file-nya masih berbentuk .zip atau .rar anda harus mengekstraknya terlebih dahulu yaitu dengan aplikasi Winzip atau WinRar namun aplikasi tersebut berbayar. Kini ada aplikasi gratis yang tidak kalah mumpuni dengan aplikasi berbayar yaitu Haozip. Bila anda belum memiliki aplikasi tersebut anda dapat mendownloadnya disini Download Haozip.

Selesai anda mengupload dan mengunduh file favicon.rar selanjutnya diextract dan copy-lah direck link gambar .ico anda. Contoh link yang dihasilkan : http://www.iconj.com/ico/3/r/3r6uozp126.ico

Langkah pemasangan favicon ke template blog.

1. Login ke dasbor
2. Pilih Rancangan => Edit HTML =>Centang Expand Template Widget
3. Cari kode ( Ctrl + F) berikut: <b:skin><![CDATA[/*
4. Letakkan kode dibawah ini tepat di atas kode: <b:skin><![CDATA[/*

<link href='http://www.iconj.com/ico/3/r/3r6uozp126.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Catatan : file .ico diatas kami hosting ke iconj.com (recomended)

5. Hasilnya akan terlihat seperti ini