Cara Mengganti Logo Favicon Pada Blog

Pagi sobat blogger? Pada pagi yang sejuk dan segar ini saya akan sedikit share tentang cara mengganti logo favicon pada blog. favicon atau favorit icon adalah sebuah gambar kecil di addres bar tang menunjukan ciri khas suatu blog. Favicon bisasanya berada disebelah kiri nama blog atau halaman yang sedang kita buka. Favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seoran blogger mengganti faviconnya mungkin agar terlihat keren, indah dan profesional. Hehehe . . .

Klik Gambar Untuk Memperbesar

Biasanya ada 2 cara untuk mengganti logo favicon pada blog, cara pertama ialah dengan cara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload logo favicon tersebut ke hosting/tempat penyimpanan image online (misalnya di google.code). Tanpa panjang lebar lagi berikut cara-cara mengganti logo favicon pada blog.
 
1. Cara Pertama :
  • Buatlah dan siapkan gambar/logo yang ingin dijadikan favicon untuk blog sobat. dengat syarat bentuknya harus bujur sangkar atau persegi agar terlihat bagus saat di pasang.
  • Masuk ke Tata Letak -> Lihat ada kata favicon di atas header, klik link edit.
  • Cari gambar yang ingin dijadikan logo favicon pada blog sobat dengan klik telusuri
  • Setelah itu lalu klik simpan dan lihat hasilnya.
2. Cara Kedua
  • Masuk ke genfavicon.com atau  www.favicon.cc
  • Buat favicon di situ, Sebagai contoh saya membuatnya di genfavicon.com
  • Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image
  • Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.
  • Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code. 
  •  Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  <b:skin><![CDATA[.  diantara kode biru dibawah. 
<link href='masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>
          Contoh :
  <link href='http://blognyailmu.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[
  • Jika sudah klik pratinjau, lalu simpan template. Dan lihat hasilnya.
Nah sobat blogger semua, demikianlah artikel saya tentang cara mengganti logo favicon pada blog. Semoga artikel yang saya buat ini bermanfaat bagi sobat blogger semua dan jika ada yang ingin di tanyakan silahkan tinggalkan komentar pada kotak komentar di bawah ini. Selamat Mencoba Sob :)

Artikel Terkait