Close



Saturday, May 19, 2012
  • Print

Mengganti Favicon Joomla!

A1Favicon kependekan dari "favorites icon", merupakan icon kecil berukuran 16x16 pixel yang merupakan identitas dari sebuah website. Sebagai contoh gambar dari favicon saya berikut.
favicon

Seperti halnya website lainnya, Joomla mempunyai favicon tersendiri yang telah kita kenal seperti icon berikut.

favicon_joomla

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.

phocafavicon-create
button_enlarge

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
    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> :

favicon_code

Lihat hasilnya dengan membersihkan history browser anda terlebih dahulu. Semoga bermanfaat.

Artikel sejenis lainnya:

Artikel sesudahnya:

Artikel sebelumya:

COMMENTS  

radio baubau
Posted On
%b %25, %2011
Posted By
radio baubau
0 thanks
thanks utk tipsx, ak sdh coba n sukses
skg webQ sdh punya favicon spt yg diinginkan
Quote
Admin
Posted On
%b %26, %2010
Posted By
Admin
0 RE: Mengganti Favicon Joomla!
Quoting muflih:
asalamualaikum wr. wb
kaka' gmn sih cara bikin website yg bagus kaya website kaka inih ??
templatenya dapet dr mana ??
dapetin template yg keren kaya gini gmn caranya ??
terus modul. modul yg kaka pake apah aja ??
cara ngatur tata letaknya gmn ??
ajarin ya ka' aku pengen bljar bikin web yg keren ...
sebelumnya makasih banyak ya kaka'

Wa'alaikumussal am warahmatullah...
Terima kasih, dah berkunjung ke tempat kakak. Kakak dah lihat webmu bagus kok... Tinggal dipoles dikit aja udah sip. Jadi nggak perlu repot lagi. Kakak juga belajar sendiri kok, coba-coba dan baca-baca, lihat web orang yang bagus. Extension Jomla bisa adek pilih dan lihat demonya di sini:extensions.joomla.org/. Untuk template, gunakan google, dengan kata kunci yang tepat adek bisa dapat dengan mudah, lihat yang sesuai atau cocok, kemudian download.
Selamat berkarya...
Quote
muflih
Posted On
%b %25, %2010
Posted By
muflih
0 aku mau tanya ka'
asalamualaikum wr. wb
kaka' gmn sih cara bikin website yg bagus kaya website kaka inih ??
templatenya dapet dr mana ??
dapetin template yg keren kaya gini gmn caranya ??
terus modul. modul yg kaka pake apah aja ??
cara ngatur tata letaknya gmn ??
ajarin ya ka' aku pengen bljar bikin web yg keren ...
sebelumnya makasih banyak ya kaka'
Quote
Azhar Addar
Posted On
%b %02, %2010
Posted By
Azhar Addar
0 Nice info
bagus share-nya, salam kenal mas agus :)
Quote
The Notes Web
Posted On
%b %20, %2010
Posted By
The Notes Web
0 RE: Mengganti Favicon Joomla!
Keren juga tips favicon joomla ini..
Quote
Abu Afif
Posted On
%b %08, %2010
Posted By
Abu Afif
0 Link broken
Quoting braft:
com_phocafavicon kok gk bs di download mas? trmksh infonya...salam

Maksaih dah ngingetin... Link dah diperbaiki. Salam...
Quote
braft
Posted On
%b %08, %2010
Posted By
braft
0 com_phocafavico n gk bs didownload
com_phocafavico n kok gk bs di download mas? trmksh infonya...salam
Quote

LEAVE A REPLY

Mohon Perhatian Anda...1). Kami berhak mengedit, menyortir bahkan mengeblok IP anda jika dipandang tidak sesuai dengan visi dan misi kami tanpa pemberitahuan terlebih dahulu. 2). Jika anda telah mengeklik tombol send dan komentar anda belum muncul, coba dulu klik tombol 'Refresh Comments List'. 3). Jika ikon anda ingin ditampilkan di kolom komentar, silakan daftarkan email anda di Gravatar.com. Terima kasih atas komentar dan perhatian anda.

Security code
Refresh

Category: Joomla Tutorials
Ditulis oleh Administrator
Dipublikasikan pada Monday, 27 July 2009 19:57
Hits: 8906