Cara Pasang Widget di Sidebar WordPress

Posted October 30th, 2009 in Web Design by Rumahweb

Tutorial ini kami tulis untuk anda yang baru belajar wordpress, atau bagi anda yang sampai saat ini saya masih kurang mengerti tentang blog wordpress.  Mungkin bagi sebagian orang menganggap tutorial ini sepele, tapi bagi orang yang newbie dan baru saja mengenal wordpress akan terasa kesulitan untuk memahaminya. Prinsip kami ingin sekali memandu anda yang mengalami kesulitan dalam hal ini bagaimana cara menambahkan widget di sidebar wordpress.

Untuk itu silahkan simak panduan berikut ini :

>> Login ke halaman dashboard wordpress anda

>> Lihat pada menu sebelah kiri Appearance >> pilih Widget

>> Pada tampilan baru lihat Avaliable Widgets, anda bisa melihat daftar dari widget seperti (Pages, Calender, Archive, Links, Meta, Search, Recents Post, Tag Clouds, Categories, Recent Comment dan Text ).

>> Pilih widget yang akan ditambahkan, dalam hal ini sebagai contoh adalah text,  kemudian drag ke  bagian sidebar kolom sebelah kanan.

>> Tulis title yang akan ditampilan di halaman wordpress nantinya, berikut code html yang akan di tambahkan pada kotak input dibawah judul tersebut. Klik save untuk menyimpan.

>> Proses telah selesai untuk menambahkan widget baru. Anda bisa menambahkan widget lain sesuai keinginan.   Semoga dapat membantu :)

Tips dan Trick Installasi Extension Joomla 1.5

Posted October 30th, 2009 in News, Web Design by Rumahweb

Ekstensi joomla dirancang untuk diintegrasikan dalam joomla yang memungkinkan Anda untuk mengubah tampilan atau dalam memperluas fungsionalitas situs Web. Extension Joomla 1.5 meliputi komponen, modul dan plugin, serta paket bahasa dan template.
Di sini kami akan memberikan penjelasan singkat Tips sekaligus cara installasi extension joomla atau sebaliknya melakukan uninstall extension joomla.

1.    Ketika anda menginstal ekstensi pastikan Anda men-download mereka dari sumber-sumber yang dikenal. Anda dapat menemukan pilihan extension joomla , sebagai contoh pada situs resmi http://joomla.org
2.    Selalu membuat backup dari situs joomla anda sebelum anda mulai menginstal ekstensi.

Masuk ke tahap bagaimana kita melakukan installasi joomla. Untuk keperluan tutorial ini, sebagai contoh kita akan menginstal komponen VirtueMart untuk Joomla 1.5. Ikuti langkah-langkah di bawah ini untuk menyelesaikan instalasi:

Langkah 1. Download component VirtueMart dari situs resmi. Pastikan Anda mendownload paket lengkap untuk Joomla 1.5.

Langkah2. Login ke halaman administrator  Joomla >> masuk ke Menu Extensions >> Pilih Install / Uninstall.


Langkah 3. Pada bagian Package File klik Browse dan cari file extensi yang akan dilakukan installasi. Dalam hal ini menggunakan component virtuemart sebagai panduan installasi.


Langkah 4. Klik Upload File & Install untuk meng-upload file dan menyelesaikan instalasi.

Langkah 5. Beberapa komponen, termasuk VirtueMart, memerlukan langkah tambahan untuk menyelesaikan instalasi. Dalam kasus dengan VirtueMart Anda harus memilih apakah akan menginstal data sampel atau tidak. Sebagai contoh mari kita menginstalnya dengan mengklik Install SAMPLE DATA.


Ini akan menyelesaikan VirtueMart instalasi dan Anda akan dapat mengelola dari menu Components > VirtueMart melalui back end administrator joomla.

Anda dapat juga  menginstal komponen lain / modul / plugin / template untuk Joomla 1.5 berikut langkah-langkah yang sama sesuai panduan diatas.

Bagaimana cara menghapus extensi joomla sudah terinstall / Uninstall extension ?

Anda dapat menghapus ekstensi Joomla 1.5 dari halaman administrator > Masuk menu ‘Extensions’ >> pilih ‘Install / Uninstall’
Tergantung pada jenis ekstensi yang akan dihapus, Anda harus klik pada salah satu dari berikut – Components, Modules, Plugins, Bahasa, Template.
Kemudian dari ekstensi yang tersedia pilih salah satu yang ingin dihapus dan klik tombol Uninstall. Ini akan menghapus ekstensi dari instalasi Joomla Anda.

Note: Harap dicatat bahwa komponen yang dibangun untuk Joomla 1.0.x tidak dapat diinstal pada Joomla 1.5 kecuali Legacy mode  diaktifkan.

Merubah template oscommerce

Posted August 28th, 2009 in Artikel & Tutorial, Fantastico Review, News, Web Design by Rumahweb

Melanjutkan artikel kami sebelumnya……

Sepertinya masih kurang lengkap jika oscommerce yang kita gunakan masih menggunakan template default. Di sini kami akan membahas mengenai bagaimana mengubah template oscommerce setelah sebelumnya kita membahas mengenai cara mengganti bahasa maupun mata uang rupiah. Pada dasarnya untuk mengganti template ini tidak seperti mengganti template wordpress atau blog lainnya, penggantian template oscomerce ini di lakukan sekali langsung jadi untuk satu template.

Kami sarankan untuk melakukan back up terlebih dahulu untuk menghindari kemungkinan eror yang terjadi. Cara menggantinya tidak terlalu rumit jika anda mengetahui detail file apa saja yang harus di upload. Untuk detailnya silahkan simak langkah-langkah berikut ini :

1.    Silahkan unduh template oscommerce di sini atau bisa dicari source lain sesuai yang anda inginkan.

2.   Lakukan extract pada komputer lokal bapak. File template yang akan diextract akan tampil sesuai dengan installasi default oscommerce sebelumnya. (Bisa dilihat dibawah )

3.    Upload file yang berextension php di luar folder detailnya sebagai berikut :

File yang di upload hanya file dengan extensi .php dari nama file “account.php” sampai dengan “tell_a_friend.php”. Untuk mempermudah upload kami sarankan compres dalam satu file .zip seperti  screenshoot di bawah ini :

Setelah file terupload bisa dilakukan replace dengan cara mengexract file .zip pada instalasi oscommerce sebelumnya.


4.    Selanjutnya  upload folder  “images” templates tersebut dengan cara compres dalam file zip dan replace pada folder images instalasi oscommerce di server.

5.    Perlu diperhatikan untuk hal berikut ini. Sekarang masuk ke folder “includes” di dalam folder template yang anda download.  Terdapat file yang tidak diperkenankan untuk di upload dengan nama file “configure.php” dan “database_tables.php” selain file tersebut bisa di compress dalam satu file .zip dan dilakukan upload di directory  /public_html/includes di server.

Detail mengenai hal diatas bisa dilihat di gambar berikut :


6.    Catatan :  Yang perlu di upload adalah sesuai step 3,4 dan 5 pada bagian seperti terlampir diatas. Untuk melakukan upload template ini juga tidak boleh sembarangan dan jangan melakukan upload sekaligus setelah file template di download, kami jamin toko online anda akan mengalami eror.

7.    Semoga berhasil !!!

Mengubah settingan bahasa Oscomerce ke bahasa Indonesia

Posted August 28th, 2009 in Artikel & Tutorial, News, Web Design by Rumahweb

Di artikel sebelumnya kami mengulas mengenai bagaimana instalasi Ocommerce melalui menu fantastico. Kali ini kami akan memberikan suatu kemudahan baik bagi pengguna yang mengalami kesulitan dalam mendevelop content Oscomerce tersebut. Pada dasarnya secara default instalasi oscomerce tersebut berbahasa Inggris. Memang, karena script toko online yang digunakan menggunakan script produk luar negeri, jadinya bahasa yang digunakan menggunakan bahasa Inggris. Ada baiknya jika memang target costomer berada di luar negeri serta menggunakan kurs dollar sebagai mata uangnya sangat cocok menggunakan aplikasi ini.

Tetapi jangan terlalu kuatir bagi anda yang tidak mahir bahasa Inggris sehingga mengalami kesulitan memahami fitur-fitur yang ada, bahkan bagaimana cara melakukan transaksi produk karena bahasa yang digunakan adalah bahasa Inggris. Sebagai solusi bagi anda yang akan membuat toko online dengan aplikasi ini dan akan menjalankan bisnisnya hanya di skala dalam negeri , kami sarankan untuk mengubahnya ke bentuk bahasa Indonesia. Pengubahannya silahkan anda simak langkah-langkah berikut ini :

  1. Mulailah untuk mendownload script file Oscommerce yang bisa anda download di sini.
  2. Lakukan upload file script tersebut menggunakan FTP/filezilla pada folder “admin/includes/languages” dan “includes/languages” . Detail mengenai cara upload bisa dilihat di sini.

Akan terlihat folder dan file baru dengan nama ‘indonesia’ dan ‘indonesia.php’ seperi disamping ini.


3.  Login sebagai admin dan Lakukan setting perubahan pada menu localization >> languages >> new language. Dan Isikanlah kolom sesuai gambar dibawah ini :

4.    Centang option ‘Set as Default’ kemudian Klik Insert. Anda telah berhasil menambahkan  bahasa  Indonesia ke Oscommerce tersebut.
5.    Langkah selanjutnya adalah menambahkan mata uang rupiah ke dalam Toko Online anda. Langkah- langkah nya cukup mudah seperti terlihat dibawah ini


6.    Pilih menu localization >> Currencies >> new currency . Isikanlah kolom isian sesuai tulisan yang  ada  pada gambar di bawah ini , Untuk value disesuaikan dengan nilai tukar mata uang rupiah dengan dollar.

7.    Klik Insert dan sekarang anda telah berhasil mengubah dollar ke mata uang rupiah tersebut. Finish
8.    Ditunggu update artikel-artikel menarik lainnya dari kami selanjutnya. :)

Comments Off

Perbedaan Tampilan Web di browser

Posted July 28th, 2009 in Artikel & Tutorial, Web Design, Web Programming by Rumahweb

Banyak dari anda yang menanyakan ‘Kenapa tampilan desain berbeda saat di akses dengan menggunakan Mozilla dan IE ? Bagaimana sih caranya agar desain web yang ditampilkan di mozilla dan internet explorer bisa sama ? dan Apa fungsi validasi html ?

Validasi html bukan barang baru lagi, terlebih umurnya sudah hampir 8 tahun sejak pertama kali dikeluarkan oleh W3C. Standarisasi dokumen html sudah dikeluarkan dan disyahkan sejak Januari 2000. Solusinya kembali kepada standarisasi html tadi. Dokumen html yang valid (mengikuti aturan) menurut W3C akan ditampilkan sama pada berbagai macam browser, baik internet explorer atau firefox mozilla.

Standarisasi  yang di terapkan oleh W3C saat ini sering disebutnya dengan xhtml, bukan lagi html. xhtml adalah versi lanjutan dari html. Artinya xhtml adalah dokumen html yang sudah mengikuti aturan standar dari W3C. xhtml kepanjangannya eXtensible html, sehingga xhtml adalah versi bersih dari html.
Jila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal xhtml. Ada beberapa poin penting yang membedakan (atau lebih tepat disebut dengan perbaikan) dari html:

> Tag harus dituliskan dengan huruf kecil
> Setiap nilai atribut harus diberi tanda petik (quote)
> Semua tag harus ditutup (ada awal dan akhirnya)
> Atribut yang biasanya hanya dituliskan tunggal, tetap harus diberi nilai (value )

Perbedaanya hanya sedikit, tapi itu semua berpengaruh terhadap proses validasi yang nantinya akan berpengaruh terhadap tampilan di masing-masing browser. Browser seperti IE atau firefox memiliki model parsing sendiri terhadap kode html, dan model parsing ini bekerja berdasarkan standarisasi yang ditetapkan W3C.

Jika anda mengalami perbedaan tampilan pada browser untuk meminimalkan terjadinya perbedaan tampilan tersebut, ada beberapa tips yang bisa membantu :

  1. Usahakan menggunakan standard xhtml dalam koding html. Untuk melakukan pengcekan validasi html  klik disni.
  2. Usahakan menggunakan kode css untuk mendesain tampilan html, karena lebih bisa diterima disemua browser. Untuk melakukan pengecekan validasi css klik disini
  3. Usahakan ketika development web, cobalah menggunakan browser-browser yang paling banyak dipakai oleh pengguna internet, misalnya : IE, Mozilla Firefox, dan Opera.
  4. Jika memakai dreamweaver ada fasilitas convert ke xhtml, cukup membantu meskipun ada kelemahan pada beberapa kasus.