Guntingbatukertas.com » setting .htaccess http://guntingbatukertas.com Kumpulan Tip, Trik dan Tutorial Indonesia Sat, 02 Apr 2011 21:03:56 +0000 en hourly 1 http://wordpress.org/?v=3.1 Tutorial Membuat Halaman Theme WordPress http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/ http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/#comments Thu, 26 Feb 2009 18:09:43 +0000 salsabel http://www.guntingbatukertas.com/?p=580 templatesAnda sudah lama menggunakan wordpress, tapi tidak puas dengan tampilan theme gratis yang banyak beredar. Anda penasaran ingin membuat tema wordpress sendiri? Ingin tahu cara yang cepat? Silakan ikuti ulasan singkat berikut ini.

Langkah pertama:  Siapkan bahannya
1. Program Editing web seperti Dreamweaver, GoLive, Frontpage. Saya sendiri lebih suka Dreamweaver.
2. Program Pengolah Grafis seperti Photoshop, Illustrator, Photopaint, Gimp. Saya suka memakai Photoshop.
3. Program webserver yang diinstall di komputer lokal Anda. Program ini penting dan mutlak dimiliki untuk mencoba hasil tampilan desain Anda. Banyak sekali pilihan program semacam ini, saya sendiri memakai XAMPP untuk Windows serta Apache2 di Linux. Jika Anda perlu XAMPP, silakan download file nya di sini.

Langkah kedua:
Gambar Layout tema WordPress Anda, satu kolom, 2, 3 atau 4 kolom
Pilih warna tema Anda

Sudah? jika Anda sudah siap, mari lanjut ke langkah berikutnya. Berikut ini ilustrasi tampilan halaman WordPress dengan 3 kolom

layout

Buka Program Pengolah Web Anda, buat sebuah file HTML yang berisi kurang lebih seperti ini:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
</head>

<body>
</body>

</html>

Sekarang, buat Layout Anda..

<div id=”wrapper”>

<div id=”header”>My Header</div>

<div id=”navigation”>My Menu</div>

<div id=”main”>

<div id=”content”>
<div class=”entry”>My Entry</div>
</div>

<div id=”sidebar”>
<div id=”leftsidebar”>My Left Sidebar</div>
<div id=”rightsidebar”>My Right Sidebar</div>
</div>

</div>

<div id=”footer”>My Footer</div>

</div>

Akhir dari file HTML

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>My First WordPress Theme</title>
</head>

<body>
<!– begin frame–>
<div id=”wrapper”>

<!– begin header–>
<div id=”header”>
My Header
</div>
<!– end header–>

<!– begin navigation–>
<div id=”navigation”>
My Menu
</div>
<!– end navigation–>

<!– begin content frame–>
<div id=”main”>

<!– begin entry frame –>
<div id=”content”>

<!– begin entry box–>
<div class=”entry”>
My Entry
</div>
<!– end entry box–>

</div>
<!– end entry frame –>

<!– begin sidebar frame –>
<div id=”sidebar”>

<!– begin left sidebar box –>
<div id=”leftsidebar”>
My Left Sidebar
</div>
<!– end left sidebar box –>

<!– begin right sidebar box –>
<div id=”rightsidebar”>
My Right Sidebar
</div>
<!– end right sidebar box –>

</div>
<!– end sidebar frame –>

<!– end content frame–>
</div>

<!– begin footer–>
<div id=”footer”>
My Footer
</div>
<!– end footer–>

</div>
<!– end frame–>
</body>
</html>

Sekarang tampilan halaman WordPress Anda sudah selesai. Anda bisa kembangkan sesuai dengan keinginan dan preferensi Anda. Bagi yang suka memakai Dreamweaver, Sekarang sudah ada WordPress Template Kit untuk membuat theme WordPress. Dengan cara ini proses kreatif Anda akan semakin mudah dilakukan. Posting ini ditulis oleh blogger sebelah, kunjungi situsnya disini.

Nantikan tulisan berikutnya tentang pembuatan theme WordPress menggunakan Plugin Dreamweaver.

]]> http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/feed/ 8 Trik Mengelola Hosting Dengan Add-On Domain http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/ http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/#comments Wed, 25 Feb 2009 18:58:10 +0000 salsabel http://www.guntingbatukertas.com/?p=575 hostingBelakangan ini banyak perusahaan Hosting yang  menawarkan paket menggiurkan dengan space besar, bandwith lebar sekaligus fasilitas hosting lebih dari satu situs di bawah satu akun. Tentu ini menjadi suatu hal yang menarik karena pelanggan tidak perlu membayarkan uang lebih untuk tiap website yang dikelola. Bayangkan cukup dengan satu kali bayar, satu kali login,
Anda bisa memiliki beberapa website sekaligus. Sekali merengkuh dayung dua tiga website menjadi milik kita hahaha :)

Add-On Domain

Model Marketing mutakhir dan paling umum beberapa situs hosting adalah dengan menawarkan pilihan “Add-On Dmmain”. Istilah ini merujuk pada domain tambahan yang dikelola di bawah akun hosting utama. Biasanya, domain-domain tambahan ini secara fisik akan ditempatkan di dalam sub-direktori root dokumen hosting. Selanjutnya Add-On Domain akan berbagi resource dengan pembatasan yang sama dengan akun hosting utama termasuk bandwith, space harddisk, akun email, database dan fasilitas lainnya. Uniknya Add-on domain dapat diakses langsung dari nama domain dedicated-nya sendiridan mempunyai akun FTP serta statistik situs sendiri. Misalnya: saya punya guntingbatukertas.com, saya tambahkan Addon Domain mentaripagi.com, saya bisa langsung akses addon domain dengan mengetikkan mentaripagi.com di browser yang saya pakai.

  1. Anda dapat membuat Add-on domain ini melalui Control Panel Cpanel dengan cara:
  2. Temukan grup “Addon Domains” dalam layar utama.
  3. Masukkan nama domain, nama direktori tempat penyimpanan data add-on domain berikut passwordnya.
  4. Ingat, jangan buat direktori dulu, CPanel otomatis akan membuatkan direktori saat proses pembuatan Addon Domain buat Anda sekaligus menambahkannya ke dalam entri data konfigurasi server hosting, mengarahkan domain ke direktori tersebut serta membuatkan akun ftp untuk domain tersebut. You only need to enjoy the ride.. :)

add-on-hostingLogin FTP yang dipakai menggunakan format “direktori@contoh.com”. Jika Anda memiliki hosting di contoh.com dan Anda membuat addon domain bernama contoh2.com, dengan nama direktori contoh2 dan password ‘passwordku’ maka Anda akan login ke ftp.contoh.com dengan username contoh2@contoh.com dan password ‘passwordku’.

Tapi ingat, Anda tetap harus mendaftarkan nama add-on domain yang Anda pilih persis seperti Anda mendaftarkan nama domain pada umumnya. Anda juga harus mengarahkan Nameserver Domain ini (dari akun Registrar) ke Nameserver domain utama Anda.

Beberapa hal yang perlu diperhatikan tentang Search Engine dan Add-On Domain

Website biasanya akan lebih mudah dikenali Google dan mesin pencari lain jika menggunakan satu URL statis saja. Ketika Anda membuat Add-on Domain lewat CPanel dengan cara di atas, Add-on domain Anda dapat diakses melakui tiga alamat sebagai berikut:

http://www.contoh2.com
http://contoh2.contoh.com (sebagai subdomain akun hosting utama)
http://www.contoh.com/contoh2/ (sebagai subdirektori akun hosting utama)

Hal di atas bisa mengakibatkan kacaunya pencatatan statistik website oleh search engine. Oleh karena itu pastikan Anda menggunakan fitur Redirects dalam CPanel untuk mengarahkan permintaan contoh.com/contoh ke addon domain yang tepat yakni contoh2.com. Anda juga harus menambahkan entri dalam file .htacces domain And auntuk me-redirect contoh2.contoh.com ke contoh2.com.
File .htaccess Anda seharusnya kurang lebih akan berisi kode seperti di bawah ini:

Options +FollowSymLinks
RewriteEngine on
#
# Redirect if “contoh” subdomain requested
RewriteCond %{HTTP_HOST} ^contoh2\.contoh.com
RewriteRule ^(.*)$ http://www.contoh2.com/$1 [R=301,L]

Penutup

Add-on Domain merupakan cara ekonomis untuk membuat hosting beberapa situs sekaligus dalam satu akun hosting. Dengan mengikuti ulasan ini Anda dapat memastikan Domain Anda tidak kacau ketika dimasukkan list oleh Search Engine.

]]> http://guntingbatukertas.com/internet/trik-mengelola-hosting-dengan-addon-domain/feed/ 8 Permalinks WordPress Nggak Jalan di XAMPP? http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/ http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/#comments Tue, 24 Feb 2009 18:47:15 +0000 salsabel http://www.guntingbatukertas.com/?p=572 xamppXAMPP berisi paket instalasi web server sekaligus PHP dan MySQL database tanpa harus diribetkan dengan setting yang rumit. Namun setelah Anda Install WordPress, fitur permalink Anda tidak dapat berjalan dengan baik pada setting default instalasi XAMPP. Bahkan setelah Anda mengubah struktur permalink yang tepat untuk membuat file .htaccess. Tapi tetap saja, ketika Anda klik tiap permalink, Blog WordPress Anda akan menampilkan halaman error 404 yang menjengkelkan sembari mengatakan pada Anda bahwa halaman tidak ditemukan. Anda hanya bisa mengakses halaman Anda dengan cara mengembalikan struktur default permalink seperti ini http://guntingbatukertas.com/?p=237.

Kenapa hal ini bisa terjadi?

PENJELASAN
Hal ini terjadi karena bahwa dalam XAMPP mod_rewrite tidak diaktifkan secara default. Terlebih lagi, fasilitas AllowOverride juga tidak diaktifkan sehingga Webserver Apache akan mengabaikan file .htaccess yang notabene digunakan untuk menulis kembali permalink dari URL sebenarnya.

SOLUSI
Untuk memperbaiki kesalahan tampilan Permalink di WordPress yang diinstall pada server XAMPP, edit file httpd.conf yang terletak dalam folder ..xampp\apache\conf.

1. Buka file httpd.conf dengan program Text Editor, cari teks dengan kata kunci “mod_rewrite”. Anda akan menemukan baris perintah seperti di bawah ini:

#LoadModule rewrite_module modules/mod_rewrite.so

2. Hilangkan tanda kres (#) dari baris perintah tersebut. Adanya tanda # menandakan bahwa baris perintah ini tidak aktif. Setelah Anda ubah, baris perintah tersebut seharusnya tampak seperti ini:

LoadModule rewrite_module modules/mod_rewrite.so

3. Selanjutnya, cari lagi perintah dengan kata kunci “AllowOverride”. Temukan baris seperti di bawah ini:

AllowOverride None

Jika baris di atas berada dalam direktori default Anda dapat mengabaikannya. Lanjutkan pencarian dan temukan AllowOverride kedua yang berada dalam kolom Document Root Web server (Default XAMPP adalah di Windows).

4. Ubah nilai None menjadi All sehingga perintah akan tampak seperti ini:

AllowOverride All

5. Restart Apache. Permalinks akan kembali normal setelah Restart.

Gampang kan?

]]> http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/feed/ 0