Tutorial mengganti favicon pada joomla

Kamis, 12 Agustus 2010

Berhubung kemarin saya menjadi admin sebuah website joomla dan kebetulan pula saya rasa article ini lumayan berguna dan bermanfaat oke langsung aja ya... :)
Favicon kependekan dari "favorites icon", merupakan icon kecil berukuran 16x16 pixel yang merupakan identitas dari sebuah website. Sebagai contoh gambar dari favicon saya berikut.
 Seperti halnya website lainnya, Joomla mempunyai favicon tersendiri yang telah kita kenal seperti icon berikut.

 Jika anda bosan dengan favicon bawaan Joomla dan ingin menggantinya dengan favicon sendiri, ada dua cara yang bisa anda lakukan. Berminat mencoba? Ikuti panduan singkat berikut...

Cara Otomatis

Yang saya maksud otomatis di sini, kita tidak perlu repot menyiapkan icon sendiri. Hanya saja kita harus menginstal komponen tambahan pada Joomla! kita melalui backend. Komponen yang saya pakai di sini adalah com_phocafavicon yang bisa anda download di: Donlot Gratisan

Sebelum melakukan penginstalan, ada baiknya anda persiapkan dulu gambar yang akan dijadikan icon, lebih baik yang memiliki panjang dan lebar yang sama, texturenya jelas kalau diperkecil dan simpanlah dalam bentuk .jpg dengan nama terserah anda, misalnya Aku.jpg. Setelah itu upload gambar anda ke server, bisa melalui filezilla ke folder 'images/phocafavicon'.
Selanjutnya,instalah komponen anda melalui tab instal/uninstal di control panel Joomla. Setelah sukses arahkan mouse ke Component kemudian klik Phoca favicon dan klik create favicon.


Ikuti 3 tahap seperti gambar diatas:
  1. Pilih template yang anda pakai.
  2. Pilih image yang telah diupload.
  3. Create favicon.
Untuk melihat hasilnya, bersihkan dahulu history dan cache browser anda,untuk Mozilla Firefox arahkan mouse ke Tools kemudian clear private data atau (tekan Ctrl+shift+Del bersama-sama). Untuk Internet Explorer arahkan mouse ke Tools kemudian Delete Browsing History...

Cara Manual

Bagi yang tidak mau membebani joomla anda dengan komponen baru, berikut cara termudah yang bisa anda lakukan :
  1. Buat icon sesuka anda berukuran 16x16 pixel dan namai dengan favicon.ico Bingung cara membuat icon? Buat saja secara online, kunjungi link:Dynamic DriveKemudian browse file anda, create icon dan download.
  2. Kemudian upload icon anda bisa menggunakan Media Manager (Site > Media Manager) atau filezilla ke direktori tempat default favicon berada, biasanya di:
http://webkamu.com/templates/template_kamu/favicon.ico
 
    2. atau tempat lain, mohon untuk dicek ulang. Namai favicon lama sebaiknya dibackup terlebih dahulu. 

Jika cara di atas tidak berhasil,alternatif lain upload icon anda ke direktori /images/ kemudian edit index.php di folder template anda, 
kemudian tambahkan code berikut sebelum tag </head> :
 
 
 Lihat hasilnya dengan membersihkan history browser anda terlebih dahulu. Semoga bermanfaat.




Artikel Terkait:

2 comments:

makemesure mengatakan...

visit my blog http://makemesure.wordpress.com

KANG uchiha mengatakan...

yah. Saya pake blogspot sob. Tp thankz 4 share

Posting Komentar