Selasa, 16 September 2008

membuat favicon

. Selasa, 16 September 2008

apakah anda ingin mengganti logo blogger dengan gambar milik anda sendiri? agar tampilan iconnya lebih menarik? Caranya gampang, saya akan menjelaskan sedikit tentang, bagaimana membuat favicon ( faourite icon ). Bagi anda yang masih bingung apa sih Favicon itu? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda. Apabila anda membuat blog di Blogger.com alias blogspot, maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger. Berikut screenshot nya :



Kita akan mengganti logo blogger dengan gambar kita sehingga seperti ini
Untuk membuat seperti di atas , langkah pertamanya sbb:
1. Pilih gambar yang akan di jadi kan icon, misal gambar ini

  1. Ubahlah gambar tersebut ke dalam bentuk gambar icon, dengan menggunakan tool Favicon Generator, untuk itu silahkan ke situs http://www.favicongenerator.com

  2. Klik tombol Browse, masukan gambar yang tadi dibuat untuk di ubah menjadi format icon dari komputer anda

  3. Klik tombol Generate Favicon.

  4. Setelah proses selesai, klik pada Click Here to Download your favicon.

  5. Save ke komputer anda.

  6. upload Favicon yang tadi ke tempat hosting gambar, contoh Yahoo! Geocities. Kalo belum punya silahkan register ke sini

  7. Setelah anda meng-upload gambar ke hosting anda, berarti gambar anda memiliki alamat URL (contoh) seperti ini :
  8. http://www.geocities.com/boyz_boyz21/favicon.ico
  9. ubah alamat URL favicon anda menjadi seperti ini :
    <link rel="shotcut icon" href="http://www.geocities.com/boyz_boyz21/favicon.ico"/>
Langkah berikutnya:
  1. selanjutnya adalah silahkan login ke blogger dengan ID anda.

  2. Klik pada Tata Letak ==> Edit HTML.

  3. Silahkan cari kode

  4. Simpan kode favicon yang tadi bawah kode . Contoh :
    <link rel="shotcut icon" href="http://www.geocities.com/boyz_boyz21/favicon.ico"/>

  5. Klik tombol Simpan Template.

  6. Selesai dan lihat hasilnya
Note : Untuk pengguna browser Internet Explorer 6, bookmark dulu alamatnya agar bisa terlihat.

1 komentar:

Anonim mengatakan...

mas kok susah ya generatenya, jainya item semua tuh.. mohon penjelasannya

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
Lembaga Pendidikan SigmA is proudly powered by Blogger.com | Template by kosidh