Menu Click to open Menus
Home » Blogging » Cara Membuat Favicon Dengan Kode Html

Cara Membuat Favicon Dengan Kode Html

(941 Views) April 29, 2017 2:55 am | 1 Comment

Cara membuat favicon dengan kode HTML mudah sekali, tidak perlu belajar HTML yang njlimet. Kita tinggal mengupdate source code pada website anda. Sebagian dari anda mungkin sudah tahu, apa itu favicon. Buat yang belum tahu apa itu favicon, berikut ini saya jelaskan dengan bahasa saya sendiri agar mudah dimengerti.

APA ITU FAVICON?

Jika anda membuka halaman website, anda lihat di bagian atas browser. Pada masing – masing tab browser ada gambar kecil di samping kiri title. Untuk lebih jelasnya lihat gambar dibawah ini ( LIHAT TANDA MERAH ) :

cara membuat favicon dengan kode HTML

Lihat gambar di atas, gambar kecil yang saya tandai dengan lingkaran merah itulah yang disebut favicon. Lalu bagaimanakah cara membuat favicon seperti di atas. Untuk dapat membuat favicon kita harus mengedit kode HTML pada source code pada website anda.

Beriku tini adalah langkah – langkah cara membuat favicon :

  • Siapkan gambar yang akan dibuat favicon, dengan ukuran 50 X 50 px
  • Upload gambar tersebut pada situs image hosting, misalnya : di http://www.mediafire.com . Atau bisa juga diupload pada hosting anda sendiri, misalnya : http://www.situsanda.com/images/favicon.jpg.
  • Buka source code website anda, sisipkan kode HTML berikut ini :
    <link rel=”shortcut icon” href=”http://www.situsanda.com/images/favicon.jpg“/>
  • Sisipkan kode HTML tersebut diatas kode </head>
  • Simpan kembali perubahan pada source code website anda.

Demikianlah cara membuat favicon dengan kode HTML, mudah bukan.

Artikel terkait lainnya :

Belajar SEO – cara mudah no. 1 di Google nggak pake lama
Cara membuat website yang menarik dengan mudah

Cara membuat blog profesional skala bisnis

BAGIKAN ARTIKEL INI :

1 Comment for Cara Membuat Favicon Dengan Kode Html

Leave a Reply

Your email address will not be published. Required fields are marked *

error: dilarang meng copy bro !!