ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Tutorial Membuat Template menggunakan Artisteer 2.3
By Alan Ridwan M
Alanrm82@yahoo.com

  1. Buka aplikasi Artisteer 2.3
  2. Pilih HTML Page




  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 seperti dibawah ini
6. Pilih menu Header     height , pilih yang 175 pixels, seperti dibawah ini




7. Pilih menu Menu kemudian pilih seperti dibawah ini




Pilih salah satu bentuk menu yang akan ditampilkan di template
8. Pilih menu Blocks seperti dibawah ini




Pilih salah satu bentuk block menu ( modul ) yang akan ditampilkan pada
template.




9. Pilih menu Color & Fonts, pilih salah satu warna template yang ada.
10. Perhatikan perubahan-perubahannya, silahkan modifikasi yang lainnya
    dikembangkan, tetapi ada aturan yang wajib diikuti, yaitu point ( 3,5,6 ) wajib
    dilakukan dan tidak boleh memilih bentuk lain.
11. Ekspor ke bantuk 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 My Document       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 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 ini




   6. Kemudian simpan file config.php ini. Lihat perubahan templatenya.

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




     Maka copy file index.tpl.htm dari folder art-alan

More Related Content

Tutorial membuat template artisteer

  • 1. Tutorial Membuat Template menggunakan Artisteer 2.3 By Alan Ridwan M Alanrm82@yahoo.com 1. Buka aplikasi Artisteer 2.3 2. Pilih HTML Page 3. Pilih menu Layout Columns, pilih yang 3 kolom seperti gambar dibawah ini
  • 2. 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 seperti dibawah ini
  • 3. 6. Pilih menu Header height , pilih yang 175 pixels, seperti dibawah ini 7. Pilih menu Menu kemudian pilih seperti dibawah ini Pilih salah satu bentuk menu yang akan ditampilkan di template
  • 4. 8. Pilih menu Blocks seperti dibawah ini Pilih salah satu bentuk block menu ( modul ) yang akan ditampilkan pada template. 9. Pilih menu Color & Fonts, pilih salah satu warna template yang ada.
  • 5. 10. Perhatikan perubahan-perubahannya, silahkan modifikasi yang lainnya dikembangkan, tetapi ada aturan yang wajib diikuti, yaitu point ( 3,5,6 ) wajib dilakukan dan tidak boleh memilih bentuk lain. 11. Ekspor ke bantuk 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
  • 6. Memasukan Template artisteer ke CMS Balitbang 1. Buka folder yang telah tadi di ekspor, misalkan di My Document 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 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.
  • 7. Menjadi seperti ini 6. Kemudian simpan file config.php ini. Lihat perubahan templatenya. 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 Maka copy file index.tpl.htm dari folder art-alan