Friday, July 6, 2007

Favicon

Favicon kepanjangan dari Favorite Icon adalah icon yang tampil di samping URL address seperti icon Internet
Explorer atau Blogger. Biasanya Favicon muncul dalam bentuk logo dari web site
atau blog tersebut atau foto pemilik blog sendiri.

Bagaimana cara membuat Favicon?


Pertama kita harus membuat icon atau foto yang berukuran kecil yaitu 16px X
16px yang nantinya akan menggantikan icon blogger contoh:




Jika icon atau foto sudah jadi, langkah selanjutnya adalah kita bisa
menggunakan jasa sebuah situs sebagai server favicon. Salah satunya adalah
http://www.myfavatar.com/ . Untuk
bergabung myfavatar silahkan ikuti langkah-langkah berikut:


  1. Silahkan anda masuk ke situs
    http://www.myfavatar.com
    atau klik
    disini

  2. Klik tombol Register Now untuk melakukan pendaftaran pada situs tersebut

  3. Ada beberapa form yang harus diisi antara lain:

    - Desire Username (5 to 25 chars) : isi dengan username yang sobat inginkan.
    Contoh : Sinchan

    - First Name : isi dengan nama depan anda

    - Last Name : isi dengan nama belakang anda

    - Gender : pilih sesuai jenis kelamin anda.

    - Date of Birth : pilih tanggal yang sesuai dengan tanggal lahir anda

    - Country : pilih negara di mana anda tinggal. Contoh : Indonesia

    - Email Address : isi dengan alamat email anda

    - Confirm Email Address : isi kembali dengan alamat email yang tadi dituliskan

    - Password (5 to 25 chars) : tulis password yang sobat inginkan

    - Confirm Password : tulis kembali password yang tadi anda tulis

    - Enter the characters below : tulis huruf atau angka yang tertera pada kotak
    di bawah

    - Beri tanda centang/tik pada kotak di samping tulisan I agree to MyFavatar
    Term of Service


    - Klik tombol yang bertuliskan Register

     

  4. Setelah muncul tulisan Congratulations!!!, anda harus melakukan verifikasi
    melalui email anda

  5. Buka email anda yang tadi dituliskan pada saat melakukan Register

  6. Buka email yang dikirim dari site-admin@myfavatar.com yang bertajuk
    Welcome to MyFavatar!

  7. Klik link yang diberikan untuk melakukan verifikasi

  8. Setelah ada tulisan Congratulations!!! kembali, klik tulisan here atau
    bisa juga tulisan Sign In untuk masuk ke halaman account anda

  9. Tulis user name serta password anda, klik tombol Sign In

  10. Klik tulisan Change Favatar yang berada pada sebelah kiri layar

  11. Klik tombol Browse..., lalu masukkan icon atau foto yang tadi dibuat

  12. Klik tombol Submit

  13. Klik tulisan Edit Blog

  14. Ada beberapa form yang harus di isi:


  • Blog URL : isi dengan alamat blog anda, jangan lupa untuk menambahkan
    tanda slash (/) pada ujung alamat URL. Contoh: http://dzaffin.blogspot.com/

  • Title : isi dengan judul blog anda. Contoh: dzaffin blog

  • Category : pilih kategori yang sesuai dengan blog anda

  • Description : isi dengan deskripsi blog anda. Contoh: Panduan membuat blog
    di blogger.com

  • Klik tombol Submit

  • Klik tulisan Favatar Codes untuk mengabil kode favicon

  • Copy kode HTML yang berada di bawah tulisan Favicon Code:.....dst
    lalu paste pada program notepad

  • Klik tulisan Sign Out untuk keluar dari halaman Account sobat

  • Silahkan tutup halaman windows browser situs tadi.

Contoh kode favicon yang diberikan yaitu:

<link rel="shortcut icon" href="http://favatar.myfavatar.com/dzaffin.ico"
type="image/x-icon" />

<link rel="icon" href="http://favatar.myfavatar.com/dzaffin.png" type="image/png"
/>

langkah selanjutnya adalah memasukkan kode yang tadi telah anda dapat ke
dalam kode template blog. Untuk template klasik dengan template baru tentunya
ada sedikit perbedaan, silahkan ikuti langkah berikut:

Untuk template klasik:


  1. Sign in di blogger dengan id anda

  2. Klik menu Template

  3. Klik menu Edit HTML

  4. Masukkan kode Favicon di bawah kode <head>
    atau sebelum kode <style type="text/css">

  5. Klik tombol Save Template Changes

  6. Selesai

Sekarang lihat blog anda apakah sudah iconnya sudah berubah? jika belum
nampak coba masukkan blog anda ke menu Favorite, kemudian Refresh halaman
tersebut.

Untuk template baru:


  1. Sign in di blogger dengan id anda

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Beri tanda centang/tik pada kotak di samping Expan Widget Template

  5. Copy kode Favicon lalu paste di atas kode
    <head>

  6. Klik tombol SAVE TEMPLATE WIDGET

  7. Selesai

Lihat kembali blog anda, apakah iconnya sudah berubah? jika belum nampak,
coba masukkan blog anda ke menu Favorite, kemudian Refresh halaman tersebut.

Mudah-mudahan pembahasan di atas dapat dimengerti, selamat mencoba !!!(kolom-tutorial)

Related Posts by Categories



No comments: