Minggu, 17 April 2011

Ganti icon blogger pada address bar


Ngeblog memang asyik,.. bisa buat ngeluarin uneg-uneg terpendam :-) curhat, berbagi pengetahuan, sampe ke hal yang sifatnya narsisme (gw banget!! he..)
Tampilan blog juga kadang secara gak langsung mencerminkan pribadi orangnya. Mulai dari template, warna huruf, background, dan satu lagi icon di samping alamat blog pada address bar browser.
Bagi para pengguna blogger, secara default iconnya adalah logo blogger seperti ini:
.
Untuk merubah icon tersebut, blogger memang gak menyediakan pilihannya secara langsung pada dasbor . Tapi tenang,, dunia belum berakhir kok..(kaya lagu aja.. :-D ), kita masih bisa mengganti atau merubahnya dengan sedikit utak-atik pada kode HTMLtemplate blog kita.
Oke deh berikut langkah-langkahnya:
  • Sediakanlah gambar(bisa foto, logo, lambang de el el..) berukuran 20×20 pixel atau maksimum 25×25 pixel. (sebenernya gak ada patokan harus ukuran segitu sih..), gambar ukuran segitu dimaksudkan supaya gak berat pas waktu loading. Formatnya bebas, boleh jpg, gif atau png
  • Upload gambar yang udah disiapkan ke hosting, bisa pake photobucket, picasaweb, dsb. Untuk daftar photobucket silakan klik di sini
  • Setelah berhasil diupload, catatlah url gambarnya. Caranya klik “share” kemudian “direct link code”, copy kode tsb pada notepad.
  • Log in lah ke akun blogger, klik “DESIGN” atau “RANCANGAN” pada halaman dasbor.
  • Klik “edit html
  • Sebaiknya download dulu template sebelum dirubah, supaya kalau salah tinggal upload aja lagi
  • Cari kode
    <b:include data=’blog’ name=’all-head-content’/>
  • Hapus kode tadi dan ganti dengan kode:
    <link href='url gambar' rel='shortcut icon'/>
    Letakkan sebelum kode <title>..
    ganti tulisan yang berwarna merah dengan url gambar yang tadi udah dicopy di notepad, plus dengan awalan ‘http://’nya

  • Kalau udah, Klik ” SAVE” atau “SIMPAN”. Selesai!!
Untuk ngecek, silakan kunjungi blog masing-masing, dan lihat di samping alamat blog kita. Udah dipejeng gambar punya kita. Mantep kan?

2 komentar: