OFFLINE

Tank's buat mimin FORUM sebelumnya, dan sekarang buat all member ASPICE, untuk semua yang berkenaan tentang Website, Webmaster, Webdeveloper, Templates & Scripts Stuff share di sini ya...mudah-mudahan tambah rame untuk pembahasan all about [title]

Jika nantinya pada masing-masing pokok pembahasan semakin rame, untuk momod dan mimin forum akan di buatkan trit terpisahnya...yuk kita mulai sekarang agan-agan sekalaian.  

OFFLINE

Untuk yang suka ngoprek CMS terutama JOOMLA & Wordpress cekidot gan  

Download Joomla! 1.7.x
http://adf.ly/2OqjQ

Download Joomla! 1.5.x
http://adf.ly/2OqjQ

Buat templatenya Joomla! 1.7.x dan 1.6.x sama aja systemnya jadi kita ambil yang 1.7.x sekalaian  krn sekuritas juga udah termasuk memenuhi syarat.

Download WordPress 3.2.1
http://adf.ly/2Oqk5

Oke silahkan download dulu CMS nya...setelah itu bahas apa ya ?

OFFLINE

mohon bimbingannya ya masta"....

OFFLINE

ada yang punya tutorial jquery g y???

OFFLINE

ikut nyimak

OFFLINE

Originally Posted by Virusx Shelock:
mohon bimbingannya ya masta"....

ah agan yang satu ini bisa aja  

OFFLINE

Originally Posted by Kepengen Gimbal:
ada yang punya tutorial jquery g y???

cek sini gan,mudah2an membantu http://adf.ly/2PCpQ

OFFLINE

test test 1 2 3 di coba,,,,,,,

OFFLINE

yuk di lanjut lagi, yang lain silahkan diarahkan kemana dulu, yang mau oprekin joomla follow me oke?

Pembuatan Dasar Template Joomla

Menyiapkan struktur Folder

Untuk membuat template baru hal yang paling utama adalah membuat folder baru, dengan contoh: "joomla_template" tanpa tanda kutip, nantinya di letakkan pada folder template/ di joomla.

Didalam folder, buat dua folder dan dua file dengan nama, "css" & "images" sebagai nama folder, "index.php" & "templateDetails.xml" sebagai file utamnya, tanpa tanda kutip.

Dan di dalam folder "css" tambah kan file "template.css" tanpa tanda kutip. meskipun dalam file *.php dapat menggunkan pengaturan style / css internal, lebih baik gunakan saja cara ini, karena nantinya akan lebih mudah dalam pengembangan dan debugging. dan lebih mempercepat loading pada wep page anda nantinya. karena file terpisah akan mudah di cache.

Membuat file templateDetails.xml dasar

File templateDetails.xml adalah penting. Tanpa itu, template anda tidak akan terlihat oleh Joomla!. File memegang kunci metadata tentang template. Sintaks dari file yang berbeda untuk setiap versi Joomla.

Untuk Joomla 1.5 , Gunakan perintah berikut:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"
"http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
     <name>joomla_template</name>
     <creationDate>2011/07/23</creationDate>
     <author>Ridho Prasetya</author>
     <authorEmail>
     
ridho@sipdah.com</authorEmail>
     <authorUrl>http://www.sipdah.com</authorUrl>
     <copyright>Ridho Prasetya 2011</copyright>
     <license>GNU/GPL</license>
     <version>1.0.1 Beta</version>
     <description>We Make Better Your Website</description>
<files>
     <filename>index.php</filename>
     <filename>templateDetails.xml</filename>
     <folder>images</folder>
     <folder>css</folder>
</files>
<positions>
     <position>top</position>
     <position>footer</position>
</positions>
</install>

OFFLINE

Untuk Joomla 1.6 dan kemudian, menggunakan versi berikut. Ubah version="1.6" ke versi Joomla! instalasi.

<?xml version="1.0" encoding="utf-8"?>
<extension version="1.6" type="template">
     <name>joomla_template</name>
     <creationDate>2011/07/23</creationDate>
     <author>Ridho Prasetya</author>
     <authorEmail>
     
ridho@sipdah.com</authorEmail>
     <authorUrl>http://www.sipdah.com</authorUrl>
     <copyright>Ridho Prasetya 2011</copyright>
     <license>GNU/GPL</license>
     <version>1.0.1 Beta</version>
     <description>We Make Better Your Website</description>
<files>
     <filename>index.php</filename>
     <filename>templateDetails.xml</filename>
     <folder>images</folder>
     <folder>css</folder>
</files>
<positions>
     <position>top</position>
     <position>footer</position>
</positions>
</extension>

OFFLINE

Membuat file index.php dasar

File index.php menjadi inti dari setiap halaman yang Joomla! memberikan. Pada dasarnya, Anda membuat sebuah halaman (seperti halaman HTML) tapi tempat PHP kode di mana isi dari situs Anda harus pergi. Berikut adalah kode siap untuk Anda untuk mengembangkannya.

Mari kita mulai dari awal:

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
     xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

Baris pertama berhenti orang-orang nakal melihat coding Anda dan mendapatkan sampai dengan hal-hal buruk. Yang kedua memberitahu browser, macam apa halaman itu. Baris ketiga mengatakan bahasa apa yang di gunakan dalam situs.

Yang kedua adalah penggunaan head:

<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>
     /templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>
     /templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/<?php echo $this->baseurl ?>
     /templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>

Baris pertama mendapat Joomla untuk menempatkan informasi header yang benar masuk ini termasuk judul halaman, meta informasi serta sistem JavaScript. Sisanya menciptakan link ke dua lembar sistem gaya dan style anda sendiri (jika itu bernama template.css dan terletak di folder css).

Yang ketiga adalah bagian body:

<body>
<jdoc:include type="modules" name="top" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="bottom" />
</body>

Cukup mudah bukan dengan joomla untuk membuat isian tidak perlu repot, dengan ini anda dapat mengatur modul dan menginformasikan isian halaman. dengan catatan menggunakan modul yaitu : menggunakan type: "modules".

Dan yang terakhir adalah penutup:

</html>

Garis besar Kode untuk template

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
     xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
     <link rel="stylesheet" href="/<?php echo $this->baseurl ?>
/templates/mynewtemplate/css/template.css" type="text/css" />
</head>
<body>
     <jdoc:include type="modules" name="top" />
     <jdoc:include type="component" />
     <jdoc:include type="modules" name="bottom" />
</body>
</html>

Penggunaan Template & Kesimpulan

Dengan semua ini anda telah berhasil membuat template joomla, penggunaan selanjutnya sama seperti penginstalan template seperti biasanya. karena di sini anda yang menetukannya. dan untuk kesimpulannya, anda tinggal memanfaatkan source code diatas untuk mengembangkan desain template, modul potition / tata letak modul dengan mengorek sedikit css.

Ups.. hampir lupas setelah template diatas di instal dan di gunkan, untuk mengetahui letak posisi mudul dengan cara menambahan "?tp=1" setelah index.php tanpa tanda kutip sebagai contoh http://www.sipdah.com/?tp=1

OFFLINE

Originally Posted by Ridho Prasetya:
Untuk yang suka ngoprek CMS terutama JOOMLA & Wordpress cekidot gan  

Download Joomla! 1.7.x
http://adf.ly/2OqjQ

Download Joomla! 1.5.x
http://adf.ly/2OqjQ

Buat templatenya Joomla! 1.7.x dan 1.6.x sama aja systemnya jadi kita ambil yang 1.7.x sekalaian  krn sekuritas juga udah termasuk memenuhi syarat.

Download WordPress 3.2.1
http://adf.ly/2Oqk5

Oke silahkan download dulu CMS nya...setelah itu bahas apa ya ?

Untuk all about Joomla, tolong digeser kemari http://apps.facebook.com/facebook_forums/joomla-19451/ mas Ridho.

OFFLINE

Originally Posted by Ridho Prasetya:

Originally Posted by Kepengen Gimbal:
ada yang punya tutorial jquery g y???

cek sini gan,mudah2an membantu http://adf.ly/2PCpQ

Untuk Java sebaiknya digeser kesini http://apps.facebook.com/facebook_forums/java-19479/ ya Aspicer... Thanks.

OFFLINE

Originally Posted by Yhony Mahendra:

Originally Posted by Ridho Prasetya:

Originally Posted by Kepengen Gimbal:
ada yang punya tutorial jquery g y???

cek sini gan,mudah2an membantu http://adf.ly/2PCpQ

Untuk Java sebaiknya digeser kesini http://apps.facebook.com/facebook_forums/java-19479/ ya Aspicer... Thanks.

Saran Pak Min, sebaiknya JQuery dkk masuk Web Programming saja, karena JavaScript framework tidak terkait langsung dengan Java (JDK/JRE) secara langsung.  

OFFLINE

Originally Posted by Yhony Mahendra:

Originally Posted by Ridho Prasetya:
Untuk yang suka ngoprek CMS terutama JOOMLA & Wordpress cekidot gan  

Download Joomla! 1.7.x
http://adf.ly/2OqjQ

Download Joomla! 1.5.x
http://adf.ly/2OqjQ

Buat templatenya Joomla! 1.7.x dan 1.6.x sama aja systemnya jadi kita ambil yang 1.7.x sekalaian  krn sekuritas juga udah termasuk memenuhi syarat.

Download WordPress 3.2.1
http://adf.ly/2Oqk5

Oke silahkan download dulu CMS nya...setelah itu bahas apa ya ?

Untuk all about Joomla, tolong digeser kemari http://apps.facebook.com/facebook_forums/joomla-19451/ mas Ridho.

Woke makasih buat om mimin, artikel sekalian di pindahin aja biar ngak nulis 2 kali.....