Cara Menambahkan Favicon Wordpress

Cara Menambahkan Favicon Wordpress
Cara Menambahkan Favicon Wordpress
Cara Menambahkan Favicon Wordpress
Cara Menambahkan Favicon Wordpress
Cara Menambahkan Favicon Wordpress
download Cara Menambahkan Favicon Wordpress

of 5

  • date post

    14-Jun-2015
  • Category

    Internet

  • view

    239
  • download

    3

Embed Size (px)

description

Tutorial cara menambahkan favicon website wordpress - Kursus website toko online

Transcript of Cara Menambahkan Favicon Wordpress

  • 1. http://www.kursuswebpro.com - Kursus Web Toko Online dan Error Handling Website Page 1 CARA MENAMBAHKAN FAVICON DI WORDPRESS Oleh: Mas Didi Catatan: Cetak tutorial ini untuk memudahkan anda mempelajarinya Disclaimer: Anda diperbolehkan memberikan dan menyebarluaskan ebook ini kepada siapapun sebagai hadiah atau referensi bacaan keilmuwan dengan menjaga dan menghormati hak cipta dan hasil karya orang lain dengan tidak merubah keaslian konten ebook dan menyertakan sumber link penulis. Favicon adalah gambar kecil yang menunjukkan icon website biasanya terletak di sebelah kiri sebelum url pada tab browser. Favicon bisa berupa gambar statis dan bisa juga gambar animasi bergerak . File favicon memiliki ekstensi .ico. ICO menunjukkan icon. Dalam tutorial ini, saya menggunakan Macromedia Firework untuk membuat desain favicon website. Anda bisa menggunakan software desain yang lainnya seperti Photoshop, Corel Draw dll. Kebanyakan software desain biasanya tidak menyediakan mode penyimpanan gambar dalam ekstensi .ico. Untuk itulah maka disini kita akan menggunakan Favicon Generator Online. Langkah-langkah menambahkan favicon pada web wordpress sebagai berikut: 1. Buat gambar berukuruan 32x32 px. Anda bisa menggunakan Macromedia Firework, Photoshop, atau CorelDraw untuk mendesain gambar favicon. Gambar ini akan kita jadikan icon website kita. Simpan gambar desain dalam bentuk JPG,GIF, atau PNG. 2. Jika gambar favicon sudah siap, selanjutnya anda harus mengconvert file menjadi .ICO. Gunakan Favicon generator online di atas untuk merubah file .JPG/GIF/PNG menjadi file. ICO. Hampir semua Favicon memiliki ekstensi .ico. Kunjungi URL http://www.favicon.ico untuk menggunakan favicon generator online. Perhatikan pada jendela navigasi website sebelah kiri:

2. http://www.kursuswebpro.com - Kursus Web Toko Online dan Error Handling Website Page 2 3. Klik menu Import Image >> Tekan tombol Browse untuk memilih gambar yang sudah anda buat pada poin(1). File gambar yang anda pilih akan tampil disebelah kanan tombol Browse. Selanjutnya pilih Keep Dimension dikarenakan anda sudah membuat gambar dalam bentuk persegi. Dan lanjutkan dengan klik pada tombol Upload. 4. Download file favicon yang berhasil di generate. Klik pada tombol Download Favicon. 3. http://www.kursuswebpro.com - Kursus Web Toko Online dan Error Handling Website Page 3 5. Upload favicon.ico ke server hosting . Letakkan pada folder public_html. 6. Selanjutnya login ke area Dashboard web wordpress anda, Pilih menu Appearance >> Pilih submenu Editor >> Perhatikan kumpulan file disebelah kanan. Temukan dan buka file header.php template yang aktif. 4. http://www.kursuswebpro.com - Kursus Web Toko Online dan Error Handling Website Page 4 7. Ketikkan kode berikut setelah : Gantilah DOMAINANDA dengan nama domain website yang sebenarnya. 8. Klik Update Files. Refresh halaman website anda. Selamat mencoba. Perhatikan pada tab browser setelah anda mengetikkan URL website anda. Jika sudah muncul gambar favicon berarti anda sudah berhasil. 5. http://www.kursuswebpro.com - Kursus Web Toko Online dan Error Handling Website Page 5 Biografi Penulis: Didik Edhi Wibowo CEO kursuswebpro.com Facebook: http://www.facebook.com/kursuswebpro Office: Mutiara Darussalam A3/11 Jl Pitara Raya Depok Telp: 021-9923.5798 HP: 0817.5011.058 PIN BB: 7504C7A7 Email: kursuswebpro@gmail.com Layanan: Kursus website Kursus toko online Error handling Desain Web & SEO Owner dari bisnis online: www.tokomainananak.com www.rumahobatherbal.com www.tokoplusafiliasi.com www.mitrafastpay.com www.jasawebsitepro.com