Cara Membuat Favicon Website di HTML

-

 Cara Membuat Favicon Website di HTML



Kali ini saya akan membagikan tutorial cara membuat favicon untuk icon website dan blog. Sebelumnya apakah temen-temen sudah tau apa itu favicon? dan bagaimana penggunaannya pada website yang kita miliki. Favicon merupakan singkatan dari Favorite icon yang menyiratkan identitas suatu website yang akan muncul dibagian kiri ditab browser saat kita mengakses website tersebut. Gambar dibawah ini adalah contoh icon untuk website  www.zebracoding.co.id yang muncul pada tab browser saat teman-teman membukanya.



Hal ini sangat penting untuk digunakan karena mempresentasikan brand website yang kita miliki berjajar dengan brand website lain pada browser pengguna. Sehingga membuat pengguna mengenal website kita saat ia membuka beberapa tab sekaligus dalam browsernya.


Ukuran Favicon

Favicon memiliki ukuran yang bervariasi namun secara proporsional ukuran yang disarankan untuk icon website dan blog adalah 32 x 32 pixels.



Format File

File Favicon memiliki format file.ico namun file jenis ini dapat kita lakukan konversi dari jenis file gambar (jpg,png) yang dapat dilakukan secara online.


Konversi Gambar ke Icon Secara Online

Ada banyak website yang menyediakan fasilitas konversi dari file gambar ke format file icon, berikut ini website yang saya rekomendasikan:

~ Online ICO converter


Langkah-langkah : 
    1. Siapkan sebuah file gambar dengan format jpg atau png
    2. Buka situs icoconverter.com
    3. Pilih file gambar dari direktori komputer
    4. Klik tombol convert
    5. beberapa saat kemudian fiile akan ter download secara otomatis


Membuat Favicon di HTML

Pada dasarnya cara ini bisa dilakukan di website atau blog kalian cukup menyertakan sintax berikut ke dalam dokumen html antara tag <head>....</head>


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


Contoh


<!DOCTYPE html>
<html lang="en">
<head>
    <title>Membuat Favicon</title>
    <link rel="shortcut icon" href="gambar/favicon.ico">
</head>
<body>
    <p>Membuat Favicon oleh zebracode.com</p>  
</body>
</html>




Dapat dilihat pada contoh diatas secara sederhana kita sudah berhasil membuat icon pada website agar pengguna dapat mengenal bagaimana website kita.

Segitu aja ya ges tengkyu:)










































Komentar

Posting Komentar

Postingan populer dari blog ini

Pemrograman Pascal Menentukan Subsidi Biaya Pendidikan (If Majemuk)

-
Gambar
Pemrograman Pascal Menentukan Subsidi Biaya Pendidikan (If Majemuk) Buat lah program berdasarkan ilustrasi berikut: (Menggunakan IF Majemuk)  Subsidi biaya pendidikan diberikan oleh pemerintah kepada semua penduduk dengan besaran berbeda tiap anak tiap bulannya, yang hanya diberikan kepada semua keluarga yang memiliki anak usia sekolah (6-17 tahun). Bagi keluarga yang kurang mampu, subsidi menjadi 700 ribu per bulan ditambah dengan bantuan sosial sebesar 400 ribu per bulan. Ukuran keluarga tidak mampu dilihat dari penghasilan dan besarnya konsumsi listrik tiap bulan. Keluarga dikatakan kurang mampu jika penghasilannya kurang dari 2 juta per bulan dan konsumsi listrik kurang dari 100 ribu per bulan. Jika penghasilan >= 2juta dan pemakaian listrik >=100 ribu maka subsidi menjadi 300 ribu per bulan ditambah dengan bantuan sosial sebesar 200 ribu per bulan. Jika penghasilan > 2juta dan pemakaian listrik < 100 ribu maka subsidi menjadi 100 ribu per bulan ditambah den...
Read more »

Part 10 : Perulangan While Pada PHP

-
Gambar
  🌕 Perulangan While Pada PHP          While adalah perintah pada PHP dan bahasa pemrograman lainnya untuk membuat sebuah perulangan yang tidak diketahui berapa kali perulangan tersebut dilakukan.  Untuk contoh penulisan dan struktur cara penggunaan perulangan while pada PHP dapat dilihat pada contoh di bawah ini while( Kondisi ){   Statement. } Dapat dilihat pada contoh penulisan while diatas setelah menuliskan while kemudian di dalam tanda kurung berisi kondisi nilai yang harus terpenuhi agar while dijalankan. Kemudian di dalam tanda kurung kurawal berisi statement yang di jalankan dalam bentuk perulangan apabila kondisi terpenuhi. Statement ini maksudnya adalah perintah syntax yang akan dijalankan dalam bentuk perulangan apabila kondisi terpenuhi. <?php  $x = 1; while ($x <= 10) { echo "Angka $x <br/>"; $x++; }  ?> Perhatikan contoh diatas, perintah while digunakan untuk melakukan perulangan. variabel x mem...
Read more »

Part 11 : Perulangan For Pada PHP

-
Gambar
  🌕 Perulangan For Pada PHP          Perulangan For digunakan untuk membuat sebuah perulangan pada pemrograman termasuk dalam bahasa pemrograman PHP. Tujuan hampir sama dengan while, hanya saja perulangan while memiliki jumlah batas yang tidak diketahui, sedangkan perulangan for memiliki batas berapa kali perulanga di ulangi dan bats dari perulangannya sudah ditentukan pada kondisi perulangan for. Untuk pemahaman yang lebih jelasnya bisa dilihat contoh perulangan for berikut: <?php  for ($i=1; $i <= 10 ; $i++) {     echo $i;   //Membuat perulangan menampilkan angka 1 sampai 10 } ?> Pada contoh perulangan for diatas kita mennetukan variabel i sama dengan 1, kemudian variabel i lebih kecl sama dengan 10, artinya bilangan 1 sampai 10, kemudian menampilkan isi dari variabel dalam bentuk perulangan for dengan menampilannya di dalam perulangan for. Untuk penulisan perulangan for kondisi perulangan diletakkan di dalam tanda...
Read more »