Cara Membuat Icon di Tab Address URL (Favicon)

Favicon itu adalah icon berukuran 16×16 pixel yang muncul di sebelah kiri dari addres url di browser, atau juga icon di menu bookmark pada browser.

Untuk membuat favicon ini muncul di blog kita, kodenya yang utama adalah:

<link rel="shortcut icon" href="http://suryawardana.com/dedi.ico"/>

Kode satu baris diatas harus diletakkan pada layout atau template blog diatas kode:

</head>


Pada blogger:

Untuk template klasik :

  1. Sign in ke dashbor
  2. Klk menu Template
  3. Klik menu Edit HTML
  4. Masukan kode Favicon di bawah kode <head> atau sebelum kode <style type=”text/css”>
  5. Klik tombol Save Template Changes

Untuk template baru :

  1. Sign in ke dashbor
  2. Klik menu Layout
  3. Klik menu Edit HTML
  4. Beri tanda centang pada kotak di samping Expan Widget Template
  5. Copy kode Favicon lalu paste di atas kode </head>
  6. Klik tombol SAVE TEMPLATE WIDGET

Pada wordpress juga tidak terlalu beda jauh, cari templatenya atau jika punya wordpress pribadi cari kode </head> pada header.php di theme.

Untuk membuat .ico yang berukuran 16×16 pixel bisa menggunakan image editor seperti photosop.

Jika sebuah icon atau foto sudah jadi, langkah selanjutnya adalah kita bisa menggunakan jasa sebuah situs sebagai server favicon ini salah satunya adalah http://www.myfavatar.com tentunya harus meregister dahulu sebelum bisa menggunakannya, image server yang lain seperti photo bucket, image shack dan sejenisnya juga bisa digunakan.

#end

Tag:

  • cara membuat icon url
  • cara membuat icon pada title html
  • cara membuat icon di php
  • membuat icon tab
  • Membuat icon di php
  • cara menyisipkan icon header html
  • membuat icon website di tab

Comments

  1. Satria AUSTRALIA Mozilla Firefox Windows says:

    thanks om, ilmunya bermanfaat banget….

Leave a Comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>