Rabu, 19 November 2014

Cara Membuat dan Memasang Favicon pada Wordpress

CARA MEMBUAT DAN MEMASANG FAVICON

Favicon merupakan singkatan dari Favourite Icon, adalah icon/image berukuran kecil yang biasanya merupakan logo dari web yang tampil di sebelah kiri URL. Favicon dapat menambah gaya dan ciri khas tersendiri pada web. Berikut ini adalah contoh favicon ditujukan pada anak panah.


Berikut cara memasang favicon pada wordpress.
  1. 1.    Pertama kali adalah buatlah image untuk favicon menggunakan photoshop. caranya:

a.    Buka Photoshop
b.    Buat file baru dengan ukuran Width: 32px dan Height: 32px, atau boleh juga masing-masing 48 px, Resolution: 72 pixels/inch, Colour Mode: RGB Color dan Background Content: Transparent.
c.    Silahkan untuk mendesain gambar yang akan dijaadikan favicon.
d.    Setelah selesai simpanlah dengan meng-klik File à Save for Web & Devices.
e.    Pada bagian Preset pilih PNG-24. Pastikan nama filenya favicon.png.
  1. 2.    Langkah berikutnya adalah mengupload ke server web anda, dengan cara:

a.    Login ke cpanel, http://domainanda.com/cpanel , atau http://domainanda.com:2082
b.    Klik File manager, buka folder images. upload gambar favicon tadi pada folder images.
c.    Masuk ke file header.php theme , yaitu di public_html/wp-content/theme/”nama theme”/header.php.
Atau anda juga bisa edit file header.php melalui wp-admin , pada bagian appearance
à Theme editor.
    1. Edit file header.php . Masukan code berikut pada line paling atas.
<link rel="icon" href="http://www.domainanda.com/images/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.domainanda.com/images/favicon.png" type="image/x-icon" />

    1. Kemudian “ Save Changes “ untuk menyimpan perubahan.

0 komentar:

Posting Komentar