» » Membuat Favicon Dengan Format Factory

Membuat Favicon Dengan Format Factory

Membuat Favicon Dengan Format Factory - Pada kesempatan kali ini Rumah No 48 akan memberikan Tutorial Tentang Membuat Favicon Dengan Format Factory.  Favicon adalah logo yang ditampilkan di sebelah kiri domain url maupun di tab browser. Gambar yang digunakan sebagai favicon berformat .ico seperti halnya format icon-icon yang biasa kita temui sebagai icon file ataupun folder di dalam PC. Format ini unik karena dimanapun gambar ditampilkan, gambar aslinya akan langsung terlihat tanpa membuka filenya (dan ini bukan preview seperti yang kita lihat di format lain misalnya jpg, tif, dan lain-lain ketika ditampilkan di dalam folder). Untuk animated favicon  anda dapat menggunakan file gambar berformat gif.
Untuk animated favicon anda (gif) kita dapat membuat animasinya di situs www.animatedfavicon.com.

Berikut langkah pembuatannya :
  • Buka Format Factory
  • Pilih gambar yang akan kita Convert atau Drag Gambar dari Explorer ke Format Factory
    pilih All to ICO dan klik setting seprti ini.
 Gambar 1
  • Setelah itu, kita setting ukuran gambar kita menjadi 100x100 px.
    Catatan :gambar yang akan kita gunakan untuk Favicon haruslah berbentuk kotak atau bujur sangkar.
Gambar 2
  • Setelah ukuran gambar sudah disetting 100x100px tinggal kita klik OK dan kembali ke menu seperti Gambar 1. setelah itu klik OK. 
  • Kalau sudah dilakukan, kita klik tombol Start pada Format factory. setelah 100% langkah selanjutnya kita temukan gambar yang sudah di Confert tadi dengan klik Output Folder seperti ini.
Gambar 3
  • Rename gambar yang sudah Diconfert dengan Nama favicon.ico atau sesuai keinginan kita. 
  • Upload favicon.ico ke penyimpanan Hosting, Album Picasa ataupun Directory Penyimpanan Online Lainnya.
  • Langkah selanjutnya, Kita Copy dan Pastekan Kode Berikut dan Kemudian Paste script tag berikut ke bagian antara <head> dan </head> di template HTMLkita.
  1. Untuk favicon file ico:

    <link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
  2. Untuk animated favicon file gif:

    <link href='url gambar gif anda' rel='icon' type='image/gif'/>
  3. Untuk menggunakan kedua-duanya dan berjaga apabila file gif gagal dimuat oleh koneksi yang sangat lambat, gunakan kedua file ico dan gif anda. Masukkan kedua tag dengan urutan sebagai berikut:

    <link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <link href='url gambar gif anda' rel='icon' type='image/gif'/>
  4. Preview dan save.
  5. Selesai.

Demikian Ulasan tentang cara Membuat Favicon Dengan Format Factory Secara Ofline dan Animated Favicon dengan cara Online.Semoga bermanfaat untuk membuat Website Kita lebih bagus dan memiliki ciri Khas yang dikenali pengunjung blog kita.

Bagikan ke

Silahkan berkomentar dan Terima kasih

*Untuk menyisipkan Emoticon, pilih Emoticonnya
*Untuk menyisipkan Kode, gunakan konversi kode

Konversi KodeEmoticon


Copyright © 2013-2014 Rumah No 48 - All Rights Reserved
Back to Top
Home Sitemap Advertise Contact About