Cara Mengganti Favicon Blog

Gara2 tugas kuliah yang dah aku kerjain 50% hilang g tw kemana mpek g bisa tidur T.T. Akhirnya aku mutusin brosing tugas lagi diwarnet, eh g taunya malah dapet artikel ini. Buat sobat bloger ma JRS yang tertarik sangat diwajibkan membaca ini. Chekidot ^_^.

Sudah tahu yang namanya favicon? Kalau belum, favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab.

Secara default favicon blog berbasis Blogger/Blogspot adalah simbol B dengan background jingga.

Tentunya anda ingin punya favicon sendiri untuk branding blog anda kan? Bagaimana cara membuat favicon yang gampang, lalu menampilkannya di blog? Ikuti langkah-langkahnya.

1. Ketuhanan Yang Maha ESA. Ups tu salah ^_^ diulang deh....
   

1. Seperti biasa sebelum melakukan aktifitas marilah kita berdoa. Berdoa mulai,,,,,......,.,.,...AMIN.
2. Ini yang penting nih,,,,, Siapin makanan ato minuman okeh biar lebih mantab waktu ngerjain hohohohoho ^o^.
3. Dah ah sekarang waktunya serius diperhatikan baeg baeg yeak. Cari bambar Favicon ato kamu buat gambar Favicon sendiri pake corel, CS, Paint, dll pokonya yang pas ma blog kamu. Kenapa harus pas ma blognay??? Coba kamu pikir kamu buat blog yang isinya tentang IT ato Musik trus logonya gambar "Sandal Jepit", kan g macthing jadinya ntar blogmu dikira jualan sandal hahakz ^.^ tapi kalo g ada yang bisa buat logo sendiri bisa milih logonya di icon gratis dengan googling ato pake aja foto2 yang ada di flashdisk ato di kompi n lapie kamu.
   
4. 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".
   
   
5. Selanjutnya download favicon yang dihasilkan dengan mengklik tombol "Download Favicon".
   
   
6. 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:

   <rel="shortcut icon" href="">alamat_favicon.ico" />
<rel="icon" href="alamat_animated_favicon1.gif" type="image/gif">

   Lalu paste persis di bawah baris kode berikut:
   <data="blog" name="all-head-content">
   
   Sekarang ubah alamat URL favicon dengan URL tempat kamu 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.
7. Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.
8. Ucapkan Alhamdulillah buat yang beragama Muslim ^_^.

Dah selese bacanya kan??? Dah buruan dicoba!! ^.^
1 SPIRIT!!!!