Membuat Toko Amazon di Joomla

Sebenarnya komponen ini merupakan komponen yang sudah cukup lama, namun ada beberapa masalah bug di versi awal sehingga tidak banyak yang memakai.Versi terbaru masih banyak kekurangan terutama di SEF namun sudah bisa berjalan baik.

Secara garis besar Amazon Products Feed Bridge Component adalah komponet bridge yang menghubungkan Joomla dan Amazon Products Feed buatan MrRant yang berbasis .cgi. Jadi selain menginstall komponen, Amazon Products Feed harus sudah terinstall lebih dahulu.

Adapun langkahnya sebagai berikut:

Install Amazon Products Feed
Download di http://www.mrrat.com/aws/
Upload dan Unzip semua files and folders dari APF pada folder cgi-bin. Anda bisa menganti amazon_products_feed.cgi dengan nama yang anda suka.
CHMOD kedua file .cgi dengan chmod ke 755 (775 jika perlu).
Bila berhasil, coba membuka http://www.situsmu.com/cgi-bin/apf4/apf_config.cgi. Nantinya ada halaman admin dan anda diminta memasukan password yang akan anda gunakan selanjutnya untuk login.
Setelah password masuk anda akan menjumpai halaman admin yang lebih lengkap, disini nanti diminta memasukan Amazon Associates IDs anda (tidak hanya dari amerika (dunia), bisa juga Amazon Associates jepang, perancis, inggris dst). https://affiliate-program.amazon.com

Untuk melihat apakah toko Amazon anda bekerja coba tes dengan http://www.situsmu.com/cgi-bin/apf4/amazon_products_feed.cgi

Install dan konfigurasi komponen apf_bridge
Download dan Masuk apf_bridge ke backend atau administrator/ situs anda http://www.situsmu.com/administrator/.
Dari admin menu: Pilih Components -> Install.
Klik “Upload file and install” file com_apf_bridge.zip file yang anda download sebelumnya.

Setelah ada tanda berhasil terinstall, buka Componet pilih “APF by Mr Rant” kemudian pilih Configuration
Ubah hal berikut:

APF Bridge Status klik Published
Debug Level off (kecuali nanti script tidak jalan baru ubah jadi Debugging on)
URL to APF (letak file apf harus sama karena kalo tidak komponen tidak akan berjalan). http://www.situsmu.com/cgi-bin/apf4/amazon_products_feed.cgi
Path to APF from webroot or public_html (letak file apf tanpa nama situs) adalah/cgi-bin/apf4/amazon_products_feed.cgi (harus dimulai tanda “/”)
Kemudian klik tombol “Save”.

Buat link toko online anda di menu (bisa dimain menu, top menu atau menu buatan anda sendiri), caranya klik Menu -> Main Menu -> click “New” -> “Component” pilih APF by MrRat. Sekarang coba misalnya
http://www.situsmu.com/index.php?option=com_apf_bridge
http://www.situsmu.com/komponen/option,com_apf_bridge

Nah setelah selesai anda bisa berkreasi sesuka anda, apakah toko onlinenya jadi pelengkap atau malah membuat situs Joomlanya menjadi toko online. Akan Lebih baik membuat situs Joomla dengan mengejar niche atau topik tertentu karena persainganya lebih sedikit, disarankan memilih kelompok barang yang berharga mahal (perlu diingat komisi CPA Amazon kecil) atau menjual sesuatu yang unik.

Keuntungan lain selain mendapat pemasukan dari Amazon dengan catatatan barangnya terjual adalah bisa menambah konten situs kita apalagi kalo kita pasang Adsense di situs Joomla kita.
Contoh Situs Yang Memakai Amazon Products Feed Bridge

http://www.showbestgoods.com
http://www.xboxliveclans.com
http://www.shop-for-her.co.uk
http://www.newmedicaljournals.com *
http://www.nursing.web.id *

Sumber Artikel

http://www.mrrat.com/aws
http://www.deanmarshall.co.uk/demo/apf_bridge

 

Seri 3 Cara Pembuatan Template Joomla

Pada bagian ini kita akan coba membuat sebuah template kosong sederhana, sekaligus mempelajari anatomi dan fungsi dari masing masing file pembentuk template Joomla.

Membuat File Index.php
File index.php adalah file yg berisi kombinasi bahasa HTML dgn PHP yang merupakan file utama yng menetukan bentuk perwajahan dari template (Anda dapat membuat file index.php ini dengan menggunakan pilihan New php file pada Dreamweaver).
Secara umum pada file index.php ini terbagi dua bagian script yaitu bagian header dan body.

Header

Bagian pertama yang harus kita isikan adalah bagian header. Bagian ini harus ada di awal setiap file index.php. Bagian header ini adalah beberapa baris code php seperti yang ada berikut ini:

<?php defined( “_VALID_MOS” ) or die( “Direct Access to this location
is not allowed.” )
;$iso = split( ‘=’, _ISO );echo ‘<?xml version=”1.0″ encoding=”‘. $iso[1] .'”?’ .’>’;?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<?php mosShowHead(); ?>
<meta http-equiv=”Content-Type” content=”text/html;><?php echo _ISO; ?>” />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo “<link rel=\”stylesheet\” href=\”$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]
/css/template_css.css\” type=\”text/css\”/>” ; ?>
</head>

Tips.
Kode ini bisa Anda tambahkan dengan mudah dengan menekan tombol Insert Head pada toolbar Joomla Extension yang sudah terinstall pada Dreamweaver Anda.

Fungsi dari masing bagian header ini adalah sbb:
Bagian :

<?php defined( “_VALID_MOS” ) or die( “Direct Access to this location
is not allowed.” )
;$iso = split( ‘=’, _ISO );echo ‘<?xml version=”1.0″ encoding=”‘. $iso[1] .'”?’ .’>’;?>

berfungsi sebagai filter yang akan menyaring jenis akses yang datang terhadap file ini. Apabila akses tersebut bersifat langsung, misalnya Anda mengetikkan alamat langsung kepada file index.php ini pada browser (misalnya : http://www.webanda.com/templates/templateku/index.php) maka proses eksekusi script phpnya tidak akan dilanjutkan dan pada jendela browser akan muncul tulisan ’ Direct Access to this location is not allowed’ yang menyatakan bahwa akses langsung terhadap file yang bersangkutan tidak diizinkan.

Bagian:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

Mendefinisikan tipe dokumen html yang dipergunakan yaitu XHTML 1.0 Transitional berdasarkan standar penggunaan code html internasional.

Bagian :

<?php mosShowHead(); ?>

<meta http-equiv=”Content-Type” content=”text/html;><?php echo _ISO; ?>” />

ini akan menghasilkan metadata (seperti description, keywords, generator) dan penjudulan secara otomatis pada halaman joomla. Pada bagian ini juga didefinisikan standar ISO yang dipergunakan pada web joomla Anda. ISO ini lah yang natinya akan memberitahu standar bahasa apakah yang akan dipergunakan dalam merender file Anda pada browser, sehingga penampilan website dalam berbagai bahasa seperti Arab, China dan lain-lain tidak lagi menjadi masalah.

Bagian :

<?php if ( $my->id ) { initEditor(); } ?>

Ini berfungsi untuk memanggil HTML editor utntuk mengedit content apabila ada user yang melakukan login dari front end

Bagian:

<?php echo “<link rel=\”stylesheet\” href=\”$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/
css/template_css.css\” type=\”text/css\”/>” ; ?>

ini berfungsi untuk memanggil file CSS yang dipergunakan untuk mengatur tampilan dari index.php ini, dimana secara deafault akan memanggil file template_css.css yang ada didalam folder css didalam direktori templates anda.

Body

Bagian ini adalah kode kode yang diletakkan setelah bagian header.
Secara anatomi sederhana dapat diisikan sbb

<body>
<?php echo $mosConfig_sitename;?>
<?php mospathway()?>
<?php mosLoadModules(‘top’);?>
<?php mosLoadModules(‘left’);?>
<?php mosMainBody();?>
<?php mosLoadModules(‘right’);?>
<?php include_once( $mosConfig_absolute_path .’/includes/footer.php’ );?>
</body> </html>

Semua kode ini dibuat dgn mudah, dengan cara menekan ikon-ikon joomla solution yang terdapat pada toolbar Dreamweaver Anda setelah meletakkan posisi cursor diantara script :

<body> <!—posisi kursor  </body></html>

Bagian :

<?php echo $mosConfig_sitename;?>

akan menampilkan nilai Site Name yg telah Anda masukkan pada Global Configuration (melalui halaman Administrator) atau secara manual pada file configuration.php

Bagian :

<?php mospathway()?>

akan menampilkan informasi navigasi pada saat Anda membrowsing sebuah halaman.

Bagian :

<?php mosLoadModules(‘top’);?>
<?php mosLoadModules(‘left’);?>
<?php mosLoadModules(‘right’);?>

akan menampilkan module module yg di publish pada posisi yang bersangkutan (top, left, right)

Bagian :

<?php mosMainBody();?>

akan menampilkan content utama dari dari joomla. Jadi code ini mutlak ada pada setiap index.php

Bagian :

<?php include_once( $mosConfig_absolute_path .’/includes/footer.php’ );?>

akan menampilkan informasi footer yang diambil dari nilai pada file : <root>/includes/footer.php

Selesai!! Sebuah file index.php telah berhasil Anda buat

 

Seri 2 Cara Pembuatan Template Joomla

ada seri kedua Cara Pembuatan Template Joomla ini kita akan membahas tentang tool-tool yang akan membantu kita dalam pembuatan template.
Berikut ini adalah beberapa tools yg biasa saya pergunakan dapat membantu pekerjaan saya dalam membuat template joomla :

Photoshop dan Tools desain lain
Banyak software pengolah grafis yang bisa digunakan, diantaranya adalah Photoshop, Fireworks, Paintshop Pro, Corel Photopaint, Gimp (untuk pengguna linux) dan sebagainya. Pada dasarnya semuanya dapat dipergunakan akan tetapi akan lebih baik menggunakan software yang mempunyai fasilitas-fasilitas optimalisasi gambar untuk web seperti fungsi ’Save for Web’ nya photoshop.
Dreamweaver
Aplikasi pengolah bahasa pemrograman web keluaran Macromedia ini sekali lagi juga bukan merupakan keharusan. Anda masih bisa menggunakan banyak sekali aplikasi pengolah web yang tersedia di pasar. Bahkan ketika Anda tidak menemukan satu software yang cocok pun, aplikasi notepad yang tersedia pada setiap paket instalasi windows Anda sudah cukup untuk melakukan pemrograman web (beberapa orang malah lebih menyukai pemakaian aplikasi yang kecil dan ringan ini daripada pemakaian aplikasi web yang besar kompleks tapi kadang-kadang mempunyai beban loading dan memakan source komputer secara besar)
Joomla Solution Extension
JoomlaSolution Extension adalah sebuah program kecil tambahan atau plugin pada software Dreamweaver yang nantinya akan memunculkan toolbar berisi tombol-tombol tambahan pada Aplikasi Dreamweaver Anda yang apabila di klik akan menghasil kan kode-kode standar program dari Joomla sehingga kita tidak harus mengetik nya lagi secara manual.
Tool ini cukup berguna untuk memudahkan pekerjaan kita dan cukup efektif untuk menghindari kesalahan ketik pada kode progam bagi kita yang baru mengenal Joomla.
Untuk menginstallnya anda cukup mengklik dua kali pada file Joomla Solution Extension yang telah Anda download dan mengikuti proses instalasinya.

Note : Anda dapat mendownloadnya dari halaman download id-joomla ini, pilih bagian Tools

XML generator
XML generator adalah sebuah program kecil yang nantinya akan membantu kita dalam membuat file instalasi template secara otomatis.
Extract file ini didalam folder htdocs didalam directory anda dan akses melalui browser dengan alamat http://localhost/xmlgenerator

Note : Anda dapat mendownloadnya dari halaman download id-joomla ini, pilih bagian Tools

 

Seri 1 Cara Pembuatan Template Joomla

Mengingat banyaknya permintaan atas tutorial membuat Template Joomla, berikut ini saya coba untuk sedikit sharing tentang bagaimana caranya membuat template Joomla. Karena keterbatasan waktu dan swadaya artkel artikel ini akan diterbitkan secara berseri.

Selamat menikmati 😛

Definisi Template Joomla dan Anatominya

Secara sederhana Template Joomla dapat didefinisikan sebagai sekumpulan file-file joomla yang berfungsi mengontrol bentuk perwajahan dari situs.
File-file ini terdiri dari:

File Index.php yang berisi instruksi-instruksi program yang nantinya akan meramu semua komponen dan komposisi yang ada pada Joomla dan kemudian menerjemahkannya kedalam sebuah tampilan website sesuai dengan keinginan.
File template_css.css yang nantinya berfungsi untuk mendefinisikan fungsi-fungsi css yang nantinya akan dipakai untuk perwajahan situs. Biasanya disimpan kedalam sebuah folder dengan nama css
File template_thumbnail.png yang berupa gambar berukuran kecil/snapshot dari template yang nantinya akan digunakan oleh template detail.xml untuk menampilkan mini preview template. Digunakan juga pada beberapa modul tertentu, misalnya modul pemilih template
File templateDetails.xml yang nantinya digunakan sebagai file penyimpan informasi detail tentang template, sekaligus menyimpan instruksi-instruksi yang digunakan pada saat menginstall template pada Joomla. Dengan kata lain sebagai installernya template.

Keempat file diatas adalah adalah file-file inti yang harus dimiliki sebuah template yang sempurna. Dengan hanya memiliki 4 file ini, kita sebenarnya sudah bisa membuat sebuah template yang baik dan indah sesuai standar minimum Joomla. Akan tetapi biasanya akan diperlukan file-file tambahan seperti file image/gambar, flash, javascript, bahkan tidak menutup kemungkinan juga penambahan file-file php yang nantinya digunakan sesuai dengan kebutuhan template itu sendiri.

 

Cara membuat Yahoo Messenger Status di Joomla.

a… kali ini kita akan bermain dengan modul (hiks..hiks.. so tau ) kita akan membuat satu modul untuk mendeteksi user yahoo messenger kita sedang online atau offline bagi pengunjung web kita.
Semua juga karena bantuan teman-teman di id-joomla…. thanks akang,mas,om,mba…. 🙂

Langkahnya :

Klik Modules > Site Modules
Kemudian buat module baru dengan klik New
Ketik Title yang anda inginkan
Kemudian klik tulisan “HTML”
kemudian masukan script ini

<p><img src=”http://www.appletreenet.com/home/answeringservice_operator.gif&#8221; mce_src=”http://www.appletreenet.com/home/answeringservice_operator.gif&#8221; /></p>
<a href=”ymsgr:sendIM?ID_YAHOO_ANDA” mce_href=”ymsgr:sendIM?ID_YAHOO_ANDA”><img src=”http://opi.yahoo.com/online?u=ID_YAHOO_ANDA&m=g&t=2&#8243; mce_src=”http://opi.yahoo.com/online?u=ID_YAHOO_ANDA&m=g&t=2&#8243; border=”0″ alt=”” width=”125″ height=”25″ align=”right” /></a>

Ganti ID YAHOO ANDA dengan ID anda

Kemudian Update dan Save jangan lupa di publish.

Sorry kalau kurang jelas dan ndak mengerti…. ( Bukan penulis sih..)