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 :)

12 Responses so far.

  1. Z-T Blog says:

    ooh, caranya ada juga yang kaya gini yaa..? :D

    come back..

  2. @Z-T Blog
    iya gan, semoga bermanfaat.

    siip gan.

  3. ampas masa ane gagal terus ..

  4. @Andri Chia
    Gan kalau boleh tahu, gagalnya di mananya. Mungkin saya bisa bantu.

    Terimakasih :)

  5. Gan bisa minta website logo favicon gak ? makasih ^_^

  6. uploadnya gan, ane bingung ne
    mhon bntuannya...

  7. mantap gan, terima kasih banyak ya infonya.

  8. thanks ya gan saya coba dlu..

  9. mksdnyaa yang google code itu gmnaa ?
    tolong pencerahannya

  10. Maksudnya alamat tempat hosting favicon gimana?

Leave a Reply

Sobat sedang berburu backlink? Silahkan berkomentar sebanyak-banyaknya karena blog ini dofollow. Sobat boleh berkomentar sebanyak-banyaknya dengan syarat :
1. Berkomentar sesuai dengan tema artikel
2. Jangan berkomentar SARA dan Porno
3. Jangan berkomentar menggunakan LINK AKTIF
Berkomentarlah dengan sopan karena komentar sobat tidak akan di moderasi.