Minggu, 08 November 2015
Cara Membuat Template CMS Balitbang dengan Artisteer
Sebagaimana dikemukakan pada tulisan mengenai Cara Mengganti Template CMS Balitbang bahwa CMS Balitbang mempunyai 3 template bawaan, yakni art-alan (default), art-hijau, dan art-biru. Di luar ketiganya, kita bisa saja membuat template lain sesuai keinginan dan kebutuhan masing-masing. Artisteer sebagai perangkat lunak aplikasi pembuat template yang digunakan para pengembang CMS Balitbang, bisa juga digunakan dengan mudah oleh para pengguna. Caranya sebagai berikut:
1. Buka aplikasi Artisteer (Untuk Template CMS Balitbang Versi 3.5 gunakan Artisteer Versi 2.3.0.21098, sebaiknya jangan gunakan Artisteer Versi 3.+ karena file cssnya tidak sesuai).
2. Pilih HTML Page

4. Pilih menu: Background untuk mengganti background template, pilih tampilan yang mana saja, seperti dibawah ini :

2. Pilih HTML Page
Related Links:
3. Pilih menu: Layout ==> Columns, pilih yang 3 kolom seperti gambar dibawah ini.
4. Pilih menu: Background untuk mengganti background template, pilih tampilan yang mana saja, seperti dibawah ini :
5. Pilih menu: Sheet ==> width, pilih yang 1000 pixels
6. Pilih menu: Header ==> height , pilih yang 175 pixels.
7. Pilih menu: Menu kemudian pilih menu styles sesuai keinginan anda, lihat gambar dibawah ini.

8. Pilih menu: Blocks seperti dibawah ini
Pilih salah satu bentuk block (block Styles) yang akan ditampilkan pada template.
9. Pilih menu: Color & Fonts, pilih salah satu komposisi warna yang ada.

10. Perhatikan perubahan-perubahannya, silahkan bereksperimen sendiri dan lakukan modifikasi sesuai selera Anda, tetapi ada aturan yang wajib diikuti, yaitu point ( 3,5,6 ) wajib dilakukan dan tidak boleh memilih bentuk lain.
11. Ekspor ke bentuk html, pilih menu palet di kiri atas, kemudian pilih Export ==> HTML Page.
12. Masukan nama folder untuk menyimpan file ekspor template, misalkan tempbaru seperti dibawah ini, dan klik Export

Memasukan Template artisteer ke CMS Balitbang
1. Buka folder yang telah tadi di ekspor, misalkan di C:\ . . . .\My Documents/Artisteer Templates
2. Copy folder tempbaru tersebut ke dalam folder temp di CMS Balitbang, seperti gambar dibawah ini
3. Copy kan file index.tpl.htm di dalam folder art-biru atau di folder art-hijau ke dalam folder tempbaru
4. Kemudian edit mengunakan notepad file config.php di dalam folder LIB untuk mengganti template nya
5. Edit baris ke 15, ganti art-biru menjadi nama folder template yang tadi misalkan tempbaru.

Menjadi seperti di bawah ini
6. Kemudian simpan file config.php ini. Lihat perubahan templatenya.
Catatan :
1. Apabila posisi menu ingin diatas banner seperti gambar dibawah ini

Catatan :
1. Apabila posisi menu ingin diatas banner seperti gambar dibawah ini
Maka copy file index.tpl.htm dari folder art-biru
2. Apabila posisi menu ingin dibawah banner seperti gambar dibawah ini

2. Apabila posisi menu ingin dibawah banner seperti gambar dibawah ini
Maka copy file index.tpl.htm dari folder art-alan
•<• •Prev• | •Next• •>• |
---|
ARTIKEL TERKAIT
- Tata Letak Template JS Education
- Cara Menginstall Script Web Sekolah: CMS Balitbang Diknas
- Cara Mengganti Template CMS Balitbang
- Cara Upload CMS Balitbang ke Server Layanan Web Hosting
- Pengaturan Menu CMS Balitbang
- Cara Mengupdate CMS Balitbang ke Versi Terbaru
- Komponen Utama Web Sekolah CMS BALITBANG
- Tutorial Pengelolaan Bagian Utama Website Sekolah ( CMS BALITBANG )
- Tutorial Pengelolaan Data Sekolah pada Website Sekolah (CMS BALITBANG)
- Tutorial Pengelolaan Fitur CMS BALITBANG
- Cara Memasang Script Tambahan dan Posisi Modul CMS Balitbang
- Template CMS BALITBANG: Wallbamboo-WSI
- Menampilkan favicon.ico Pada CMS Balitbang
- Modifikasi Modul: Cuplikan Artikel Terbaru pada Bagian Depan CMS Balitbang
- Bug CMS Balitbang 3.5: Permasalahan Tahun (Tgl Lahir) Ketika Import File Excel Guru dan Murid
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar