Blog Request tutorial? klik disini!

  • Membuat Favicon Di Website

    986 kali dibaca
    16 Jan / 2014 10:58

    Ada yang tahu Favicon?

    Sering kali kita melupakan Favicon. Apa itu Favicon? Coba lihat gambar di bawah ini. 

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website

    Yang di kotak merah itu adalah contoh Favicon. Nah kesalahan atau kelupaan yang sering dilakukan adalah, lupa menaruh icon di tab websitenya kita. Jd isinya kotak kosong. Dan biasanya itu kelihatan sangat tidak profesional.

    Dikesempatan ini, saya ingin sharing bagaimana membuat Favicon dan bagaimana menyisipkannya kedalam HTML kita.

    1. Pastikan sudah mempunyai logo yang akan kita buat untuk di jadikan Favicon. Pastika bujur sangkar / square. Biasanya browser yang mensupport TAB akan munculkan Favicon itu.

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website

    2. Lalu kalau sudah, maka silahkan ke website yang satu ini. http://www.favicon.cc/

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website

    3. Kalau sudah masuk ke website itu, silahkan pilih menu "Import Image" yang ada di sebelah kiri,

    4. Lalu pilih "Choose File", pastikan kalau gambar kita "Square", maka pilih option "Keep Dimension". Pilih gambar yang kita mau, lalu pilih button "Upload".

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website

    5. Setelah selesai di proses, maka kita bisa melihat previewnya di website tersebut.

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website  

    Kursus Website, Kursus Web Design, Kursus Komputer, Kursus IT, Kursus Membuat Website

    6. Kalau sudah, silahkan kebagian Preview, pilih "Download Favicon". Silahkan disave "favicon.ico" nya. Bisa di taruh di folder gambar website kita.

    7. Nah, saatnya yang di tunggu. Kita mau mengetikkan di halaman HTML kita. 

    8. Didalam tag <head></head> akan kita sisipkan:

    9. <link rel="shortcut icon" href="favicon.ico">

    10. Untuk href="" teman-teman sudah tahu kan ya? Kalau kita taruh file "favicon.ico" tersebut di forlder images, maka ..... silahkan di jawab sendiri smiley

    SELAMAT MENCOBA






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155