SSIAGA TRANS
Minggu, 24 April 2016

Menambahkan Favicon Tab Pada Website Sekolah CMS Balitbang Diknas

Tutorial ini masih menggunakan website sekolah hasil instalasi CMS Balitbang Diknas Versi 3.5.2 di server lokal XAMPP Versi 1.7.2. (Lihat Panduan Cara Menginstall XAMPP).

Sebelumnya anda telah mengganti header, mengganti background, dan mengganti ikon sidebar website sekolah anda, selanjutnya adalah Menambahkan Favicon Tab Pada Website Sekolah CMS Balitbang Diknas, berikut tahapannya:

1. Kunjungi alamat http://localhost/cmsbalitbangv352 di browser anda. Lihat favicon website anda dari hasil instalasi CMS Balitbang yang telah anda lakukan, faviconnya belum ada.


2. Siapkan gambar faviconnya terlebih dahulu. Jika belum ada, siapkan gambar logo sekolahnya kemudian kunjungi alamat http://www.favicon.cc/ atau alamat http://www.favicon-generator.org/, dan upload gambar logonya, kemudian unduh hasil konversinya. Lalu simpan gambar faviconnya di folder C:\xampp\htdocs\cmsbalitbangv352.


3. Selanjutnya buka file index.tpl menggunakan notepad di folder C:\xampp\htdocs\cmsbalitbangv352\temp\art_sma_bawah.


4. Tambahkan script di bawah ini tepat di bawah tag <head>.
<link rel="shortcut icon" href="http://{nmweb}/favicon.ico">
atau
<link rel="shortcut icon" href="/favicon.ico">
Lalu Simpan hasil perubahannya dengan menekan tombol Ctrl + S.


5. Selanjutnya kunjungi lagi alamat http://localhost/cmsbalitbangv352 di browser anda untuk melihat hasil perubahan.


Inilah tampilan website anda yang sudah menunjukkan adanya sebuah logo yang ditampilkan di bagian tab browser anda. Selanjutnya anda bisa mengentri semua isi konten Website Sekolah anda.