Kamis, 13 Januari 2011

Membuat dan Mengganti Favicon pada Blogger/Blogspot

Assalamualaikun...sobat blogger pada postingan kali ini saya akan share sedikit cara menganti favicon pada blogger/blogspot apa itu favicon ??

Favorite icon atau sering di sebut Favicon adalah ikon kecil yang muncul di pojokkiri address bar dan pojok kiri tab. Secara default favicon blog berbasis Blogger adalahsimbol B dengan background  jingga. Nah untuk membuat favicon dengan branding sendiri ikuti langkah - langkah berikut.

  • Pertama anda harus mempunyai gambar untuk digunakan sebagai favicon, boleh gambar yang di buat mengguanakan software grafis seperti corel, photoshop, dll. Lalu export ke gif, png, atau jpg, jika tidak menguasai software tersebut maka bisa mengguanakan foto yang ada pada hardisk kita.
  • Lalu upload icon tersebut ke Favicon From Pics centang pilihan "animated favicon" jika anda ingin membuat icon animasi,lalu klik "Generate Favicon.ico".
  • Nah sekarang tinggal anda download favicon yang telah dibuat tadi klik "Download Favicon".


  • Nah setelah anda  download maka file akan berbentuk zip, kemudian extract file zip tersebut kemudian upload file favicon.ico atau animated_favicon.gif ke file hosting gratis nah disini saya sarankan anda mengupload di Photobucket 
  • Sekarang anda login ke blogger dengan akun google anda lalu pilih Layout --> Edit Html
  • Cari kode di bawah ini 
<b:include data="blog" name="all-head-content"/>
  • Tepat dibawah kode diatas Copy paste kode dibawah ini:
<link rel="icon" href=’http://s1098.photobucket.com/albums/g379/indramisbah/animated_favicon1.gif’type="image/gif" />

  • Lalu ubah alamat URL favicon yang saya beri warna merah dengan alamat URL favicon yang telah anda buat sebelumnya.
  • Lalu simpan template anda jika favicon anda belum muncul coba refresh browser anda.
Demikian postingan saya kali ini semoga bermanfaat..Wassalam

0 komentar:

Posting Komentar

indramisbahweblog.blogspot.com