ilmuwebsitemagzMajalah wajib para web developer,web designer, graphic designer danphotographer5KoleksiPlugin pilihanCMS Ke...
Loka DwiartaraYogi WicaksonoHartono GunawanM. Tovan Satria PutraRisky IrawanIvan YudiantoBriliantSatya DanuHairul AzamiSya...
We Will Do It For You!Kami memiliki tim dengan jam terbang tinggi,yang telah menghabiskan ribuan jam bergelut dibidangnya....
1ScriptingServerMembuat Module Send Emailkartu ucapan dengan teknikjoomla 1.0Joomla adalah Cms (Content Management System)...
CREATE TABLE `jos_sendcard` (`id` int(11) NOT NULL auto_increment,`NameCard` varchar(150) default NULL,`image` varchar(200...
.ilmu Website |Magazinescripting$limit = (int) $params->get( jumlah );//mengambil parameter dari XML dengan name =Jumlah$k...
<td colspan="2">&nbsp;</td></tr></table></form>;}Penjelasan :$limit adalah variable yang akan kita define untukmenentukan ...
<td bgcolor="#EF9BF9" valign="top"><spanclass="style2">Berikut Gambar : </span></td><td>&nbsp;&nbsp;;$content.= $image;$co...
oke setelah semuanya terkumpul jangan lupa kita zipterlebih dahulu dan kita masuk ke administratorkemudian ke menu Extensi...
SearchEngineMarketing7.ilmu Website |MagazineE-learning community offline versionMarketingInternetSEO&Apa ituLibertyReserv...
ada tahun 2006 saja, para pengiklan Amerika Utara telah menghabiskan $9.4 Miliyar untuk biaya searchengine marketing, juml...
1. Search engine optimization (SEO)oba lihat kontent yang ada pada kotak merah, dalamhalaman hasil pencarian, posisi terse...
Meta Description - Pendukung Internet marketingMeta description adalah tag html yang ada diantara tag <head> </head>, bent...
Apa ituL i b e r t ypakah anda pernah bertranskasi online? Dalam hal iniLiberty reserve adalah e-currency yang tepat bagi ...
Proses pengisian dan Pencairan account Liberty ReserveUntuk melakukan aktifitas transaksi anda perlu melakukan pembelian $...
13.ilmu Website |MagazineE-learning community offline version15HTML dasarWebZeroForMengenalArray bagian 2alam artikel ini ...
pertama, ketikkantekan enter, kemudian ketikDalam container head, kita bisa mengetikan beberapasintak, tapi yang paling pe...
ArrayOPERASI-OPERASI PENGGUNAANPada edisi yang lalu telah dijelaskan mengenai dasar-dasar array. Menyambung pembahasan ter...
<?php$nama_hari = array( a => senin, b=> selasa, c => rabu, d =>kamis, e => jumat, f  =>sabtu, g => minggu);$value_array =...
17Mengenal Module, ComponentPada Joomla& Keuntungan Membuat Sendiri ModulePada JoomlaS y s t e mContentManagement21 Joomla...
oomla memiliki banyak component dan module.Component adalah sebuah tools, apa yang kita inginJbuat untuk membangun sebuah ...
Loh kok tidak ada yang terinstall ?? bukan tidak ada yang terinstallmelainkan module tersebut belum ditampilkan pada websi...
Baiklah sekarang kita telah mempunyai satu component dan satumodule pendukung, sekarang bagaimana jika inginmenampilkannya...
berbagai CMS kesayangan anda75Kelengkapan fitur dari sebuah website sangat dibutuhkan oleh para pengunjung dalam memudahka...
Dengan DOCman kita memiliki pengaturan untuk melakukansharing file kepada siapapun. Dalam joomla biasanya nama filecompone...
Untuk plugin dapat dilakukan hal yang sama seperti pada moduledengan masuk ke menu plugin manager.Extensions Joomla! Pilih...
DOCmanuat yang ingin membuat website yang dilengkapi denganfile sharing seperti download file untuk dibagikan kepadaBpengu...
Ajax Shoutboxagi anda yang senang memberikan komentar padashoutbox untuk lebih mengakrabkan diri denganBpengunjung lainnya...
VirtuemartIngin membuat website e-commerce dengan menggunakanJoomla? Virtuemart bisa menjadi component yang tepat untukmem...
Allvideo pluginsPlugin yang satu ini digunakan agar kita mudah untuk meng-embed / menanamkan video dari situs lain seperti...
JambookComponent ini untuk memunculkan fasilitas bukutamu(guestbook), memiliki fitur anti spam dan dapat dikostumisasi.Ver...
Jsecure AuthenticationBerfungsi untuk memproteksi halaman administrator dariserangan hacker, karena mudahnya untuk masuk k...
JA purityBerfungsi untuk membuat menu yang interaktif, memilikisubmenu (pull down) saat mouseover / berada diatas menuters...
Drupal ModuleFitur-fitur untuk menambah fungsionalitas website tersebutdalam CMS Drupal disebut sebagai Module. Pada defau...
Module Drupal PilihanBerikut ini beberapa module Drupal v.6.x pilihan sebagaireferensi bagi anda yang sedang mencari-cari ...
CAPTCHAlelah untuk menghapus komentar-komentar sampah yang masukke situs kita? install saja modul CAPTCHA ini, modul CAPTC...
CounterSebaiknya kita tahu siapa dan berapa banyak pengunjung websitekita, module ini digunakan untuk menampilkan penghitu...
ContemplateMengedit template drupal dapat dilakukan dengan mudah.Dengan Contemplate (alias content template) kita dapatmem...
ShoutboxModul untuk membuat block (tampilan pada sidebar) dimanapengunjung dapat dengan cepat mengirim shoutbox / pesansin...
WordpressPluginsungkin kita lebih mengenal wordpress sebagai layananblog yang ada di internet. Ternyata bukan hanya itu,MW...
Google Sitemap GeneratorPlugin ini termasuk plugin sitemap untuk wordpress anda. Sesuaidengan namanya sitemap atau peta si...
Better tag cloud widgetUntuk para pengguna wordpress, tentunya mengenal apa itutag cloud. Yaitu plugin yang menampilkan ta...
Paginated CommentsBila anda memiliki sebuah blog berbasis wordpress yang isinyabagus dan sangat bermanfaat. Tentunya akan ...
AkismetAkismet adalah plugin default bawaan wordpress. Plugin iniberguna untuk memfilter berbagai macam komentar yangdiang...
Google Sitemapsagi para webmaster, istilah sitemaps mungkin sudah akrabditelinga. Sitemap adalah gambaran peta suatu situs...
AJAX category dropdownBila pada situs anda memiliki banyak kategori, maka plugin inimenghasilkan multi-level kategori untu...
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Ilmu Website Magazine Edisi 2
Upcoming SlideShare
Loading in …5
×

Ilmu Website Magazine Edisi 2

3,031
-1

Published on

Ilmu Website Magazine Edisi 2

Published in: Education, Technology

Ilmu Website Magazine Edisi 2

  1. 1. ilmuwebsitemagzMajalah wajib para web developer,web designer, graphic designer danphotographer5KoleksiPlugin pilihanCMS Kesayanganmembahas secara tuntas koleksi plugin untukwordpress, joomla, dan cms lain PHP basedMembuat ModuleSendmail KartuUcapan di JoomlaServer ScriptingMembuat formlogin unikMengakrabkan diridengan mode ManualPhotographyGraphic DesignCyberBussinessSchoolIT Training,Specialized forWebsite Programming,Graphic Design,Photography, Flash& 3D Animation[cbs]photoLebih dalam denganmode Manualwww.cbs-bogor.netSponsored by :Kaffah GemilangIntegratedBussinessCommunicationWebsite DevelopmentWeb Based SoftwareSEO & Internet MarketingGraphic Design IllustrationOur Servicewww.ibckaffah.comservice.ilmuwebsite.comEdisi Desember 2011
  2. 2. Loka DwiartaraYogi WicaksonoHartono GunawanM. Tovan Satria PutraRisky IrawanIvan YudiantoBriliantSatya DanuHairul AzamiSyahril RohmanIskandar SoesmanRisky Irawaninfo@ilmuwebsite.comJl KH Sholeh Iskandar KM. 2Tanah Sareal, Bogor, 16164Jawa Barat, Indonesia0251 7111 903Pimpinan RedaksiDesain & Tata LetakKontributorMarketing & PeriklananProductionKontakwww.ilmuwebsite.comwww.informasibogor.comwww.cbs-bogor.netGilang A. RamadhanAnggie JatrasmaraPT. Kaffah GemilangGedung STIO Lantai 3RedaksiKami DilahirkanKembaliukup sudah tidur lelapnya. Tidur yang lelap ini bukanberarti menjadikan kami terus tidur untuk selamanya,Cwalaupun kami terbuai pada akhirnya, namun tidurkami ini digunakan sebagai ajang persiapan agar kami tetapterjaga selama mungkin. Hingga mungkin kami tuakarenanya, dan terlahir kembali generasi setelah kami.Terdengar seperti alibi, tapi begitulah adanya.Setelah sekian lama hilang dari peredaran, kami kembalimenghadirkan ilmuwebsite magazine, majalah wajib paraweb developer, web designer, graphic designer danphotographer. Fokus di majalah ini masih kepada empatpokok bahasan tersebut.Dalam edisi kali ini kami membahas secara tuntas topikpembicaraan yang kini semakin marak digunakan olehbanyak orang. Content Management System (CMS). Mulaidari hanya membuat company profile, blog, website news,hingga toko online. Di sini kami akan membimbing Anda yangbaru menginjak dunia web menuju puncak yang Andainginkan.Kata kuncinya adalah plugin. Namun tidak semua plugin yangakan kami hadirkan melainkan hanya segelintir plugin pilihanyang kami sediakan untuk Anda.Akhir kata kami ucapkan selamat menjelajahi majalahilmuwebsite, persembahan kami, untuk anda, pembaca setia,dan pengunjung ilmuwebsite elearning community.Salam.Loka DwiartaraDaftar IsiMengakrabkandiri denganModeManual70Membuat Module Sendmail KartuUcapan dengan Teknik Joomla1Awal Mula Search Engine Marketing 711Apa itu Liberty ReserveHTML Untuk Pemula 13Mengenal Array Bag. 2 1517Mengenal Module, Component, pada joomla& Keuntungan membuat sendiri modulepada joomla61Membuatpreloadersederhana& unik505256Kerentanan Validasi input pada PHP &penanggulangannyaTeknik membuat buku tamuyang aman dari serangan attackerMembuat form login unik dengan Photoshop61Membuat preloader sederhana & unik64Membuat website flash sederhana Part 169 Overviewwebsite flash& animasi flash74Semua bisa membuat game RPGdengan RPG Game Maker73 Referensi Mode Manual Kamera DSLRKunci Mati sistem operasi dengan USB System 7476 Explorasi Ancaman JPEG of Death78 Konfigurasi & Pemanfaatan VPNdalam “Bisnis Online”81 Addons Firefox Sangat Membantu Anda84 Menyimpan data secara onlinedengan mudah85 Membuat fitur chat dengan shoutzmix86 Membuat tombol icon dengan CSS90 Membuat Sendiri Template Wordpress93 Klinik Bisnis
  3. 3. We Will Do It For You!Kami memiliki tim dengan jam terbang tinggi,yang telah menghabiskan ribuan jam bergelut dibidangnya.Tim kami mampu merelealisasiskan konsep Andamenjadi teknologi marketingyang mampu menjadikan mesin uang untuk Anda dengan cepat.Is About Getting Money & Increasing Your BrandInternet adalah cara tercepat memasarkan produk Anda,meningkatkan Brand perusahaan Anda.Dan menghasilkan sistem marketing yang mampu menjual produk & jasa Anda terjual cepat melesat.“Kami Ahlinya!”Web DeveloperInformation Systemwe Help You your Marketing PowerMAXIMIZEIntegrated Business CommunicationPT. KAFFAH GEMILANGInternet MarketingWork Shop : Jl. KH Sholeh Iskandar Km.2 Bogor 16164Telp : 0251 - 7111 903 Fax : 0251 - 8390612Head Office : CEO Sweet - Pacific Place 15th Floor Jl Jendral Sudirman,Kav 52 - 53 Jakarta 1219http://service.ilmuwebsite.comhttp://ibc.kaffah.com
  4. 4. 1ScriptingServerMembuat Module Send Emailkartu ucapan dengan teknikjoomla 1.0Joomla adalah Cms (Content Management System) yang gratis atau free, bisa di sebut juga open souceartinya joomla bukan Hanya gratis tetapi kita juga dapat mengedit code nya sesuai kebutuhan kita dalammembuat website.oomla mempunyai banyak sekali Componentdan module dan itu juga gratis, pada artikel kaliJini kita akan mencoba membuat module dengantekhnik joomla 1.0, walau telihat seperti sudahketinggalan melihat Joomla sekarang sudahmencapai versi 1.5.9 tetapi tidak ada salahnya kitauntuk membuatNya atau mempelajarinyaAkan tetapi perlu di ketahui kita hanya belajarmembuat module saja, jadinya kita harus menginsertsecara manual serta memasukan image yang akankita upload manual juga karena kita belum membuatcomponentnya dilain kesempatan kita akan cobamembuat componentnya :D.Oke sekarang kita akan mencoba membuatnya.Siapkan editor bisa juga menggunakan notepad ataujuga dreamweaver atau editor-editor kesukaan,selanjutnya buat sebuah folder dengan namamod_postcard yang didalamnya kita akan isi code-code PHP, kita membuat aturan si user harus loginterlebih dahulu sebelum mengirim sebuah kartuucapan ke email yang di tuju.Oke selanjutnya kita siapkan schema databaseterlebih dahulu berikut schema databasenya :Kartu ucapanMembuatModule Send Emaildengan tekhnikJoomla 1.0
  5. 5. CREATE TABLE `jos_sendcard` (`id` int(11) NOT NULL auto_increment,`NameCard` varchar(150) default NULL,`image` varchar(200) default NULL,`publish` int(11) default NULL,`Word` text,PRIMARY KEY (`id`)) ENGINE=MyISAM AUTO_INCREMENT=16 DEFAULTCHARSET=utf8;kemudian execute perintah sql tersebut pada database Joomlaanda, karena kita akan membuatnya di Joomla bukan :), okeuntuk selanjutnya buat sebuah folder kartu terlebih dahulu diFolder Images berlokasi root dari folder Joomla anda misalnyaanda menaruh folder Joomla didan dibawah folder imagesitu anda buat sebuah folder bernama kartu dan isi kan 10Jumlah macam Image kartu dengan nama kartu1.jpeg hinggakartu10.jpeg dan akan kita coba tampilkan di halaman websiteanda.Sebagai contoh menginsert data dengan perintah sebagaiberikut:C:/Xampp/htdocs/Joomla/imagesingat selalu extensionnya misal anda mempunyai extension .jpgatau .jpeg itu berbeda dengan itu kita harus perhatikan lagi.;insert into`jos_sendcard`(`id`,`NameCard`,`image`,`publish`,`Word`) values (1,Selamat IedulFitru,kartu1.jpeg,1,Selamat hari raya IedulFitri),(2,met Lebaran,kartu2.jpeg,1,MetLebaran yah kawaan),(3,Met iedulFitri,kartu3.jpeg,1,Selamat hari raya IedulFitri Mohon maaf yaaah); mod_postcard.php<?phpdefined( _JEXEC ) or die( Restricted access);$send=$_POST[Send];$db =& JFactory::getDBO();//Ketika Tombol Submit Di Clickif(isset($send)){$user=& JFactory::getUser();if ($user->id > 0 ){Sendimage();Confirm();}else{notLogin();}}kita taruh code tersebut di paling atas pada kata-karadefine(J_EXEC) yang artinya kode tersebut tidak bisa di akseslangsung menuju folder tersebut jika alamat URL langsungmengakses folder module tersebut akan keluar di browserkata-kata “Restricted access”selanjutnya kita buat sebuah variable $send diisi denganmethode POST, kemudian $db=& Jfactory::getDBO(); artinyakita akan mengambil sebuah data dari database . Selanjutnyatulis dibawah code diatas :kita akan membuat code percabangan Jika tombol submit diclick dia akan mengambil user dengan kode $user =&Jfactory::getUser(); kemudian dia mengeceknya.Jika $user > 0 itu artinya jika user dalam keadaan Login makaakan menjalankan Function Sendimage() yang akan kita buatselanjutnya dan menjalan function Confirm() yang juga akankita buat selanjutnyadan jika user tidak dalam keadaan login maka kita akanmenjalankan function notlogin() juga kita akan buatselanjutnya,oke selanjutnya kita akan menampilkan image dan serta kata-kata yang akan di tampilkan pada website anda tulis code.ilmu Website |MagazineE-learning community offline version2
  6. 6. .ilmu Website |Magazinescripting$limit = (int) $params->get( jumlah );//mengambil parameter dari XML dengan name =Jumlah$kolomnya = (int) $params->get(kolom);//mengambilparameter dari XML dengan name = kolomfunction ShowImage($limit,$kolomnya){$db =& JFactory::getDBO();$query = SELECT * FROM #__sendcard WHERE publish=1order by rand() limit .$limit;$db->setQuery($query);$result = $db->loadObjectList();$kolom=$kolomnya;echo <form id="adminForm" name="adminForm"method="post" action="" ><table width="100%" border="0"cellpadding="0" cellspacing="0" align="center"><tr><td colspan="2" align="center"style="color:#654545"><b>Pilih Kartu Ucapan Yang Anda Sukadan kirim ke email sahabat, keluarga atau rekanan anda. </b></td></tr>;$i=0;foreach($result as $results){if($i>=$kolom){echo </tr><tr>;$i=0;}$i++;e c h o < t d a l i g n = " c e n t e r " > < i m gsrc="images/kartu/.$results->image." alt=".$results->NameCard." title =".$results->NameCard." height="50"width="50"><br>;echo "<input type=radio name=namecardvalue=$results->id><font color=#654545>".$results->NameCard."</font><br><br>";echo </td>;}echo</tr><tr>< t d c o l s p a n = " 2 "align="right"></td></tr><tr><td colspan="2" align="center"s t y l e " c o l o r : # 6 5 4 5 4 5 " > < b r > E m a i l A d d r e s s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td></tr><tr><td colspan="2" align="center"><label><input type="text" name="email"id="email" /><input type="submit" name="Send"value="Send" /></td></tr><tr>Gambar: alur kerja PHP.ilmu Website |MagazineE-learning community offline version3Gambar: icon PHP dan MySQL
  7. 7. <td colspan="2">&nbsp;</td></tr></table></form>;}Penjelasan :$limit adalah variable yang akan kita define untukmenentukan berapa banyak image yang akan di query,dan mengambil dari variable jumlah, yang terdapatpada file .xml yang akan kita buat selanjutnya,Begitu juga dengan $kolomnya adalah variable yangakan kita define untuk menentukan berapa banyakkolom yang akan kita buat,dan mengambil darivariable kolom yang terdapat pada file .xml yang akankita buat selanjutnya juga.Oke kemudian jalankan fungtion tersebut dengan caramemanggilnya tuliskan di bawah function tersebut:ShowImage($limit,$kolomnya);oke selanjutnya kita buat function sendimage :function Sendimage(){$user=& Jfactory::getUser();//mengambil Useryang sedang ONLINE$db =& Jfactory::getDBO();//mengambildatabase$valimage=$_POST[namecard];//mengambildari$query = "SELECT * FROM #__sendcard WHEREid=$valimage";$db->setQuery($query);$result = $db->loadObject();//Ngambil Image/*Host bisa diganti menurut anda hosting karena kitatidak mengatachment imagenya melainkan hanyamengirimnya saja dengan format HTML*/$image=<imgsrc="http://localhost/joomlaku/images/kartu/.$result->image.">;//Header$header .= "MIME-Version: 1.0 n";$header .= "Content-type: text/html;charset=iso-8859-1 n";$header .= "from:$user->namernCc:$mail_ccrnBcc:$mail_bcc";//Email Tujuan$email=$_POST[email];//Judul$judul="Anda Mendapatkan Email Berupa KartuLebaran";//content$content=<table width="425" border="1"cellpadding="0" cellspacing="0"><tr><td colspan="2"bgcolor="#EF9BF9"><div align="center"><spanclass="style1">Selamat Anda Mendapatkan Kartu ucapanDari <b>.$user->name.</b> </span></div></td></tr><tr><td width="195" bgcolor="#EF9BF9"><spanclass="style2">Email Pengirim : </span></td><td width="321">&nbsp;&nbsp;;$content.= $user->email; //Email user yangterdaftar dalam Database Joomla$content.=</td></tr><tr><td bgcolor="#EF9BF9" valign="top"><spanclass="style2">Berikut Gambar : </span></td><td>&nbsp;&nbsp;;$content.= $image;$content.=</td></tr><tr>.ilmu Website |MagazineE-learning community offline version4
  8. 8. <td bgcolor="#EF9BF9" valign="top"><spanclass="style2">Berikut Gambar : </span></td><td>&nbsp;&nbsp;;$content.= $image;$content.=</td></tr><tr><td bgcolor="#EF9BF9" valign="top"><spanclass="style2">Berikut Ucapan dari Pengirim</span></td><td>&nbsp;&nbsp;;$content.= $result->Word; //mengambilkata-kata dari database$content.=</td></tr></table>;//mail($email,$judul,$content,$header);}selanjutnya kita buat sebuah funtion Confirm:echo $scrip;}}oke funtion Confirm akan tampil ketika user mengirimsebuah Image dan itu berhasil:selanjutnya kita buat function notlogin:function notLogin(){echo "<h2>You Must Login First</h2>";}nantinya pesan ini akan muncul jika kita tidak dalamKeadaan Loginselanjutnya jangan lupa buat file xmlnya kita beri namasama dengan nama modulnya yaitu : mod_postcard.xmlberikut isinya:function Confirm(){$scrip=<script language="JavaScript">alert(".JText::_( Your CardHas been Send).");</script>;<?xml version="1.0" encoding="utf-8"?><install type="module" version="1.5.0"><name>Post Card</name><author>Roll Project</author><creationDate>Sep 2008</creationDate><copyright>Copyright (C) Ariel</copyright><license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license><authorEmail>rohman17@yahoo.com</authorEmail><authorUrl>www.joomla.org</authorUrl><version>0.1</version><description>DESCSTATISTICS</description><files><filenamemodule="mod_postcard">mod_postcard.php</filename><filename>index.html</filename></files><params><param name="moduleclass_sfx"type="text" default="" label="Module Class Suffix"description="PARAMMODULECLASSSUFFIX" /><param name="jumlah" type="text"default="" label="Jumlah Image yang ditampilkan"description="Jumlah Image yang akan Di tampilkanpada halaman depat website anda"></param><param name="kolom" type="text"default="" label="Jumlah Kolom" description="JumlahKolom"></param></params><params group="advanced"></params></install></params><params group="advanced"></params></install>.ilmu Website |MagazineE-learning community offline version5
  9. 9. oke setelah semuanya terkumpul jangan lupa kita zipterlebih dahulu dan kita masuk ke administratorkemudian ke menu Extensions-Install/Uninstall dan cobakita install module yang telah kita buat,Oke berhasil :D, selanjutnya tampilkan deh moduletersebut:dari menu module manager dan ternyata suda adatetapi belum di enable/ di tampilkan sekarang kitatampilkan dengan cara kita masuk ke menu tersebut,oke isikan untuk jumlah image yang di tampilkan dengan8 dan dengan kolom 2 . selanjutnya kita enable terlebihdahulu :D,dan taruh position di left, dan coba sekaranganda lihat website anda akan ada sebuah module,sekarang anda isikan alamat email anda jika anda Onlineatau terhubung dengan internet maka akan terkirim keemail anda,pada artikel selanjutnya saya akan memberisedikit pengetahuan agar kita dapat menerima emailpada mode offline alias kita tidak terhubung denganinternet. Sekian dahulu dari saya semogabermanfaat.[Syahril rohman]gambar Typography mySQL.ilmu Website |MagazineE-learning community offline version6Gambar: ikon PHP
  10. 10. SearchEngineMarketing7.ilmu Website |MagazineE-learning community offline versionMarketingInternetSEO&Apa ituLibertyReserve?11aat ini jumlah website bertambah banyak dari tahun ke tahun mulai dari website pribadi, blog, website komunitas hingga website yang digunakan untukpemasaran produk, semuanya bertambah banyak, keberadaan search engine di dunia internet sangat bermanfaat untk membantu kita menemukanSinformasi yang kita butuhkan dengan cepat,saat itulah muncul pemikiran bagaimana memanfaatkan search engine sebagai alat bisnis untuk mempromosikan website. Nah hal ini lah yang mendorongmanusia untuk mempelajari bagaimana teknik search engine marketing itu sendiri.SearchEngineM a r k e t i n g
  11. 11. ada tahun 2006 saja, para pengiklan Amerika Utara telah menghabiskan $9.4 Miliyar untuk biaya searchengine marketing, jumlah ini meningkat 62% dari tahun sebelumnya. Hal ini mengindikasikan bahwa duniaPbisnis internet marketing terus meningkat.Saat ini terdapat banyak sekali bertebaran search engine di dunia internet, beberapa diantaranya termasuk dalam“The Big Theree” adalah Google, Yahoo, MSN.Sedangkan yang lainya hanyalah search engine kecil yang databasenya ada yang mempunyai sendiri seperti, , , dan ada juga yang databasenya share atau mengambil dari The Big Three,seperti seperti , .Pada prakteknya perusahaan search engine masing-masing memiliki sistem advertising sendiri-sendiri, sepertiGoogle dengan Google Adwords dan Google adsense nya yang menghasilkan pendapatan ($16.4 miliyar pada tahun2007),di samping google terdapat Yahoo dengan sistem Yahoo Search Marketing dan YPN nya, dan MSN dengan MicrosoftAdCenter nya.altavista.com dogpile.com ask.comhotbot.com aol.comearch engine marketing (SEM), adalah salah satu bentukdari Internet marketing yang dalam promosinyaSmenggunakan Search Engine sebagai alat utamanya.Metode dari search engine marketing sendiri terbagi menjadi 2:1. Search engine optimization (SEO)2. Paid placementPekerjaan utama dalam search engine marketing adalah kitaharus mampu menempatkan website kita pada posisi teratasdalam halaman hasil pencarian atau yang biasanya disebut jugadengan Search Engine Result Page (SERPs), posisi teratas tersebutdapat kita capai dengan gratis atau berbayar.Mari kita deskripsikan lebih lanjut mengenai metode-metodediatas:Gambar: Typographi 3 dimensi SEOGambar: ilustrasi SEO marketing channel.ilmu Website |MagazineE-learning community offline version8
  12. 12. 1. Search engine optimization (SEO)oba lihat kontent yang ada pada kotak merah, dalamhalaman hasil pencarian, posisi tersebut adalah posisiCyang paling potensial, ada pada bagian sebelah kiri, tepatpada posisi yang pertama di lihat oleh orang yg melakukanpencarian, tentu saja hal ini akan mendapatkan kemungkinanterbesar untuk mendapatkan klik, maka dari itu perebutan padaposisi tersebut sangatlah tinggi.Sebaiknya kita memantau secara berkala posisi website kita padasearch engine, karena posisi ranking pada search engine tidaklahpasti, bisa saja hari ini kita ranking #1, tapi bisa drop di ranking #8pada keesokan harinya. Posisi naik turun ranking kita pada searchengine itu di tentukan oleh beberapa faktor SEO.Salah satu faktor SEO yang mempengaruhi posisi ranking di searchengine adalah faktor link, link bagi website kita sangatlah penting,seperti voting pemilu pemilihan presiden, jika jumlah orang yangmemilih kita untuk menjadi presiden itu jumlahnya banyak,maka jelas kita akan menjadi seorang presiden karena hasil pemiluyang sah. Hal ini sama dengan faktor SEO yang kita sebutkan tadiyaitu “Link”, jika jumlah website yang melink website kita jumlahnya banyak, maka Search Engine akan menentukan siapa yanglayak dan berhak menempati posisi ranking 1.Dengan metode ini kita dapat menempatkan website kita padaposisi teratas dalam search engine dengan tanpa biaya alis gratis,namun hal ini tidak dapat di capai dengan sekejap dan semudahyang kita harapkan, kita harus memahami teknik SEO itu sendiri.Nah setelah kita memahami teknik SEO maka yang harus kitalakukan adalah mengimplementasikan dengan seksama, hindarilahhal-hal yang dilarang dan tetap bersabar.2. Paid placement / Pay per ClickPaid placement atau/ Pay per Click yang posisinya ada di sebelahkanan ini di golongkan dalam metode search engine marketingkarena dalam prakteknya kita dapat memasang iklan padahalaman pertama hasil pencarian atau SERP dengan mudah dantanpa teknik SEO, sistem penampilan iklan nya punmenggunakan relevansi keyword, jadi jika yang di tampilkan olehSERP adalah keyword hosting maka yang akan di tampilkanadalah iklan mengenai Per-Hostingan.Paid placement / Pay per Click selain menawarkan penempatandi halaman pertama SERP juga di implementasikan pada jaringanperiklanan pada masing masing Search Engine, seperti Googledengan Google adsense Text Ads, dsb.Nah dengan kedua metode di atas kita sudah dapat mencapaifaktor search engine marketing, memang kita harus fokus untukmenempatkan website kita pada halaman pertama hasilpencarian dengan keyword yang kita bidik, karena kita tidakmembutuhkan traffict besar yang tidak berkualitas (atau di sebutjuga traffict sampah), melainkan kita hanya membutuhkantraffict secukupnya tapi berkualitas, syukur syukur jika kita bisamendapatkan traffict besar dan berkualitas, pasti angkapenjualan akan meningkat dan kita akibatnya akan menjadi kaya,become a rich man ... :D.Untuk mencapai posisi ranking 1 pada search engine terdapatdua pilihan, jika anda termasuk dalam kategori berkantong tipisdan ingin selalu ingin menggunakan gratis sebaiknya kitamempelajari dan menggunakan metode yang pertama yaituteknik SEO yang mana cara ini tentunya tidak mudah dan butuhperjuangan ekstra.Tapi teknik SEO ini mempunyai masa depan yang lebih baik, tapijika kita berkantong tebal, tidak ingin berlama lama untukmempelajari dan menerapkan teknik SEO, silahkan ikut programPaid placement / Pay per Click..ilmu Website |MagazineE-learning community offline version9
  13. 13. Meta Description - Pendukung Internet marketingMeta description adalah tag html yang ada diantara tag <head> </head>, bentuk tag nya sendiriseperti ini: <meta name="description" content="">, fungsinya sangat amat berhubungandengan search engine, kita dapat menempatkan teks atau kalimat yang kita kehendaki padahasil pencarian search engine.Contoh:Saya meletakkan tag meta description berikut pada salah satu halaman website ilmuwebsitedengan alamat<meta name="description" content="Memberikan informasi tentang Hosting Gratis yang adadi internet secara lengkap.">Dan lihat hasilnya setelah ter-index oleh google:http://www.ilmuwebsite.com/hosting_service/Terlihat sekali kan bahwa ada sesuatu yang berharga dan bisa kita manfaatkan agar dapatmenarik pengunjung dan mendapatkan klik dari para pencari informasi. Sebaiknya pada tagdescription ini kita letakkan kalimat-kalimat yang singkat namun penuh arti dari halamanwebsite yang kita maksudkan.Perlu diketahui beberapa orang percaya bahwa penempatan keyword pada tag meta descriptiondapat meningkatkan posisi ranking website kita, hal itu salah karena meta description hanyalahsebagai deskripsi akan content sebuah halaman website yang di tampilkan oleh search engine.Kesimpulan dari search engine marketing adalah kita harus bisa menempatkan website kita palingtidak pada halaman pertama hasil pencarian search engine, dan kita harus bisa mendapatkan traffictyang berkualitas, bukan jumlah nya tapi kualitasnya. Pelajari teknik SEO, karena sebagus apapunbentuk paid palcement, organik SEO adalah yang terbaik[anggi].ilmu Website |MagazineE-learning community offline version10
  14. 14. Apa ituL i b e r t ypakah anda pernah bertranskasi online? Dalam hal iniLiberty reserve adalah e-currency yang tepat bagi andauntuk berbisnis di dunia maya. Liberty ReserveAmerupakan salah satu e-currency yang 100% dibackupoleh U.S. dollars dan Emas (untuk Account LR-gold). Dalammelakukan transakasi, Liberty Reserve berperan sebagai suatumetode pembayaran dalam bentuk rekening/account yangberoperasi secara online, Sehingga anda dapat menggunakanLiberty Reserve sebagai pengganti media pembayaran onlineyang dalam bentuk tunai (uang). Liberty Reserve adalah LEGAL,Kantor Pusat LibertyReserve berkedudukan di CostaRica danwebsite(Pemilik/Pengelola) resminya dapat dilihat diwww.libertyreserve.comBerikut cara memulai membuka account sampai denganbertransaksi dengan LRProses pembukaan Rekening Liberty Reserve :1. Langkah awal yang perlu dilakukan adalah kunjungi website LR padaalamat masuk dan register ke website LibertyReserve. Setelah itu Silahkan klik menu "Create Account" di menu atastengah untuk melakukan registrasi Liberty Reserve.2. Akan muncul Step E-mail Verification : Pada Step 1 masukkan emailanda (gunakan hanya dengan email yg aktif), setelah klik Submit laluanda akan menerima kode aktivasi via email yang nantinya akan andamasukkan ke kolom di Step 2.3. Lakukan pengecekan email anda untuk mendapatkan kode aktivasiAccount Liberty Reserve, lalu masukkan ke kolom aktivasi pada Step 2lalu klik "Next"4. Isi data-data Account Name, Password, Login PIN, Security Question(Masukkan pertanyaan yang akan mengingatkan anda jika nantinyaanda lupa password), Answer (Isikan dengan jawaban dari pertanyaankolom Security Question sebelumnya),5. Isilah First Name, Last Name, Company Name, Address, dll (isilahdengan data yang jelas dan benar)Lalu Klik Agree=>6. Setelah itu anda akan diberikan Nomer Account Liberty, Master Key/ Security PIN 3 digit, dan detail informasi account anda (hal ini sangatpenting untuk di save, gunakan tombol print screen untuk melakukancapture pada keterangan acc anda, lalu paste pada program pengolahgambar pilihan anda untuk melakukan backup)Cara Mengakses Rekening Liberty Reserve :Klik http://www.libertyreserve.com untuk Login.Klik menu Account Login yang berada diatasStep 1 : Masukkan Nomor account anda, Login PIN, dan nomercaptcha yang berada pada kotak baguan bawah, kemudian Klik Nextwww.libertyreserve.comStep 2 : Masukkan Password, untuk alasan keamanan bilaanda bertransaksi di Warung internet atau tempat rental,gunakan keyboard virtual dan centang I confirm that mycustomwelcomemessageiscorrect.LaluklikLoginBila data yang anda masukkan telah benar, selanjutnya andaakan dibawa pada halaman Liberty Reserve account anda,menuyangdisediakanadalah:-Account :untuk melihat saldo danaanda.-Profile : untuk merubah profile andad a n s e t t i n g a c c o u n tanda-History : u n t u k m e l i h a t r i n c i a ntransaksi.-Transfer : u n t u k m e n t r a n s f e r kerekening Liberty Reserveoranglain.-MyWallet : untuk membuat dompet virtualyang jumlah isinya dapat andab ata s i . Wa l l et i n i a ka nm e m p e r m u d a h d a nmempercepat anda transfer kerekening Liberty Reserve oranglain, namun hal ini memilikitingkat keamanan lebih rendahdaripadaloginsecaranormal.-MerchantTools : b e r g u n a u n t u k p a r awebmaster dalam membuatform transfer secara otomatis,tokoonline,dll-Messages : untuk mengirim pesansesama pengguna LibertyReserveReserve??Gambar: Liberty reserve.ilmu Website |MagazineE-learning community offline version11
  15. 15. Proses pengisian dan Pencairan account Liberty ReserveUntuk melakukan aktifitas transaksi anda perlu melakukan pembelian $ LR. Dalam istilahLiberty Reserve dinamakan dengan proses jual beli Liberty Reserve. Di Indonesia ini banyakmerchant jual beli E-Currency Liberty Reserve yang baik, diantaranya adalahWarungdollar.com, IndoChanger.com, Fastchanger.com dll. Masing-masing marchantmempunyai tata cara untuk proses jual beli Liberty Reserve tersebut.Harga jual dan beli juga sangat bersaing, anda bisa membandingkan hal itu dengan melihatpenawaran yang diberikan masing-masing changer. Pada umumnya mereka menggunakanonline banking sebagai sarana transaksi dan rata-rata proses tersebut hanya memakan waktubeberapa jam sampai 1 hari saja.Sebagai contoh, Anda membeli Liberty Reserve hari ini, maka setelah proses selesai, andaakan mendapatkan acc LR anda terisi dengan sejumlah $ yang anda beli padachanger[Brilianth].ilmu Website |MagazineE-learning community offline version12$
  16. 16. 13.ilmu Website |MagazineE-learning community offline version15HTML dasarWebZeroForMengenalArray bagian 2alam artikel ini penulis akan menjelaskanbagaimana website itu di bangunDmenggunakan tag-tag HTML, artikel inipenulis sediakan untuk Anda yang pemula dalamdunia web design + developmentTapi sebelumnya, ada yang perlu Anda ketahui :tag <> digunakan untuk menuliskan sintak, ada duajenis, yaitu tag container dan tag biasa.Tag container adalah tag berisi text yang akanditampilkan setelah tag ditutup.Contoh: <td> text yang ditampilkan </td>.Tag biasa, tag yang tidak berisi apa-apa, dan hanyatag saja, memiliki fungsi spesifik.Contoh : <BR> (break). <br> tidak perlu ditutupoleh tag </br>,Namun jika sintak yang digunakan tag container,contoh: <h1>, diharuskan untuk ditutup dengan</h1>.Tag yang digunakan untuk mengakhiri sintak punyakarakter / (slash) sebelum sintaknya,contohnya: <td> </td>Kita juga dapat mengetik attribut di dalam sebuahtag,contoh: <body bgcolor=”red”> </body>. atau<input type=”text”>.DasarDasar
  17. 17. pertama, ketikkantekan enter, kemudian ketikDalam container head, kita bisa mengetikan beberapasintak, tapi yang paling penting jangan lupa mengetikansintakKemudian ketikkan sintak title tadi, jadi seperti ini:Setelah itu ketikkan . Tag body merupakanbadan/tubuh/inti dari halaman web, tampilan web yang kitalihat berasal dariBody merupakan tag container, yang tentunya memerlukanpenutup Oke, berikut adalah yang telah kitaketikkan ke dalam notepad.<html><head><title> judul halaman web </title>.<head> <title> judul halaman web</title> </head><body><body>.</body>.<html><head><title> Judul Halaman Web </title></head><body></body>Oke untuk dapat membuat file html kita memerlukan sebuaheditor, dalam kasus ini penulis menggunakan notepad, danuntuk dapat melihat hasilnya, kita cukup menggunakanbrowser firefox saja. Setidaknya untuk membuat halamanwebsiteterdapat3langkahsederhana.LANGKAH1BukalahnotepadataueditortextkesayanganAndaLANGKAH2Ketikkan SyntaxnyaLANGKAH 3Lihat hasilnya menggunakan browser firefoxBerikut ini adalah syntax dasar yang membentuk suatuHTML..ilmu Website |MagazineE-learning community offline version14Selanjutnya bagaimana cara menampilkan tulisan ke dalamHTML??? Silahkan ketikkan sembarang text ke dalam tubuhbody.<body>Contoh text yang ditampilkan pada halaman web, OlehC.H.I.P sensei</body>jika semuanya sudah silahkan ketikkan </html> sebagaipenutup file html, berikut ini adlaha script lengkapnya :<html><head><title> Judul Halaman Web </title></head><body>Nah cara menyimpan ke dalam bentuk HTML yaitu ketikaakan menyimpan, ada satu tempat di bawah tempat kitamenulis nama file, yakni Save As Type. Silahkan ubah daritext document(*.txt) menjadi all files, ketika menulis nama,di akhir di berikan extensi .html, contoh: dasarHTML.html.Oke semua? Selamat mencoba. [C.H.I.P Sensei]Contoh text yang ditampilkan di halaman web, By: C.H.I.P.Sensei</body></html>Jika semua proses sudah di lakukan, simpanlah dengannama dasarHTML.htmlJika sudah di simpan, maka bukalah file tersebut denganmenggunakan browser kesayangan Anda, misalnya browserfirefox.Ada sedikit catatan, Anda mungkin akan bingung karenahtml yang telah disimpan ternyata gagal. Yang terbukamalahan file di notepad/wordpad. Mengapa? Ini terjadikarena ketika men-save, file tersebut di save ke dalambentuk TXT, bukan HTML.
  18. 18. ArrayOPERASI-OPERASI PENGGUNAANPada edisi yang lalu telah dijelaskan mengenai dasar-dasar array. Menyambung pembahasan tersebut, kali ini kita akan menggunakan data-data arraytersebut dalam sebuah operasi. Agar pembahasan menjadi lebih detil namun sederhana maka setiap bagian akan diuraikan berdasarkan nama fungsinya.Menghitung ukuran arrayntuk mendapatkan ukuran array kita bisa menggunakanfungsi sizeof(). Berikut ini adalah contoh penggunaanUfungsi ini:<?php$nama_hari = array(“senin”,“selasa”, “rabu”, “kamis”, “jumat”,“sabtu”, “minggu”);$ukuran_array = sizeof($nama_hari);echo Ukuran data array nama-namahari adalah .$ukuran_array;?>Jika script di atas dieksekus di dalam browser maka akanmenampilkan output:Ukuran data array nama-nama hari adalah 7Mendapatkan key arrayFungsi array_keys() bisa digunakan bila kita ingin mendapatkankey dari suatu data array. Berikut adalah contoh penggunaanya:Mengenal.ilmu Website |MagazineE-learning community offline version15DATA ARRAYBagian 2<?php$nama_hari = array( a => senin, b =>selasa, c => rabu, d => kamis, e=> jumat, f => sabtu, g => minggu);$key_array = array_keys($nama_hari);print_r ($key_array);?>Jika script di atas dieksekus di dalam browser maka akanmenampilkan output:Array ( [0] => a [1] => b [2] => c [3] => d [4] => e [5] => f [6]=> g )Mendapatkan value arrayFungsi array_values() bisa digunakan bila kita inginmendapatkan value dari suatu data array. Berikut adalahcontoh penggunaanya:
  19. 19. <?php$nama_hari = array( a => senin, b=> selasa, c => rabu, d =>kamis, e => jumat, f =>sabtu, g => minggu);$value_array = array_values($nama_hari);print_r ($value_array);?>Berikut adalah output di dalam browser:Array ( [0] => senin [1] => selasa [2] => rabu [3] => kamis [4]=> jumat [5] => sabtu [6] => minggu )Menggabungkan data array secara lengkapUntuk menggabungkan data array kita bisa menggunakanarray_merge(). Fungsi ini akan menggabungkan semua datayang terdapat di dalam array. Contohnya adalah:<?php$nama_warna = array(“merah”, “kuning”,“hijau”);$nama_hewan = array(“kucing”, “kerbau”,“harimau”);$merge =array_merge($nama_warna,$nama_hewan);print_r ($merge);?>Output dari script di atas adalah:Array ( [0] => merah [1] => kuning [2] => hijau [3] => kucing [4]=> kerbau [5] => harimau )Menggabungkan data array secara unikBagaimana kalau data array yang digabungkan terdapat nilaiyang sama dan kita hanya ingin memunculkan satu kali saja(unik)? Untuk bisa menamplikan data secara unik kita bisamenggunakan fungsi array_unique(). Berikut adalah contohnya:<?php$nama_1 = array(“merah”, “kuning”,“hijau”);$nama_2 = array(“ungu”, “merah”,“jingga”);$merge = array_unique (array_merge($nama_1,$nama_2) );print_r ($merge);?>Output dari script di atas adalah:Array ( [0] => merah [1] => kuning [2] => hijau [3] => ungu [4] =>jingga )Pada contoh di atas kita melihat bahwa nilai merah yangsebelumnya terdapat pada array nama_1 dan nama_2 setelah dimerge dan ditambahkan fungsi array_unique () kini ditampilkanhanya sekali saja.Modifikasi nilai arrayJika kita sudah memiliki suatu data array dan ingin memodifikasisalah satu nilainya, maka kita bisa menggunakan argumen arraytunggal seperti contoh berikut ini:<?php$nama_warna = array(“merah”, “kuning”,“hijau”);$nama_warna[2] = ungu;print_r($nama_warna);?>.ilmu Website |MagazineE-learning community offline version16Default Paragraph Font;Normal (Web);Hasil dari script di atasadalah:Array([0]=>merah[1]=>kuning[2]=>ungu)MenghapusnilaiarraySelain memodifikasi, kita juga bisa menghapus salah satu nilaiarray dari data yang sudah kita inisialisasi. Kita bisa menggunakankonstruksi unset() untuk melakukan hal ini. Berikut adalahcontohnya:<?php$nama_warna = array(“merah”,“kuning”, “hijau”);unset($nama_warna[2] );print_r($nama_warna);?>Hasil dari script di atas adalah:Array ( [0] => merah [1] => kuning )Demikian contoh-contoh sederhana dalam pengoperasian data-data array. Selamat mencoba![Iskandar Soesman]
  20. 20. 17Mengenal Module, ComponentPada Joomla& Keuntungan Membuat Sendiri ModulePada JoomlaS y s t e mContentManagement21 JoomlaExtension31 DRUPAL37 WordpressPlugin45 JawsGadgetMembuat SendiriJoomla adalah sebuah Content Management System (CMS) yang sangat populer dalam dunia Website, inidikarenakan joomlabukan hanya free tetapi juga bersifat Open Source artinya codenya dapat diedit dan dimodifikasi sesuaikebutuhan dan keinginanpadaKeuntungan&Module ComponentMengenal pada JoomlaJ O O M L A!oomla tidak hanya memilikifasilitas untuk entri content atauberita saja , namun belakangan iniJJoomla telah memiliki banyakcomponent dan module-moduledukungan untuk keperluan dalammembangun sebuah website dan lagi-lagi component serta module-moduletersebut free alias gratis juga Opensource, anda dapat mengunjungi homepage joomla http://www.joomla.orguntuk segera mendownloadnyalangsung. Dimanakah tempat yangmenyediakan component serta module-module joomla yang dapat didownloadsecara free ? Anda dapat mengeksplorasisubdomain joomla yaitu dihttp://www.extensions.joomla.org.Module
  21. 21. oomla memiliki banyak component dan module.Component adalah sebuah tools, apa yang kita inginJbuat untuk membangun sebuah website menjadi lebihspesifik, dan module adalah pendukung dari componentyang ada. Dengan kata lain module hanya dapatmenampilkan apa yang telah di buat atau di masukkanmelalui component yang telah terinstall pada website yangmenggunakan joomlaBanyak sekali component guna membangun website kitadiantaranya :ààComponent VirtueMart (component untuk tokoonline),àComponent RS gallery (component untukmenampilkan galery Ieage kita),àCompkjent seyret (menampilkan video layaknyayoutube)àComponent fireboard (component forum)àComponelt Ads Manager ( untuk sebuah Miniads).??dan banyak lagi component lainnya yang dapat kitagunakan untuk membangun website, anda tinggalmencarinya di http://www.extensions.joomla.org??secara default joomla telah mengincludekan beberapacomponent bawaan, anda dapat melihatnya dalam fasilitasback end atau di administrator.Taruh cursor anda di atas menu Component seperti gambarberikut :Yup, gambar diatas memperlihatkan component default yang telahterinstall secara otomatis tanpa perlu mencarinya danmenginstallnya kembali. Begitu juga dengan module bawaan, adabeberapa yang sudah di includekan. Anda dapat melihatnyamelalui menu Extension-Module Manager jika pada waktuinstalasi anda tidak menginstall sample data maka akan terlihatseperti di bawah ini.ilmu Website |MagazineE-learning community offline version18
  22. 22. Loh kok tidak ada yang terinstall ?? bukan tidak ada yang terinstallmelainkan module tersebut belum ditampilkan pada website kita,sehingga tidak ada module yang terlihat, untuk menambahkanModule kita bisa click NEW dan berikut merupakan module-module yang telah di install oleh Joomla tanpa harus menginstallulang module tersebut.Anda dapat memilih module yang ingin di tampilkan pada websitesesuai dengan keperluan.Baiklah, sekarang kita akan coba untuk menginstall componentdan module.Siapkan Component dan Module yang akan di install. Alangkahbaiknya jika Component dan Module tersebut saling synchronsehingga kita dapat menggunakannya dengan baik.Dalam uji coba kali ini kita akan coba untuk menginstallcomponent forum beserta Module-Module yang diperlukan,arahkan pointer kita ke menu Extensions | Install/Uninstallkemudian Click browse dan cari dimana tempat Componentberada.Biasanya component selalu dalam bentuk compresi atau file ZIP(.zip), kemudian Click Upload File /Install dan apa yang terjadi.Loh ko terlihat Error seperti ini ?System Legacy terletak pada Menu Extensions-Plugins Manager.Aktifkan system legacy dengan cara merubahnya dari (disable)menjadi Check(enable) kemudian kita lihat pada sudut atassebelah kanan terlihat legacy 1.0 telah muncul. Kemudian kitacoba lagi untuk menginstall componentnya yang tadi denganmenggunakan cara sebelumnya. Dan hasilnya adalah... berhasil.Anda sudah mempunyai component fireboard Forum. Anda dapatmelihatnya di Menu Component terdapat Sub menu ComponentForum dan kita dapat gunakan Forum tersebut dengan masuk kedalam Menunya untuk langsung melakukan konfigurasiselanjutnya.Oke untuk selanjutnya kita akan mencoba install modulependukung forum, kita siapkan dahulu modulenya yaitu :mod_fblatest_with_fireboard_avatarOke sekarang mari coba kita install module-module tersebut, yaitusama dengan menggunakan cara sebelumnya, pertama menuju keExtensions- Install/Uninstall kemudian cari di mana letak Moduletersebut berada. Jika penginstallan module pertama sukses akanterlihat seperti gambar berikut :Kenapa bisa terjadi error? Apakah Componentnya yang error ataubagaimana ? Error ini bukan berasal dari Component, ini hanyamasalah settingan saja, sebaiknya sebelum kita menginstallalangkah bagusnya untuk mengaktifkan System Legacy, hal inidigunakan agar komponen joomla yang berbeda versi dapatberintegrasi dengan baik. Dimana dan bagaimana caramengaktifkan System Legacy pada Joomla ? Oke ikuti selanjutnya...ilmu Website |MagazineE-learning community offline version19
  23. 23. Baiklah sekarang kita telah mempunyai satu component dan satumodule pendukung, sekarang bagaimana jika inginmenampilkannya dalam halaman depan website. Agar dapatmenampilkan Forum dan module pendukung forum, ikuti langkahselanjutnya.Pertama masuk ke menu component fireboard forum,Components - Fireboard Forum , klik apply saja jika adaperingatan. Dikarenakan belum mempunyai user-user yang akanmengisi forum, sebaiknya kita install sample datanya terlebihdahulu dengan cara mengklik Load Sample Data seperti gambarberikut :Dari situ secara otomatis kita telah memiliki sample-sample datauntuk idtampilkan pada halaman website kita. Untukmenambahkan menu pada website, dari menu diatas arahkanpointer ke Menus- Main Menu. Kemudian klik NEW, maka akanmuncul seperti gambar berikut :Lakukan klik pada bagian Internal Link ke Fireboard Forum,kemudian kita beri pada field title dengan nama Forum, kemudianlakukan SAVE, akan terlihat pada main menu secara otomatis akanbertambah satu menu yaitu forum. Coba sekarang anda lihathalaman website anda, pada bagian Main Menu telah terdapatmenu home dan menu Forum, sekarang anda klik hyperlinkForum, ya... anda sudah memiliki Forum sendiri, mudah sekalibukan?Oke selanjutnya kita akan menampilkan module pendukung forumyang telah kita install sebelumnya.Baiklah, kembali lagi ke back end atau administrator, setelah diadministrator masuk ke menu Extensions-Module Managersecara default Joomla memberikan satu module akan tetapi dalamkondisi di disable(tidak di gunakan), kita bisa menggunakanmodule tersebut dengan mengklik pada module namenya danakan masuk ke menu seperti berikut :Anda dapat mengganti field title dengan nama Latest Forum(terserah anda), kemudian pada bagian enable kita rubah yangsemula No menjadi Yes. Untuk positionnya silahkan anda tempatkan di left, jika anda menginginkan tempat yang lain sebaiknyaanda lihat terlebih dahulu lokasi penempatannya agar terlihatbagus. Dan untuk parameter- parameter yang lainnya anda bisasesuiakan dengan keinginan.Tempat untuk mengkonfigurasinya terletak pada menu sebelahkanan. Anda dapat merubahnya sesuka anda. Sekedar informasi,pada parameter terdapat Module Class Suffix, artinya kita dapatmengganti layout cssnya sesuai dengan kemauan dengan caramelakukan penambahan suffix di belakang nama css anda,misalnya anda isi dengan “_forum” maka kita bisa lihatdibelakangnya akan terdapat ”_forum” anda bisa lihatmenggunakan Firebug atau viewsource, setelah settingan selesaidikonfigurasi, lakukan save / apply.Ya, apabila kembali menuju halaman frontpage website akanterlihat satu buah module Muncul yang kita beri nama LatestForum. [Syahril Rohman.].ilmu Website |MagazineE-learning community offline version20
  24. 24. berbagai CMS kesayangan anda75Kelengkapan fitur dari sebuah website sangat dibutuhkan oleh para pengunjung dalam memudahkan pencarianinformasi yang lengkap, website yang menarik dan memiliki fasilitas lengkap akan menjadi daya pikat tersendiri,dampak yang dihasilkan nantinya membuat para user akan betah berlama-lama dan semakin sering untukmengunjungi web tersebut. Dan yang menjadi pertanyaan adalah bagaimana caranya agar website yang dibuatdapat menjadi lebih menarik, kaya fitur, dan powerfull, tentunya dengan memanfaatkan plugin, component,module , maupun extension yang telah ada, dan disediakan secara free. Di sini penulis coba jelaskan sedetilmungkin. Selamat bereksplorasi.Joomla! ExtensionsApa itu extension Joomla! ?ingkatnya extensions merupakan aplikasi tambahan untukmenambah fungsionalitas suatu sistem. Misalnya dalamSsebuah web ada fasilitas untuk dapat mendownload filetertentu dimana fasilitas tersebut diatur berdasarkan pengguna(public atau member), jika user mendaftar sebagai member danlogin, baru akan mendapatkan izin akses dan bisa untukmendownload informasi yang lebih lengkap. Salah satunya adalahDocument Manager.Dalam sistem Joomla versi 1.5.x Document Manager merupakansalah satu contoh joomla extensions. Sedangkan pada Joomla 1.0.xdisebut sebagai komponen dan modul. Fitur download seperti itudapat dipasang/install dengan mudah di Joomla .Joomla extensions sangat banyak jumlahnya dan terbagi menjadibeberapa tipe yaitu: Component, Module, Plugins, Template, danLanguage. Dari beberapa tipe tersebut dapat dibagi lagi menjadibeberapa kategori. Berikut adalah pengertian dari extensions padaJoomla!ComponentSecara garis besar component merupakan fungsi tambahan padasistem joomla yang mengatur parameter tertentu. Misalnya padacontoh diatas untuk menambahkan fungsi document manager dandownload kita bisa menggunakan component DOCman.ComponentModuleExtensionsWidgetPluginsKoleksi& Joomla!Extension.ilmu Website |MagazineE-learning community offline version21
  25. 25. Dengan DOCman kita memiliki pengaturan untuk melakukansharing file kepada siapapun. Dalam joomla biasanya nama filecomponent memiliki awalan “com” di depan nama filenya,misalnya com_docman_1.4.0.stable.zip.ModuleModule adalah sebuah aplikasi tambahan mini yang biasanyadiletakkan di kanan atau di kiri halaman website. sepertimisalnya polling, login form, shout box, dll. Biasanya diawali“mod” di depan nama filenya.PluginsPada joomla versi 1.0.x disebut mambots, sekarang berubahmenjadi plugins. Plugins adalah aplikasi mini yang disisipkanuntuk menambah, memanipulasi, atau merubah contentatau artikel. Misalnya untuk mengetik artikel di joomla kitaharus mempunyai plugin text editor seperti tinyMCE editor(editor standar wyswyg bawaan joomla). Biasanya Diawali“plg” untuk nama file pluginnya.Bagi pengguna joomla dapat berbahagia karena tersediaratusan extension bertebaran di internet yang siap dipilih, dariyang gratisan hingga yang berbayar, namun tidak perlukhawatir karena jumlah extensions (componen, module,plugin) yang gratis amat banyak jumlahnya. Keduanya sama-sama memiliki fitur yang lengkap dan handal karena sudahdiuji dan akan terus dimonitoring pengembangannya olehkomunitas joomla.Install Extensions Joomla!Pada Joomla 1.5 ada beberapa peningkatan fitur dalampenggunaan dan pengaturan CMS-nya, diantaranya dalaminstallasi extensions hanya menggunakan satu menu saja, sertadukungun kompitibilitas dengan extensions versi sebelumnya(dengan mengaktifkan plugin legacy mode).Cara install extensions:1. Pada halaman administrator klik menu Extension >Install/Uninstall2. Browse file zip yang telah kita download(Component/Module/Plugin) lalu klik tombol upload file &install.3. Jika telah terinstall akan muncul welcome note dan previewfile yang telah kita installUntuk konfigurasi component lakukan klik pada menucomponent, dan secara otomatis komponen yang kita installakan tersedia di sana..Untuk module, masuk ke menu Extensions>modul manager, dihalaman ini kita dapat mengatur semua konfigurasi module, untukmengaktifkanmodul,padatabenablekliksimboltandasilangmerahhinggaberubahmenjadicentanghijau..ilmu Website |MagazineE-learning community offline version22
  26. 26. Untuk plugin dapat dilakukan hal yang sama seperti pada moduledengan masuk ke menu plugin manager.Extensions Joomla! PilihanKarena tersedia ratusan extensions joomla di dunia maya yangsiap pakai, seringkali membuat para penggunanya bingung,apalagi bagi pemula yang ingin mencoba-coba nge-Joomla.Berikut ini penulis coba pilihkan beberapa Extensions Joomlaterpopuler yang dapat dijadikan sebagai referensi. Extensions disini berlisensi GNU/GPL alias bebas download dan pemakaian.ommunity Builder merupakan salah satu komponen yangbisa digunakan untuk membangun sebuah jaringanCkomunitas layaknya social networking pada websiteberbasiskan CMS Joomla, Community Builder ini digunakan olehsebagian besar situs portal komunitas dan situs-situs supportjoomla. Dimaksudkan sebagai system management user,mendukung koneksi antar user, dan integrasi yang baik dengancomponent yang lainnya. Misalkan kita bisa membuat websitesekolah yang dilengkapi menu jaringan sekolah, dimana kita harusmendaftar sebagai member untuk mendapatkan full akses keberbagai kontent, component ini sangat wajib digunakan.Fitur yang dimiliki Community Builder menurut pengembangnyaadalah:Emphasis;extra fields in profile, enhanced registration workflows,user lists, connection paths between users, admin defined tabsand user profiles, image upload, front-end workflow management,integration with other components, like PMS, Newsletter, Forum,Galleries.Tips: Untuk menginstall komponen ini Extract terlebih dahulufile archieve nya karena komponen dan berbagai module terdapatdidalamnyaVersions : 1.2License : GPLv2.0Type : Non-CommercialCategory : CommunityCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : JoomlaJoe and BeatCommunity Builder.ilmu Website |MagazineE-learning community offline version23
  27. 27. DOCmanuat yang ingin membuat website yang dilengkapi denganfile sharing seperti download file untuk dibagikan kepadaBpengunjung / member lainnya, component inimemberikan akses management yang bagus untuk dapatmensharing file kedalam berbagai kategori, dilengkapi denganpilihan akses download, hit counter download, pencariandokumen, urutan file, dan keterangan detail file yang akan didownload.Juga terintegrasi baik dengan Community Builder untukmembatasiaksesuntukregistered/unregisteredmember.Version :1.4.0.stableLicense :GPLv2.0Type :Non-CommercialCategory :Directory&DocumentationCompatibiliy :1.0Native/1.5LegacyDeveloper :JoomlatoolsFireboardntuk menambahkan fitur forum pada website joomla, kitadapat menggunakan component fireboard ini. FireboardUmerupakan salah satu komponen forum yang populer,didukung dengan module dan plugin. Tampilannya yang menarikserta kelengkapan fasilitasnya menjadi daya tarik tersendiri darikomponen ini, Dapat terhubung dengan Community Buildersehinggainformasidapatsalingmelengkapisatusamalain.Version :1.0.5RC2License :GPLv2.0Type :Non-CommercialCategory :ForumCompatibiliy :1.0Native/1.5LegacyDeveloper :Bestofjoomla.com.ilmu Website |MagazineE-learning community offline version24
  28. 28. Ajax Shoutboxagi anda yang senang memberikan komentar padashoutbox untuk lebih mengakrabkan diri denganBpengunjung lainnya, anda bisa memanfaatkan module ini,dapat digunakan untuk berinteraksi melalui pesan singkat denganpengunjung/admin yang sedang online secara langsung, karenamodul ini menggunakan ajax sehingga tidak perlu me-refreshhalaman.Version : 1.20License : GPLv2.0Type : Non-CommercialCategory : CommunicationsCompatibiliy : 1.0 Native/1.5 NativeDeveloper : RispJoomlaXplorerni merupakan component penting untuk administrator,mempunyai fitur layaknya windows explorer yaitu untukImengelola file-file yang terdapat di server host secara online,juga terdapat fitur FTP, dapat digunakan untuk memanage hampirseluruh file yang kita inginkan.Version : 1.6.3License : GPLv2.0Type : Non-CommercialCategory : File ManagementCompatibiliy : 1.0 Native / 1.5 LegacyDeveloper : Sören Eberhardt-BiermannJCE Editordalah editor WYSWYG seperti TinyMCE editor (editorbawaan Joomla) yang memiliki fitur lebih lengkap danAlebih powerfull, dengan JCE ini kita bisa menulis artikeldan menyisipkan gambar sekaligus mengupload gambar untukartikel tersebut.Versions : 1.1.9.2 / 1.5.2License : GPLv2.0Type : Non-CommercialCategory : EditorsCompatibiliy : 1.5 NativeDeveloper : Ryan Demmer.ilmu Website |MagazineE-learning community offline version25
  29. 29. VirtuemartIngin membuat website e-commerce dengan menggunakanJoomla? Virtuemart bisa menjadi component yang tepat untukmembangun website toko online, fitur adminnya yang lumayanlengkap, ditambah dengan beberapa module untuk menampilkanproduk yang telah disertakan di package-nya membuat virtuemartmendapatkan posisi terdepan dalam component terbaik kategorie-commerce. ( Untuk menggunakannya silahkan unzip terlebihdahulu).Version : 1.1.3License : GPLv2.0Type : Non-CommercialCategory : e-commerceCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : Sören Eberhardt-Biermann.ilmu Website |MagazineE-learning community offline version26ContentItem ModuleUntuk menampilkan artikel pilihan terbaik yang bukan di menuutama, anda dapat menggunakan modul ini untuk diletakkan dibagian tertentu. Dengan modul ini kita dapat memilih artikel /news yang ingin kita tampilkan di posisi yang kita inginkan padahalaman website.Version : 1.2.1License : GPLv2.0Type : Non-CommercialCategory : Content & NewsCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : EikeBlastchatComponent Blastchat digunakan untuk menambahkan fitur chatpada web Joomla yang kita buat, kelebihannya adalah tidakmengurangi resource website kita karena menggunakan resourcedari server blastchat.Version : 3.0License : GPLv2.0Type : Non-CommercialCategory : CommunicationsCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : BlastChatJoomla CommentComponen untuk menampilkan fitur komentar pada artikel yangtelah kita publish, mendukung capcta, comment feed (RSS), kitajuga dapat mengganti theme-nya. Dapat menggunakan avatar(khusus Community Builder).Version : 3.26License : GPLv2.0Type : Non-CommercialCategory : Contact & feedbackCompatibiliy : 1.0 Native / 1.5 LegacyDeveloper : Compojoom.com
  30. 30. Allvideo pluginsPlugin yang satu ini digunakan agar kita mudah untuk meng-embed / menanamkan video dari situs lain seperti youtubekedalam website kita, berfungsi untuk menjalankan file denganformat seperti Flash, QuickTime, Shockware, Windows Media, danReal Media. Kita tinggal memasukan link videonya ke dalamcontent berita dengan kode tertentu.Version : 2.5.3License : GPLv2.0Type : Non-CommercialCategory : video Players & galleryCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : JoomlaWorksPhocaGallery with slideshowIngin membuat gallery image pada web joomla kita? PhocaGallerymerupakan salah satu component yang bisa diandalkan,tampilannya yang menarik serta tata letak gambar yang tersusunrapi membuatnya menjadi semakin menawan. Ketika gambarnyadi klik maka akan memunculkan sebuah popup gambar yangdiperbesar, dan terdapat fitur slideshow didalamnya.Version : 2.2.1License : GPLv2.0Type : Non-CommercialCategory : Photos & imagesCompatibiliy: 1.5 NativeDeveloper : Jan PavelkaJoomla!orWord ??press.ilmu Website |MagazineE-learning community offline version27
  31. 31. JambookComponent ini untuk memunculkan fasilitas bukutamu(guestbook), memiliki fitur anti spam dan dapat dikostumisasi.Version : 1.0 RC1License : GPLv2.0Type : Non-CommercialCategory : Contact and feedbackCompatibiliy : 1.0 Native/1.5 LegacyDeveloper : Olle JohanssonRsGalleryPilihan lain untuk image gallery, RsGallery ini merupakan salahsatu kompoter terpopuler yang dapat diandalkan untukmemanage image gallery, tampilannya yang sederhana terlihatsimple namun tetap menawan. Dilengkapi dengan fitur yanglumayan lengkap namun tetap memiliki akses yang baik seperti:description file, voting, dan fitur komentar. Juga tersedia fiturslideshow dan pencarian file.Version : 2.0.0License : GPLv2.0Type : Non-CommercialCategory : Photos & imagesCompatibility : 1.0 Native / 1.5 NativeDeveloper : RSGallery.net teamGoogleMapPlugin ini digunakan untuk membuat peta (satelit flat)menggunakan mesin Google.Version : 2.11fLicense : GPLv2.0Type : Non-CommercialCategory : Photos & imagesCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : Mike Reumer.ilmu Website |MagazineE-learning community offline version28IKLANmXcommentSalah satu component untuk menampilkan fitur comment padawebsite kita, anda dapat mengganti themesnya sesuka hati,mendukung captca dan juga askimet (anti spam) hanya denganmemasukan API key askimet dalam konfigurasinya.Version : 1.0.9License : GPLv2.0Type : Non-CommercialCategory : Contact & feedbackCompatibiliy : 1.0 Native / 1.5 LegacyDeveloper : Bernard GillyKwick Vertikal Sliding MenuModule ini dimanfaatkan untuk menyederhanakan tampilan menuyang jumlahnya banyak dengan cara menampilkan menu secarasliding. Dengan module ini daftar menu tidak akan munculsebelum meng-klik menu yang dimaksud.Version : 1.2License : GPLv2.0Type : Non-CommercialCategory : Core EnhancmentsCompatibiliy : 1.5 NativeDeveloper : Rony Chandra Yofa Zebua – Dwi
  32. 32. Jsecure AuthenticationBerfungsi untuk memproteksi halaman administrator dariserangan hacker, karena mudahnya untuk masuk ke halamanauthentication administrator pada web Joomla, yaitu tinggalmenambahkan /administrator di belakang nama website misal, akan memudahkan parahacker yang telah mencuri account kita untuk masuk ke halamanadmin. Plugin ini sangat berguna untuk menyembunyikan halamanadministrator.Versions : 1.06License : GPLv2.0Type : Non-CommercialCategory : SecurityCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : Ajay Luliahttp://namawebsite.com/administratorPhocadownloadSalah satu pilihan untuk berbagi file dengan pengunjung, untukwebsite yang dilengkapi dengan fitur download komponen inilayak untuk digunakan, manajemen filenya bagus denganmembagi file menjadi section dan kategori, tampilannya yangsimple membuatnya mudah digunakan, dilengkapi denganinformasi detil mengenai file.Version : 1.0.6License : GPLv2.0Type : Non-CommercialCategory : Directory & DocumentationCompatibiliy : 1.5 NativeDeveloper : Jan PavelkaJumi PackDengan component ini kita dapat memasukan custom code,html, php, dan javasript sebagai salah satu module pada situs kitadengan mudah, seperti misalnya adsense, googlegroup, recentreaders, technorati, dllVersion : 2.0.1License : GPLv2.0Type : Non-CommercialCategory : Custom codeCompatibiliy : 1.0 Native/1.5 NativeDeveloper : Martin Hájek, Edvard Ananyan.ilmu Website |MagazineE-learning community offline version29
  33. 33. JA purityBerfungsi untuk membuat menu yang interaktif, memilikisubmenu (pull down) saat mouseover / berada diatas menutersebut. Module ini dapat dimanfaatkan untuk membuattampilan website lebih interaktif dengan navigasi yang sederhananamun powerfull.Version : 1.1.0License : GPLv2.0Type : Non-CommercialCategory : Core EnhancmentsCompatibiliy : 1.5 NativeDeveloper : JoomlartCarousel BannerJika ingin menampilkan iklan atau banner di website dengantampilan iklan yang berubah-ubah, kita dapat memanfaat moduleini, berfungsi untuk menampilkan iklan (banener) secara acak danmenarik. Iklan yang ditampilkan akan bergerak secara otomatisdan bergantian sesuai dengan yang dikonfigurasikan, dan tiap-tiapgambar memiliki link yang berbeda-beda.Version : 1License : GPLv2.0Type : Non-CommercialCategory : ads & affiliatesCompatibiliy : 1.5 NativeDeveloper : Andy Sikumbang.ilmu Website |MagazineE-learning community offline version30Media PlayerJika ingin membangun website bertemakan musik, dapatmemanfaatkan module ini. Berfungsi untuk menjalankan danmenampilkan audio secara online.Version : 1.1.0License : GPLv2.0Type : Non-CommercialCategory : MultimediaCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : Daniel Gutierezsh404SEFKomponen untuk SEF (Search Engine Friendly), merubah URL situsmenjadi lebih friendly.Version : 1.3.9License : GPLv2.0Type : Non-CommercialCategory : SEFCompatibiliy : 1.0 Native / 1.5 NativeDeveloper : Yannick GaultierJoomSEOJika kalian mencari extension untuk menampilkan judul situs padasearch engine dengan joomla 1.5, maka gunakan extension ini.Joomseo adalah ekstensi joomla kategori SEO (Search EngineOptimization),dapat merubah title html, meta keyword, dan deskripsi websitekita secara dinamis. Format judul yang ditampilkan adalahkombinasi dari: heading-paragraph, site nama, dan keyword.Berintegrasi secara baik dengan sh404SEF.Version : 1.5.2License : GPLv2.0Type : Non-CommercialCategory : SEOCompatibiliy : 1.5 NativeDeveloper : Phillip Brown
  34. 34. Drupal ModuleFitur-fitur untuk menambah fungsionalitas website tersebutdalam CMS Drupal disebut sebagai Module. Pada default instalasi,Drupal telah menyertakan beberapa modul yang sangat baikuntuk menjadikannya website yang mantap. Hal yangmenggembirakan adalah tersedianya modul tambahan yangsangat banyak dengan dukungan update fitur serta security untuktiap module yang sangat cepat, ditambah sebagian besarlisensinya GNU/GPL alias bebas untuk digunakan.rupal adalah salah satu CMS php-mysql terbaik yangdimiliki komunitas open source. CMS terbaik yang terasaDringan, mudah, dan aman, gelar “pas di hati” memangcocok dipegang oleh drupal. CMS ini dapat di kostumisasi menjadiapa saja sekehendak kita, memiliki fitur-fitur yang dengan sekejapmampu menjadikannya sebuah portal berita, blog pribadi, forumdiskusi, portal web komunitas, e-commerce, dll. Jika kitamenggabungkan semuanya, maka drupal bisa menjadi websitekomunitas yang luar biasa. Saat ini versi terakhir adalah Drupalversi 6.10. Untuk melihat sejauh mana implementasi drupal dalamdunia website anda dapat mengunjungi situs officialnya yaituhttp://www.drupal.org.Drupal adalah salah satuCMS php-mysql terbaikyang dimiliki komunitasopen source. CMS terbaikyang terasa ringan,mudah, dan aman, gelar“pas di hati” memangcocok dipegang olehdrupal..ilmu Website |MagazineE-learning community offline version31DRUPAL4. Aktifkan melalui menu Admister >> Site building >>Modulespadawebsitejoomlakita.5. Pada halaman modules, berikan tanda centang untukmengaktifkan modul yang kita inginkan, lalu kliktombolsaveconfiguration.Install Module DrupalUntuk installasi module Drupal, sebelumnya kita harusmengupload file module-nya terlebih dahulu secara manualmenggunakan fasilitas cpanel jika anda ingin menginstallnyadi server hosting, dan lakukan copy jika anda inginmenginstallnya pada localhost.Cara install:1. Masuk ke Direktori Public html >> sites >> all2. Pada direktori all buatlah 2 buah folder baru, berinama masing-masing Modules dan Themes. (untukmodule masukkan ke folder modules, untuk temamasukkan ke folder themes)3. Upload file module.zip (*.tar.gz) yang telah kitadownload ke folder modules yang telah kita buat.Pastikan file sudah harus terextract di foldermodules tersebut, atau extract terlebih dahulu jikatidak ada fasilitas auto-extract pada cpanel tsb.
  35. 35. Module Drupal PilihanBerikut ini beberapa module Drupal v.6.x pilihan sebagaireferensi bagi anda yang sedang mencari-cari module yangtepat atau sekedar mencoba-coba module Drupal. Moduleyang di jabarkan di sini merupakan module yang berlisensigratis.Diantaranya adalah sebagai berikut:FCK editorFCK editor adalah salah satu modul penting yang wajib dipasangpada website drupal. FCK editor adalah editor HTML, sepertiWYSWYG (what you see is what you get) yang digunakan untukmenulis postingan atau artikel semudah menulis di microsoft wordatau openwriter, kita bisa memasukan foto, flash, mengaturalignment, edit text, dsb.Selain modul kita juga harus mengupload FCK editor library-nya.Version : 6.x-1.3-rc7License : GPLv2.0Type : Non-CommercialCategory : EditorsCompatibiliy : 6.xDeveloper : wwalcIMCEmodul tambahan untuk editor WYSWYG, digunakan pada FCKeditor atau tinyMCE, fungsinya adalah untuk memasukan imagedengan mudah sekaligus mengupload image tersebut terlebihdahulu.Version : 6.x-1.2License : GPLv2.0Type : Non-CommercialCategory : EditorsCompatibiliy : 6.xDeveloper : ufkuTokenmodul yang sangat penting, banyak sekali modul lain yangtergantung pada token, module token menyediakan central APIuntuk modul lain yang menggunakan token ini,Misalnya kita ingin otomatis membuat folder dengan format:sites//all//default//files//[uid] dimana [uid] ini otomatis digantidengan User ID yang login pada saat itu.Modul yang menggunakan modul token seperti Organic Groups,Pathauto, eCommerce, Ubercart, dll.Perlu diingat token tidak menyediakan fungsi yang kelihatan padapengguna.Version : 6.x-1.11License : GPLv2.0Type : Non-CommercialCategory : UtilityCompatibiliy : 6.xDeveloper : EatonAlbum PhotosIngin menampilkan image atau album photo di website Drupaldapat menggunakan modul ini. Dimaksudkan sebagai pengelolaangambar dan album foto, memungkinkan mempublish beberapafoto dalam satu album pada halaman awal situs kita, dapat jugaditambahkan fitur slideshow.Version : 6.x-2.5-beta4License : GPLv2.0Type : Non-CommercialCategory : ContentCompatibiliy : 6.xDeveloper : eastcn.ilmu Website |MagazineE-learning community offline version32
  36. 36. CAPTCHAlelah untuk menghapus komentar-komentar sampah yang masukke situs kita? install saja modul CAPTCHA ini, modul CAPTCHA akanmencegah situs anda dari spambot. CAPTCHA adalah sebuah tesrespon yang biasanya ditempatkan di form web untuk memastikanapakah pengguna mesin atau manusia. Tujuan dari CAPTCHAadalah untuk memblok submissions form dari spambot-scriptotomatisModule CAPTCHA menyediakan 3 pilihan tipe kode yang akandigunakan, berupa gambar, huruf/angka, dan penghitunganmatematis.Version : 6.x-1.0-rc2License : GPLv2.0Type : Non-CommercialCategory : SecurityCompatibiliy : 6.xDeveloper : wundoContent Construction Kit (CCK)Ini merupakan modul yang paling powerfull di drupal jikadipasangkan dengan view. CCK merupakan module yang sangatfungsional. Dengan CCK kita diberikan keleluasaan danimplementasi untuk membuat jenis content / node sendiri dibidang yang kita inginkan. Beberapa kontibutor jugamenambahkan beberapa widget untuk CCK, seperti computedfield, date, email, image, link.Version : 6.x-2.1License : GPLv2.0Type : Non-CommercialCategory : ContentCompatibiliy : 6.xDeveloper : JonBobViewModule view menyediakan metode yang fleksibel untuk mengaturtampilan di web drupal yang mengatur bagaimana content / Nodedipresentasikan. Dengan module ini kita diberikan keleluasaanmegatur tampilan custom node yang dibangun menggunakan CCKmodule. CCK dan view ini memang daya tarik kuat untukmenggunakan CMS Drupal.Version : 6.x-2.3License : GPLv2.0Type : Non-CommercialCategory : Content DisplayCompatibiliy : 6.xDeveloper : merlinofchaosPathautoDrupal mempunyai kemampuan untuk membuat URL yangfriendly (SEF) dengan modul pathauto ini, secara default postinganpada drupal akan dberi URL seperti example.com/node/123,dengan pathauto kita dapat membuat alias pada content yangtelah didefinisikan sebelumnya, bersama dengan modul Token kitabisa buat menjadi example.com/articles/20080221/hello-word,yang lebih human readable dan SEO friendly tentunya.Version : 6.x-1.1License : GPLv2.0Type : Non-CommercialCategory : SEFCompatibiliy : 6.xDeveloper : Greggles.ilmu Website |MagazineE-learning community offline version33
  37. 37. CounterSebaiknya kita tahu siapa dan berapa banyak pengunjung websitekita, module ini digunakan untuk menampilkan penghitung(counter) website.Fiturnya antara lain:- Count Site Counter- Count Unique Visitor- Count Registered and Unregistered User- Count Published and unpublised Node- Display Clients IP- Report: Client IP, Access Date, Access Page- Initial valuesVersion : 6.x-1.6License : GPLv2.0Type : Non-CommercialCategory : Evaluation/ratingCompatibiliy : 6.xDeveloper : Drupal-id.comNice MenusAkan lebih menarik jika membuat tampilan menu di web Drupalkita menjadi lebih nice, dengan modul ini kita bisa membuat menudrop-down/right/left sesuai dengan keinginan kita. Denganmenempelkan mouse pada menu maka akan memunculkansubmenu lainnya. Nice Menu memungkinkan 3 macam style untukpenggunaannya, yaitu: horizontal, menu drop ke bawah; vertikal,menu fly ke kanan; dan vertikal, menu fly ke kiri.Version : 6.x-1.3License : GPLv2.0Type : Non-CommercialCategory : Content DisplayCompatibiliy : 6.xDeveloper : add1sunSimplemenuModul ini untuk membuat menu bar administrator dimunculkan dibagian atas pada setiap halaman, menunya fixed berada di atassetiap halaman dan menggunakan jquery untuk memposisikannyadi bagian atas. Sangat bermanfaat untuk template yang tidakmempunyai tempat yang bagus untuk menaruh menuadministratorVersion : 6.x-1.2License : GPLv2.0Type : Non-CommercialCategory : AdministrationCompatibiliy : 6.xDeveloper : Roger López.ilmu Website |MagazineE-learning community offline version34
  38. 38. ContemplateMengedit template drupal dapat dilakukan dengan mudah.Dengan Contemplate (alias content template) kita dapatmemodifikasi bagian teaser, body, dan RSS pada drupalmenggunakan administrator untuk menentukan template.Template ini menggunakan Code PHP dan semua variable objeknode yang tersedia untuk digunakan dalam template nantinya.Module ini tersambung baik dengan CCK.Version : 6.x-1.0-beta5License : GPLv2.0Type : Non-CommercialCategory : ContentCompatibiliy : 6.xDeveloper : jrglasgowUbercartIngin berjualan online di web Drupal? ubercart adalah salah satumodule e-commerce yang bisa digunakan di Drupal, Fiturnyalumayan lengkap, yang difokuskan untuk penggunaan storeconfiguration, menciptakan produk dan katalog, dan pembelianonline. Modul ini cocok digunakan untuk website yang menjualbarang berupa fisik ataupun digital.Version : 6.x-2.0-beta5License : GPLv2.0Type : Non-CommercialCategory : e-CommerceCompatibiliy : 6.xDeveloper : Andy_LoweEmfieldini merupakan kunci untuk yang dapat membuat Drupal andamenjadi layaknya youtube. modul ini digunakan untuk meng-embed video, image,dan audio file dari berbagai provider thirdparty, seperti YouTube, Google, Blip.TV, Revver, MySpace,MetaCafe, Flickr, Imageshack, dsb. Kita tinggal memasukkan URLatau Embed code-nya.Version : 6.x-1.0-beta1License : GPLv2.0Type : Non-CommercialCategory : Content DisplayCompatibiliy : 4.7 / 5 / 6.xDeveloper : Aaron WinbornQuicktabsModul untuk membuat content tabs dan block dengan mudah,kita bisa membuat block pada halaman website yang diisikan tab-tab sesuai dengan keingina, jika mengklik tabnya maka secaraotomatis akan membuka halaman tab tersebut secara instanttanpa load terlebih dahulu, memanfaatkan jquery. Tersedia opsiajax mode off/on.Version : 6.x-2.0-rc2.License : GPLv2.0Type : Non-CommercialCategory : e-CommerceCompatibiliy : 6.xDeveloper : Andy_LoweThickboxModul untuk mempermanis postingan website Drupal kita,thickbox adalah modul berbasis javascript on the top jquerylibrary, yang memungkinkan untuk memunculkan gambar/textpada pop-up window jika kita mengklik gambar atau text.Sehingga user tidak perlu meninggalkan page aslinya untukmelihat preview gambar atau text yang diperbesar.Version : 6.x-1.2License : GPLv2.0Type : Non-CommercialCategory : Content DisplayCompatibiliy : 6.xDeveloper : frjo.ilmu Website |MagazineE-learning community offline version35
  39. 39. ShoutboxModul untuk membuat block (tampilan pada sidebar) dimanapengunjung dapat dengan cepat mengirim shoutbox / pesansingkat yang secara langsung ditampilkan tanpa refresh.Version : 6.x-1.2License : GPLv2.0Type : Non-CommercialCategory : ContentCompatibiliy : 6.xDeveloper : distericsFivestarMenampilkan pilihan voting penilaian untuk suatu node yangdiinginkan, misalnya artikel, tampilannya atraktif berbasis ajax,berupa 5 bintang berjejer kita tinggal mengesernya untuk memilihberapa bintang sebagai nilai voting nantinya.Version : 6.x-1.2License : GPLv2.0Type : Non-CommercialCategory : Evaluation/ratingCompatibiliy : 6.xDeveloper : quicksketchDHTML menuMembuka menu secara dinamis untuk mengurangi beban refreshhalaman, ini sangat bagus digunakan di menu administration,lebih cepat membuka menu dan submenu pada halamanadminstrator situs jika dibandingkan tidak menggunajkan DHTMLmenu.[Satya Danu dan Hartono Gunawan]Version : 6.x-3.4License : GPLv2.0Type : Non-CommercialCategory : Site navigationCompatibiliy : 6.xDeveloper : ArancaytarTaxonomy ManagerModule ini menyediakan pengaturan yang powerfull untukmembuat / entry data suatu taksonomi, yang akan ditampilkandalam dynamic tree view, dimana setiap parent item dapatdibuka/tutup atau expand/collapse dan memunculkan daftar itemlainnya.Taxonomy Manager mempunyai fitur seperti:Mass deleting, mass adding of new terms, moving of terms inhierarchies, merging of terms, fast weight changing with up anddown arrows (and AJAX saving), AJAX powered term editing form,simple search interface, dan CSV Export of terms.Version : 6.x-1.0-beta2.License : GPLv2.0Type : Non-CommercialCategory : AdministrationCompatibiliy : 6.xDeveloper : mh86.ilmu Website |MagazineE-learning community offline version36
  40. 40. WordpressPluginsungkin kita lebih mengenal wordpress sebagai layananblog yang ada di internet. Ternyata bukan hanya itu,MWordpress pun tersedia dalam bentuk engine CMS yangbisadigunakanolehsiapasajalayaknyaJoomla,Drupal,danlain-lainKarena itu situs wordpress dibedakan menjadi dua. Satu yaituwordpress.com yang fungsinya sebagai web blogging untuk parablogger. Dan yang kedua adalah wordpress.org, yaitu situs khususuntuk menyediakan dan informasi lainnya mengenai engine CMSWordpress.Kita akan membahas tentang plugin engine wordpress sebagai CMSyang bisa kita gunakan untuk situs pribadi kita. Berikut adalahbeberapa plugin pilihan yang akan berguna untuk keperluan situsanda.Mungkin kita lebih mengenal wordpress sebagai layanan blog yang ada di internet. Ternyata bukan hanya itu,Wordpress pun tersedia dalam bentuk engine CMS yang bisa digunakan oleh siapa saja layaknya Joomla,Drupal, dan lain-lainWo r d P r e s sPlug-in.ilmu Website |MagazineE-learning community offline version37Sticky PostPluggin ini sangat berguna bagi anda yang menginginkan satuartikel yang selalu nampak pada halaman depan situs wordpressanda. Walaupun anda membuat artikel baru, satu, dua atauseratus :D, postingan yang diberi label sticky akan bertahandiposisi teratas. Ini sangat berguna bagi anda yang ingin membuatsejenis artikel "welcome" untuk para pengunjung anda. Bisa berisikata-kata sambutan, foto anda, identitas anda atau apapun yangbersifat welcome artikel.Bagi anda pembuat website sederhana sejenis company profile,tidak usah repot-repot membuat website statis dari html. Cukupmenggunakan wordpress dan pluggin sticky ini. Misalkan andapembuat website sederhana yang dapat pekerjaan membuatsebuah situs perusahaan yang simple. Hanya terdiri dari welcomeartikel, link-link sederhana, dan artikel-artikel yang selalu diupdatesetiap waktu berdasarkan agenda perusahaan tersebut. Makawordpress dan pluggin ini cukup untuk menjadi senjata tempuranda :DCara menggunakannya sangat mudah, saat anda membuat artikelbaru atau mengedit artikel lama, berikan tanda centang pada Stickthis post to the front page atau pilih opsi sticky bila andamenggunakan wordpress versi Version 2.7.1.Version : 1.40Other Versions »Last Updated : 2008-12-12Requires WordPress Version: 2.7 or higher
  41. 41. Google Sitemap GeneratorPlugin ini termasuk plugin sitemap untuk wordpress anda. Sesuaidengan namanya sitemap atau peta situs, plugin ini digunakanuntuk memudahkan pencarian keyword yang diketikanpengunjung atau yang dicari mesin pencari pada situs anda. Inijuga berguna dalam meningkatkan Search Engine Optimizationsitus anda. Sitemap ini menggambarkan denah situs anda.Memuat berbagai informasi untuk memudahkan mesin pencari.Seperti halaman apa saja yang ada, file-file apa saja yang ada,dlsb.Untuk menggunakannya, sangat mudah. Bagi anda yang memilikiakun di wordpress.com, situs anda sudah otomatis telahmenggunakan plugin ini. Tetapi bagi anda yang memiliki hostingsendiri dan menggunakan CMS wordpress di situs anda, makaanda perlu menginstalnya terlebih dahulu. Bila sudah diinstall,maka plugin ini akan otomatis membuat beberapa file baru sepertisitemap.xml, sitemap.xml.gz, dan robots.txt.Version : 3.1.2Last Updated : 2008-12-26Requires WordPress Version : 2.1 or higherCompatible up to : 2.7Post videos and photo galleriesIni merupakan plugin yang digunakan untuk membuat gallery. Isigaleri tersebut meliputi foto, video, audio. Pilih Foto, video, danfile musik anda lalu anda tinggal pilih skin untuk ditampilkan disitus anda.Beberapa fitur plugin ini antara lain:1. 15 skins and more to show your gallery - cool flash,slideshow, playlists, full-screen, Cooliris etc2. Automatic uploading and hosting3. Automatic resizing of photos (no need to use flickr)4. Automatic transcoding of videos to flv/3gp/mp4 (noneed to use youTube)5. Support Cooliris 3D fullscreen slideshowsVersion : 1.20Last Updated : 2009-4-13Requires WordPress Version : 2.0.2 or higherCompatible up to : 2.7.1.ilmu Website |MagazineE-learning community offline version38WP-GravatarBagi para netter yang sudah sering berinternet (terutama yangsuka chatting atau nongokrong di situs community) tentunyamengenal istilah Avatar. Avatar adalah foto atau logo yangmewakili anda di internet. Biasanya di berbagai komentar di situs-situs community, banyak terdapat avatar yang terlihat bagi paramember situs tersebut/tertentu. Berguna untuk tanda pengenalanda di internet. Karena manusia lebih menyukai dan lebih mudahmengingat tampilan bila dibandingkan nama atau teks. Betul apabetul? Nah sekarang apa itu gravatar? Gravatar merupakankepanjangan dari Globally Recognized Avatar. Lalu apa bedanyaantara Avatar dengan Gravatar?Avatar biasanya hanya digunakan untuk satu situs saja. Denganadanya Gravatar, anda bisa menggunakan satu Avatar untuksemua situs. Dengan konsep ini, diharapkan memudahkan andauntuk menggunakan avatar anda. Jadi anda tidak perlu repot-repot untuk mengupload dan mengkonfirugasi avatar andadisetiap situs, cukup menggunakan satu email. Itu untuk mewakiliGravatar anda. Namun, layanan ini masih terbatas pada beberapasitus. Situs yang menggunakan fitur ini biasanya terdapat tandaGravatar enable pada optionnya. Pada situs berengine wordpress,Gravatar ini bisa digunakan untuk keperluan itu.Untuk menggunakan Gravatar bagi pengguna wordpress, langkah-langkahnya cukup sederhana. Berikut langkah-langkahnya untukanda pengguna versi Version 2.7.1:1. Download plugin gravatar untuk wordpress (ada dalam DVD)2. Masuk ke admin wordpress anda3. Klik pluggin (disebelah kanan), lalu klik Add New4. Klik browse dan cari file gravatar untuk wordpress (wp-gravatar.zip)5. Klik Install6. Lalu klik Activate plugin7. Selesai.Version : 2.7.1Last Updated : 2008-5-1Requires WordPress Version : 2.1 or higherCompatible up to : 2.6WP – CumulusInilah salah satu plugin yang mampu menampilkan tag-tag andasecara dinamis. Tag-tag anda akan berupa file flash yang dinamisyang akan bergerak berlawanan dengan mouse anda. Ini bergunauntuk memudahkan pengguna untuk mengklik tag yang ada padakumpulan tag tersebut. Cocok untuk anda yang menginginkan webyang dinamis dan futuristik.Karena menampilkan file flash di website anda, maka browseryang digunakan harus sudah terinstal oleh flash player untukbrowser.Anda bisa mengatur tampilan dari tags ini sesuai dengan keinginananda. Untuk anda yang menggunakan Wordpress versi 2.7.1,masuklah ke dalam WP admin anda lalu pilih appearance - widget– aktifkan WP-Cumulus. Lalu perhatikan disebelah kanan layar,pada Wp-Cumulus: Tag Cloud klik Edit. Bila sudah, klik done lalusave change, maka tag tersebut akan aktif dan berpenampilansesuai dengan nilai yang anda gunakan.Version : 1.20Last Updated : 2009-3-11Requires WordPress Version : 2.3 or higherCompatible up to
  42. 42. Better tag cloud widgetUntuk para pengguna wordpress, tentunya mengenal apa itutag cloud. Yaitu plugin yang menampilkan tag-tag yang adauntuk bisa diakses oleh pengunjung. Selain itu, tag cloud akansecara otomatis memperbesar ukuran font tag tertentu bilakata itu terdiri dari banyak post.Ada banyak tag cloud untuk wordpress. Salah satunya pluginBetter tag cloud widget ini. Diberi nama better karena memanglebih baik dari tag cloud wordpress default pada umumnya.Tengok lah dibagian option wordpress anda. Disana terterabeberapa option dari plugin ini. Beberapa fitur yang ditawarkanoleh tag cloud ini adalah sebagai berikut:Count per DayCount per Day merupakan plugin hit counter untuk wordpress. Hitcounter fitur yang biasa digunakan sebuah website untukmenghitung jumlah pengunjung yang masuk kedalam website. Bilahit counter biasa, program akan menghitung jumlah pengunjungberdasarkan jumlah akses seseorang ke situs tersebut, walaupunsitus tersebut direfresh, maka fitur tersebut akan menghitungsebagai pengujung baru.Dengan menggunakan plugin ini, pencatatan tidak dihitungberdasarkan berapa banyak akses dengan dan atau halamantersebut direfresh, tetapi berdasarkan IP yang berasal, jadi bila iptersebut pada satu hari mengakses halaman tersebut, dan dalamsatu hari dia mengakses lebih dari satu kali, maka tetap dihitungsatu kali oleh plugin.Beberapa fiturnya antara lain:1. count reads and visitors2. shows reads per page3. shows visitors today, yesterday, last week, last monthsand other statistics on dashboard4. Statistics readable dari frontend andaVersion : 1.5.1Last Updated : 2009-4-20Requires WordPress Version : 2.7 or higherCompatible up to : 2.71. Kita bisa menentukan ukuran font,2. Dapat menentukan jumlah tag cloud yang tampil (berdasarkanbanyaknya post),3. Dapat menentukan format tampilan (list/flat),4. Dapat menentukan format ordering/ mengurutkan tag cloudsesuai alfabet. Terdiri dari 3 pilihan. Ascended, Descended,Random.Version : 0.4.0Last Updated : 2009-3-10Requires WordPress Version : 2.5 or higherCompatible up to : 2.7.1.ilmu Website |MagazineE-learning community offline version39
  43. 43. Paginated CommentsBila anda memiliki sebuah blog berbasis wordpress yang isinyabagus dan sangat bermanfaat. Tentunya akan banyak pengunjungyang mengunjungi situs anda. Dan misalkan pengunjung andabanyak yang memberikan komentar atas berbagai artikel anda,bukan tidak mungkin anda akan kesulitan mengontrol komentar-komentar yang masuk. Karena kadang satu artikel yang kita buatberjumlah 5 paragraf, komentarnya lebih dari 10 halaman (ataumungkin 100 halaman :D), tentunya itu akan memperlambat akseshalaman anda. Apalagi diperparah bila komentar yang adadisertakan pula gambar-gambar yang besar, tentunya merugikanpengunjung lainnya yang hanya berharap untuk melihat post anda,bukan komentar orang lain dan bukan untuk menghambur-hamburkan bandwidth.Karena itu ada baiknya anda menggunakan plugin yang satu ini.Berfungsi untuk mengontrol dan membagi komentar menjadibeberapa halaman sesuai dengan keinginan anda. Bagipengungjung yang hanya ingin melihat, dia tidak perlu repot-repotmenunggu sampai komentar semuanya di tampilkan. Bagi yangingin melihat komentar, mereka bisa melihat-lihat halaman yangada. Win Win Solution isnt it.Version: 1.0.4Last Updated: 2009-2-26Requires WordPress Version: 2.3.x or higherCompatible up to: 2.7.1Pretty LinkDengan plugin ini, anda bisa membuat link yang bersih,sederhana, dan trackable. Plugin ini bisa menganalisa berapabanyak klik yang didapatkan setiap harinya yang didapat situsanda. Bersih maksudnya anda bisa menggunakan plugin inisebagai redirect ke situs tujuan. Bila link situs anda adalah urlafiliasi anda, maka link ini bisa membersihkan kode-kode yangpanjang dan menjadikan link yang bersih dan simple. Sebagaicontoh anda bisa menggunakan plugin ini untuk membuat urluntuk link yang menuju situs ilmuwebsite.com tapi menggunakanfitur afiliasi tertentu, berguna untuk masking afiliasi link.Sebagaimana penggunaan TinyURL, atau BudURL, plugin inimerupakan salah satu alternatif untuk anda..ilmu Website |MagazineE-learning community offline version40Saat plugin ini digunakan, maka bukan hanya link yang akan diredirect ke situs tujuan, tapi plugin juga akan mencatat berapabanyak link tersebut di klik berdasarkan ip unik, ip yang kembalilagi, atau ip baru yang bisa digunakan untuk dianalisa untuk waktuyang akan datang.Version : 1.3.0Last Updated : 2009-4-20Requires WordPress Version : 2.7.1 or higherCompatible up to : 2.7.1WordPress Related PostsPernahkah anda melihat disebuah blog wordpress atau situsberengine CMS wordpress, dimana anda melihat sebuah artikeltentang suatu hal, dibawah artikel tersebut terdapat pula linkartikel-artikel lainnya yang saling berhubungan dengan judulartikel yang sedang anda baca. Inilah plugin yang digunakan untukitu. Akan sangat berguna bagi para pengunjung situs anda supayamemudahkan mereka untuk membaca artikel lain yang salingberkaitan atau berhubungan satu dengan yang lainnya. Bila sudahbegitu, situs anda akan semakin banyak yang mengunjungi karenabanyak artikel yang saling berhubungan satu sama lainnyasehingga para pembaca akan betah berlama-lama surfing disitusanda.Version : 1.0Last Updated : 2008-10-8Requires WordPress Version : 2.3 or higherCompatible up to : 2.6.2
  44. 44. AkismetAkismet adalah plugin default bawaan wordpress. Plugin iniberguna untuk memfilter berbagai macam komentar yangdianggap SPAM. Pada saat anda menggunakan engine wordpressuntuk situs anda, maka anda harus mengaktifkan dahulu pluginini. Bagaimana cara mengaktifkannya, terlebih dahulu anda harusmemiliki API key untuk plugin tersebut. Lalu bagaimana andamendapatkan key tersebut, untuk itu anda harus mempunyai akundi wordpress.com untuk mendapatkan API key. Daftarkanlah dirianda ke situs wordpress.com. Bila sudah, masuklah ke blog andatersebut.Masuklah ke alamat http://en.wordpress.com/profile/ cari padabagian bawah sebelah kiri yang ada tulisan Your API Key:(misalnya)hgkrn7xxxxx. Copy kode tersebut lalu masuklah ke situsyang berengine wordpress anda tersebut lalu paste kode tersebut.Berikut ringkasan langkah mencopy kode API kedalam pluginAkismet wordpress anda - saya asumsikan anda menggunakanwordpress versi 2.7.1:1. Copy API Key anda di http://en.wordpress.com/profile.Perhatikan dibagian kiri bawah, akan bertuliskan Your API Key:(misalnya)hgkrn7xxxxx. Copy lah kode tersebut[8. Lalu klik tombol update9. Maka anda telah berhasil mengaktifkan plugin tersebut ditandaidengan pemberitahuan teks Your key has been verified. Happyblogging! pada situs anda2. Buka situs anda, dan masuklah ke dashboard wordpress andaex: http://situswordpressanda/wp-admin3. Masuklah ke bagian plugin. Terletak dibagian kiri4. Klik Installed5. Klik activate pada plugin Akismet6.KlikteksenteryourWordPress.comAPIkeypadakalimatYoumustenteryourWordPress.comAPIkeyforittowork7.LalumasukanAPIKeyandapadakotakPleaseenteranAPIkey;Version : 2.2.3LastUpdated :2008-12-3.ilmu Website |MagazineE-learning community offline version41
  45. 45. Google Sitemapsagi para webmaster, istilah sitemaps mungkin sudah akrabditelinga. Sitemap adalah gambaran peta suatu situs yangBberfungsi untuk memudahkan mesin pencari untukmengindeks halaman apa saja yang terdapat pada situs anda,sehingga SEO (Search Engine Optimizatin) anda akan tercapai.Salah satu produk sitemap ini adalah apa yang dikeluarkan googlebernama Google Sitemaps. Plugin ini juga tersedia untuk enginewordpress. Dengan adanya plugin ini, akan membuat artikel atauhalaman baru anda secara otomatis diberitahukan kepada googlebahwa halaman atau artikel anda siap untuk diindeks. Selainmemberitahu google, plugin ini juga memberitahukan searchengine lainnya seperti Yahoo dan MSN.;Version : 3.1.2Last Updated : 2008-12-26Requires WordPress Version : 2.1 or higherCompatible up to : 2.7Dalam pencarian indeks oleh google sitemaps ini, sitemap dibacaoleh google dalam format XML. Bila anda belum mengerti tentangbahasa XML, jangan kuatir, plugin ini akan secara otomatismenggenerate setingan sitemap anda dan mencovertnya kedalambentuk XML. Berikut cara penginstalan pluginnya.Menginstal plugin - saya asumsikan anda menggunakan wordpressversi 2.7.1:1. Download plugin Google Sitemap di wordpress.org (ada dalamDVD)2. Masuk kedalam situs anda lalu langsung ke bagian plugin3. Pilih Add new, lalu klik browse dan cari file plugin GoogleSitemap yang telah anda download, lalu klik tombol Install Now4. Lalu bila berhasil, langsung klik activate plugin5. Klik menu Settings yang ada pada sebelah kiri bagian bawahwordpress anda, lalu klik XML-Sitemap6. Karena kita baru menginstal plugin ini, maka kita harusmembuat file xml baru. Kliklah Click here pada teks The sitemapwasnt built yet. Click here,... seperti gambar dibawah ini7. Bila anda ingin menseting opsi-opsi yang ada, silahkan andamengaturnya. Bila sudah, silahkan klik tombol Update Optiondibagian bawah halaman tersebut8. Selesai.Maka Google Sitemaps akan secara otomatis membuat file xmlyang bernama sitemap.xml. Untuk mengeceknya, silahkan andaexplorasi situs anda, ketikwww.namasituswordpressanda.com/sitemap.xml. Apakah prosesitu sudah selesai? Jawabannya belum. Kita harus mendaftarkandulu url sitemap yang dihasilkan, ke google. Berikut caranya:1. Buka url http://www.google.com/webmasters/tools2. Buat lah akun google terlebih dahulu. Bila sudah mempunyaiakun, langsung login ke google3. Daftarkan url situs anda lalu klik tombol Add Site4. Masukkan nama file sitemap kita. Dalam hal ini bernamasitemap.xml. Lalu klik tombol submit sitemap5. Selesai.ilmu Website |MagazineE-learning community offline version42
  46. 46. AJAX category dropdownBila pada situs anda memiliki banyak kategori, maka plugin inimenghasilkan multi-level kategori untuk situs anda. Plugin inisecara otomatis akan mendeteksi berapa banyak sublevelskategori yang blog anda punya.Karena menggunakan AJAX, maka plugin ini terasa lebih powerful.Version : 0.1.3bLast Updated : 2009-4-21Requires WordPress Version : 2.7 or higherCompatible up to : 2.7.1PodPressPodPress adalah plugin podcasting untuk wordpress. Podcastadalah rangkaian file digital audio (bahkan juga video) yang disalurkan menggunakan sindikasi di internet. Layaknya RSS padaweb, Podcast bisa dibilang versi suara pada sindikasi file audio diinternet.Pada engine wordpress ini, Podcast ini bisa digunakan denganmenggunakan plugin PodPress. Dengan adanya Podpress, orang-orang yang berkunjung ke situs anda bisa mendengarkan siaranPodcast anda tanpa harus masuk ke situs anda. Bagaimana caraagar pengunjung bisa mendengarkan Podcast anda? Caranyadengan menggunakan program khusus seperti Juice22 dlsb.Version: 8.8.1Last Updated: 2009-2-28Requires WordPress Version: 1.5 or higherCompatible up to: 2.3WP-CacheDalam menerapkan caching system pada situs berenginewordpress, ada pilihan plugin wordpress yang patut dicoba. Pluginini bernama WP-Cache. Berfungsi untuk membaca danmengimpan halaman wordpress dalam bentuk file statik. File inidigunakan jika suatu saat dibutuhkan mesin wordpress. Denganadanya plugin ini, maka mesin tidak secara lagsung mengcompilescript php jika ada proses request dari klient.Dengan fungsi ini, maka situs berengine wordpress anda akansemaking cepat diakses dan lebih responsif terhadap request dariklien. Ini sangat bermanfaat untuk situs anda.Version: 2.1.2Last Updated: 2007-9-21DropCap First CharacterAnda masih ingat pelajaran office pada saat SMP dulu? Ada istilahtentang Drop Cap, yaitu huruf awal yang besar pada paragrafpertama. Nah untuk menyajikan drop cap pada setiap awal hurufsetiap artikel anda, plugin dropcap untuk wordpress ada untukanda. Penginstalannya sangat mudah. Anda tinggal menginstalplugin ini dengan cara yang biasa, dan bila sudah, maka setiapartikel anda pun akan memiliki huruf yang besar ditiap awalparagraf.Version : 1.0.1Author : Rodney Campbell (Remorhaz)Author URI : http://www.rc.au.net/Tiny SpoilerBagi para pecinta forum internet layaknya kaskuser, tentunyamengenal apa yang dinamakan spoiler. Spoiler adalah sejenis linkpenyembunyi teks atau gambar. Berguna untuk menampilkan atautidak menampilkan teks atau gambar. Ini sangat berguna pada saatgambar atau teks yang ada dirasa akan memperbesar bandwidthatau proses loading yang diperlukan bagi para netter. Denganadanya spoiler ini, situs anda bisa mengatur gambar besar atauteks yang banyak, apakah ingin ditampilkan atau tidak.Secara default, bila anda menggunakan plugin ini teks ataugambar pada artikel anda akan tidak ditampilkan (hide). Caramenggunakannya cukup mudah, installah plugin ini secara biasa,lalu pada saat ingin digunakan pada artikel anda, masuklahkedalam mode HTML, lalu masukan kode seperti berikut:[spoiler name="Klik disini untuk melihat gambar"] ini adalahgambar anda [/spoiler]Kata "Klik disini untuk melihat gambar" akan menjadi link yang biladiklik akan menampilkan isi dari bagian antara [spoiler] dan[/spoiler].Version : 0.1Last Updated : 2009-1-1Requires WordPress Version : 2.5 or higherCompatible up to : 2.7.ilmu Website |MagazineE-learning community offline version43WordpressPlug-in

×