Home » » Cara Membuat Favcion

Cara Membuat Favcion

Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :



Sekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat
Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini. 


  1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

  2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com
  3. Klik pada tombol Browse...
  4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon
  5. Klik pada tombol Generate Favicon.
  6. Setelah proses selesai, klik pada Click Here to Download your favicon.
  7. Save ke komputer anda.
  8. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah keRipway! Geocities. ,dlll
  9. Sekarang saya asumsikan bahwa anda sudah mempunyai alamat URL dari favicon anda. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

    http://h1.ripway.com/oktri/favicon.ico
  10. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

    <link rel="shortcut icon" href="http://h1.ripway.com/oktri/favicon.ico"/>

  11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.
  12. Klik pada Tata Letak.
  13. Klik Edit HTML.
  14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).
  15. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :


  16. <link rel="shortcut icon" href="http://h1.ripway.com/oktri/favicon.ico"/>

  17. Klik tombol Simpan Template.
  18. Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.



Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati. 





Artikel Terkait:

6 komentar:

  1. Boleh juga nih... biar tampilan blog saya bisa lebih bagus.
    Makasih berbaginya, sangat bermanfaat bagi saya blogger pemula

    BalasHapus
  2. bagaiman caranya agar favicon saya ber[utar seperti punya bang oktri???

    BalasHapus
  3. akhirnya bisa...
    thanks kawan :))

    BalasHapus
  4. gmn cranya supaya bisa k upload Favicon yang tadi ke tempat hosting gamabar, contoh biar bisa jadi keRipway! Geocities ?????
    bingung

    BalasHapus
  5. info na bermanfat banget... thanks....

    BalasHapus
  6. Woiiii bang kakak adek nenek kakek lihat blog gua ,, Favicon nya udah bisa , thank's bang Oktri ,, udah ngasih inspirasi ,, www.kaptenfilsuf.blogspot.com

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri