Selasa, 09 September 2008

Menghias Blog dengan Favicon

Agak jadul kedengarannya judul di atas. Tapi saya posting juga, itung-itung sebagai tanda bahwa mulai posting ini dibuat, blog punyaku sudah tampil dengan favicon. Ok, bagi yang belum tahu, favicon itu apa, coba perhatikan gambar di bawah ini.

Gambar kecil yang ada di Address Box tepatnya di sebelah kiri http://mujib-ahmad.blogspot.com itulah yang disebut dengan favicon.

Langkahnya sebagai berikut:
  • Pertama persiapkan sebuah gambar yang akan di jadikan sebagai favicon.
  • Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
  • Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
  • Klik pada tombol Generate Favicon.
  • Setelah proses selesai, klik pada Click Here to Download your favicon.
  • Save ke komputer anda.
  • Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar, contoh adalah ke Yahoo! Geocities.
  • Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

  • http://www.geocities.com/jib_wajak/favicon.ico

  • Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

  • <link rel="shotcut icon" href="http://www.geocities.com/jib_wajak/favicon.ico"/>

  • Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
  • Klik pada Layout.
  • Klik Edit HTML.
  • Silahkan cari kode <head> (letaknya ada di atas)
  • Simpan kode favicon yang tadi di bawah kode <head>. Contoh :

    <link rel="shotcut icon" href="http://www.geocities.com/jib_wajak/favicon.ico"/>


  • Klik tombol Simpan Template.
  • Selesai.

2 komentar:

Abdurrohman mengatakan...

mas, nginceng blog e...

Favicon-nya kok g kedetect di browser chrome?....
Maleh ragu mau nyoba.

(abdurrrohman mantan muridmu, arek wajak)

Anonim mengatakan...

Chrome, biasa browser baru..

Shalat Yukk!!!