Tulisan ini saya buat, cuma untuk arsip pribadi saja yang mungkin akan di buka lagi ketika dewasa nanti. Gak wajib untuk dikomentari. 1 tahun yang lalu ada juga artikel yang bertopik sama, yang berjudul 14 tahun. Dengan isi yang gak mutu

Tahun ini merupakan tahun pertamaku di SMA, dan juga pertama kalinya nge-kost sendiri . Sebelumnya, aku pernah menargetkan untuk di terima masuk di SMA 3 Yogya, dan alhamdulilah di terima . Begitu masuk disana, angkatan kamu langsung diserang dengan tugas-tugas MOP yang bertubi-tubi (wah lebay..).

Setelah MOP awal selesai, kami langsung diserang oleh PPLB. Tak disangka, ternyata PPLB ini merupakan tonggak berdirinya Bhapad 68, karena dari PPLB inilah Ca Bhapad 68 terpilih. Kekompakan dilatih terus oleh pabhara dan sadyapaka per kelas. Untuk memenangkan perlombaan di hari sabtu itu.

Selama seminggu, kami dilatih terus. Dan kami juga harus mempersiapkan diri untuk pagelaran budaya sabtu itu juga, setelah perlombaan baris per kelas selesai. Dan di hari sabtu itu, selain dijadikan lomba PPLB dan pagelaran budaya, juga dijadikan sebagai malam pelantikan angkatan 68.

Malam itu, setelah lomba PPLB selesai, kami semua mempersiapkan pagelaran budaya. Dan sekitar jam 9 malam pagelaran budaya dimulai, dengan penonton panitia PPLB dan MOP . Pagelaran budaya berjalan dengan lancar dan seru hingga jam 12 malam.

Pagi hari jam 2 pagi. Kami semua disuruh kumpul di lapangan basket dengan mata ditutup slayer dan berbaris 1 grup 1 grup. Tepukan tangan panitia, merupakan penanda jalan yang digunakan oleh grup saya. Satu per satu dipisahkan dari grup dan, satu per satu diajak ke suatu tempat (entah dimana).

Lalu sebuah pertanyaan dilontarkan oleh panitia “apa yang bisa kamu berikan untuk Padmanaba?” karena setengah ngantuk, saya hanya bisa menjawab dengan jawaban konyol, dan tak lama setelah itu seseorang sadyapaka menggotongku dan melemparku kedalam kolam teratai. Dan saat itulah aku tersadar dari kantukku.

Begitu juga untuk teman-teman yang lain. Semuanya diceburin satu-satu, karena itu bagian dari pelantikan angkatan 68. Dan setelah itu, jam 6 pagi ada upacara penutupan PPLB sekaligus pengumuman kelas pemenang dalam lomba baris PPLB kemarin sabtu. Dan ternyata kelasku menjadi juara ke 3. Selain itu, ada juga pengumuman tentang Ca Bhapad 68 yang nantinya akan di lantik.

Satu per satu setiap kelas, nama mereka di panggil. Dan ternyata aku masuk didalamnya. Ca Bhapad dipilih, dilihat dari kemampuan setiap siswa sewaktu 1 minggu latihan di PPLB itu. Dan sekarang, Ca Bhapad selalu latihan di lapangan tengah, sepulang sekolah kecuali hari jum’at dan minggu sampai jam 5. Makannya, waktu blogging saya terkurangi. Ditambah lagi dengan beberapa ekskul yang saya ikuti.

Bukan hanya itu, sekarang ada 4 event yang di selenggarakan padmanaba. Diantaranya adalah PSTW, PadCup, PadJazz dan Padmanaba FunBike, aku memilih PadJazz dan PSTW, dimana PadJazz sebagai Divisi Dekorasi dan PSTW sebagai divisi Multimedia. Nah loh, gimana bisa ngeblog kalo acaranya banyak banget. Ditambah lagi nge-kost, yang harus berlatih hidup mandiri. Plus pr-pr yang menumpuk.

Wah kayaknya ceritanya melenceng dari topik pembicaraan, oke langsung aja cerita ada apa tanggal 31 Juli kemarin. Tepat tanggal 31 Juli kemarin, ada acara AMP (After MOP Party) yang ditujukan untuk penutupan MOP di Padmanaba.

Setiap kelas dari kelas X, wajib mengirimkan 1 band untuk pentas nanti. Dan saya ikut menjadi gitaris mewakili kelas saya bersama dengan teman-teman lainnya. AMP diadakan pada sore hari sekitar jam 4 sampai dengan jam 10an. AMP juga dimeriahkan oleh penampilan padzband, para alumni, dan cirliders .

Acara ini dimulai dengan aksi-aksi band-band kelas yang keren-keren. Setelah itu giliran Padzband dan alumni, yang memperlihatkan aksinya. Diselingi dengan cirliders yang gak kalah serunya .

Sorak sorai menjadi ciri khas ketika AMP berlangsung. Semua berwajah senang dan gembira. Sampai saya lupa bahwa hari ini ulang tahunku. Di AMP ini, masalah-masalah yang dihadapi ketika MOP berlangsung, diluapkan semua. Mulai dari berdansa sampai teriak-teriak gak jelas, di ekspresikan semua disini.

Sekitar pukul 9.30, ketika AMP selesai dengan sukses, beberapa siswa dari angkatanku (entah siapa) tiba-tiba menggotongku dari belakang. Dan ketika sudah sampai tujuan, “byurr..” ternyata diceburin ke kolam teratai. Jadi ingat sewaktu pelantikan angkatan 68 yang juga di ceburin ke kolam teratai satu per satu.

Setelah keluar dari kolam yang dingin itu, Semboyan Padmanaba, diteriakkan dengan lantang biar ngeramein lagi. Jadi ini yang dimaksud, mengapa saya harus membawa baju ganti sewaktu AMP berlangsung oleh temen-temen.

Hari itu, adalah hari yang berkesan. Maaf kalo gak ada fotonya .

Sementara 2 tema yang lain, saya buat untuk dapat diunduh secara free. Tema ini bernama gray_mixed (*template) dan Simic (*WordPress). Sebelumnya gray_mixed sudah pernah saya sertakan dibeberapa artikel saya. Sementara untuk Simic akan saya berikan secara gratis kepada pengunjung blog saya.

Berbeda dengan gray_mixed yang hanya berupa template kosong, dan tidak digunakan untuk CMS. Simic akan menggunakan CMS WordPress sebagai mesinnya. Tema Simic ini akan menjadi tema WordPress pertama yang pernah saya buat. Simple Minimalist Clean, merupakan kepanjangan dari nama tema Simic ini.

Versi pertama yang nantinya akan diluncurkan adalah Simic versi 1.0.0. Sampai saat ini Simic masih dalam tahap rancangan, dan akan di rilis insyaallah di bulan juli ini secara free. Berikut Screen Shotnya.

Screen Shot

Simic versi 1.0.0

Tema simic belum selesai karena banyak sekali urusan sekolah yang menyita waktu saya. Sampai tanggal 26 juli ini, saya baru sempat menyelesaikan bagian header saja. Untuk itu, saya mohon maaf jika tema simic ini akan saya tunda dulu untuk beberapa minggu kedepan.

Sebagai contoh disini kita akan menambah sebuah sidebar baru dibawah bagian sidebar lama kita. Atau dengan kata lain, kita akan memiliki 2 buah sidebar, yaitu sidebar atas (sidebar yang lama) dan sidebar bawah (sidebar yang baru).

2 pengaturan sidebar pada menu appearance > widgets

Untuk membuat sidebar yang baru, kita perlu merubah 2 script, yaitu css dan php. Disini saya akan menggunakan contoh tema yang saya gunakan saja, kalo pingin utak-utik sendiri tampilannya, minimal sudah menguasai CSS

Langkah-langkah

Buka tema yang digunakan, edit file style.css sesuai dengan kebutuhan, minimal ada class / id selector dan heading selector. Contoh

Script CSS
.sidebar {
	float:left;
	width:250px;
	background:#ffffff;
	margin-bottom:10px;
	padding:15px 15px 5px 15px;
	border:1px solid #e0e0e0;
	clear:both;
}
.widget {
	border:1px solid #e0e0e0;
	padding:10px;
	font-size:11px;
	margin-bottom:10px;
}
.widget h3 {
	background:#ebe9e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 10px;
	display:block;
	margin-bottom:10px;
	text-align:left;
	border:1px solid #dedbd1;
	height:16px;
}

Kode .widget sebagai class selector, sedangkan kode .widget h3 sebagai heading selector pada widget.
Selain CSS, kita perlu mengedit 2 file php, yaitu sidebar.php dan functions.php. Buka functions.php pada tema yang kita gunakan, lalu salin script berikut didalam rentangan tag <?php … ?>

Script PHP
if ( function_exists('register_sidebar') )
register_sidebar(array(
	'name' => 'sidebar2',
	'before_widget' => '<div class="widget">',
	'after_widget' => '</div>',
	'before_title' => '<h3>',
	'after_title' => '</h3>',
));

• 'name' => 'sidebar2', sebagai nama sidebar anda nantinya
• 'before_widget' => '<div class="widget">', merupakan tag html yang menjadi pembuka widget
• 'after_widget' => '</div>', merupakan tag html yang menjadi penutup widget
• 'before_title' => '<h3>', merupakan tag html yang menjadi pembuka judul widget
• 'after_title' => '</h3>', merupakan tag html yang menjadi penutup judul widget

Lalu kita perlu mengedit sidebar.php, sebagai tempat dimana “sidebar2″ tersebut bernaung. Salin script berikut di tempat yang tepat

Script PHP
<div class="sidebar">
<?php dynamic_sidebar('sidebar2'); ?>
</div>

Kode tersebut akan diterjemahkan menjadi kurang lebih seperti ini

Kode terjemahan di Sidebar.php
<div class="sidebar">

<div class="widget">
<h3>Judul widget 1</h3>
isi widget 1
</div>
<div class="widget">
<h3>Judul widget 2</h3>
isi widget 2
</div>

</div>

Untuk menambahkan widget pada “sidebar2″ tersebut, kita tidak perlu repot-repot lagi membuka dan mengedit sidebar.php, hanya dari menu Appearance > Widgets, disana akan ada settingan yang berjudul “sidebar2″.

Hasil

Kurang lebih tampilan luarnya akan menjadi seperti ini
Dengan bekal ini, mungkin anda bisa membuat 2 sidebar sekaligus pada sebelah kiri dan kanan blog anda.
Source
codex.wordpress.org – Function Reference/dynamic sidebar
codex.wordpress.org – Function Reference/register sidebar

Cara ini dapat menghemat space hosting pengguna. Misalnya, anda memiliki subdomain yang sama-sama menggunakan WordPress. Dengan menggunakan fitur Multiple-Site, anda tidak perlu menginstall 2 WordPress sekaligus, cukup dengan 1 WordPress saja.

Secara default, fitur ini masih berstatus disable. Jika ingin menggunakan fitur tersebut, pengguna diharuskan mengaktifkannya terlebih dahulu. Berikut caranya

Backup

Untuk jaga-jaga saja, jika ada kesalahan. Diperlukan backup database terlebih dahulu.

1. Login Cpanel, lalu buka phpMyAdmin
2. Klik databse yang anda gunakan, lalu klik tab Export dan atur Optionnya sesuai dengan WordPress Codex

Langkah-langkah

1. Buka wp-config.php, dan masukkan script define('WP_ALLOW_MULTISITE', true); kedalam file tersebut.
2. Login ke WordPress anda. Deactivate semua plugins yang active.
3. Buka menu Tools > Network. Isi Network Title dan Admin E-mail Address, lalu klik Install.
4. Pada halaman selanjutnya, akan ada peringatan “Warning: An existing WordPress network was detected.” Lakukan langkah-langkah berikut :
   1. Sebelumnya, backup dulu file wp-config.php dan file .htaccess blog anda.
   2. Buat folder blogs.dir didalam directory wp-content. Folder tersebut harus bisa dibaca server, permissions 755.
   3. Buka wp-config.php, dan masukan kode yang diperintahkan, diatas kata /* That’s all, stop editing! Happy blogging. */
   4. Buka file .htaccess, dan masukan kode yang diperintahkan.
5. Log Out, lalu Login kembali. Jika berhasil, maka akan muncul menu Super Admin, tepatnya diatas menu Dashboard.
6. Lakukan setting terhadap menu Super Admin > Options terlebih dahulu.
7. Masuk menu Super Admin > Sites, untuk menambahkan Blog baru. Jika berhasil, blog baru akan terlihat langsung di menu tersebut.
8. Untuk login ke dashboardnya, sorot blog yang dipilih lalu klik backend.

Secara default, Multiple Sites tidak menggunakan fitur subdomain. Untuk mengaktifkan fitur tersebut, edit bagian define( 'SUBDOMAIN_INSTALL', false ); pada file wp-config.php, menjadi define( 'SUBDOMAIN_INSTALL', true ); kemudian install plugin WordPress MU Domain Mapping.
Untuk langkah selanjutnya, silahkan utak-utik sendiri..

Source
codex.wordpress.org – Create A Network
codex.wordpress.org – Super Admin Menu
codex.wordpress.org – Super Admin Options SubPanel
wpbeginner.com
binaryturf.com

Sekedar info saja, seputar Piala Dunia 2010. Saya mulai dari daftar 32 negara yang ikut bertanding, lalu 10 stadion Piala Dunia 2010, dan selanjutnya jadwal pertandingan Piala Dunia 2010. Mudah-mudahan info kecil ini bisa membantu. Salam World Cup 2010

Daftar 32 Negara Piala Dunia 2010

10 Stadion Piala Dunia 2010

Jadwal Pertandingan Piala Dunia 2010

Hak siar untuk Negara Indonesia, adalah RCTI dan Global. Jadwal dapat berubah sewaktu-waktu tanpa pemberitahuan.

Jika ada data yang salah, mohon segera berikan tanggapan, di form komentar.
Fiuh.. pegel juga nulisnya, gpp inilah semangat Piala Dunia 2010 . Dari 32 negara yang ikut, saya dukung Spanyol. Ayo.. siapa negara pilihanmu?

Source

goal.com
id.sports.yahoo.com
news.antara.co.id
pialadunia2010com.com

Untuk CSS smiley WordPress sendiri, diatur oleh selector img.wp-smiley. Untuk itu, kita bisa menambahkan beberapa properti yang dirasa perlu agar letak smiley tidak melenceng.

Contoh smiley yang melenceng
Baris 1. Baris 1. Baris 1. Baris 1
Baris 2. Baris 2. Baris 2. Baris 2
Baris 3. Baris 3
Baris 4. Baris 4. Baris 4. Baris 4

Contoh yang benar
Baris 1. Baris 1. Baris 1. Baris 1
Baris 2. Baris 2. Baris 2. Baris 2
Baris 3. Baris 3
Baris 4. Baris 4. Baris 4. Baris 4

Cara Mengatasi

Buka style.css pada tema yang digunakan, di folder public_html/wp-content/themes/(*tema yang dipakai)
Masukan script CSS berikut kedalam style.css tersebut

Script CSS
img.wp-smiley {
background:none;
border:0px;
padding:0px;
margin:0px;
vertical-align:middle;
}

Source

codex.wordpress.org

Boikot Israel

Sekarang ini saudara kita yang berada dalam palestina sedang dilanda kesusahan. Dan sudah banyak korban berjatuhan akibat aksi zionis ini. Sekarangpun sudah muncul gerakan-gerakan yang menyerukan untuk memboikot produk Israel.

Segala bentuk kekerasan yang dilakukan oleh Israel, ditentang dan dikecam keras oleh dunia. Mereka menginginkan tanah dari palestina untuk membangun pemukiman yahudi. Dengan cara paksa, mereka menyiksa warga palestina. Lalu apa yang sebenarnya dipikirkan Israel selama ini? Bukankah mereka telah memiliki tanahnya sendiri?

Lorong bawah tanah Al Aqsa

Saya sebagai orang islam, sangat tidak suka dengan aksi Israel ini. Apa yang mereka pikirkan selama ini, sampai berani menggali tanah dibawah masjid al-aqsa yang dulunya pernah menjadi kiblat umat muslim. Bagaimana jika masjid al aqsa ini sampai ambruk? Mengingat kondisi pondasinya yang semakin lama semakin kritis.

Kecaman keras untuk memboikot Israel terus berlanjut. Bukan hanya orang muslim, bahkan tak jarang non-muslim yang ikut berpartisipasi dalam menyalurkan bantuan. Pemboikotan ini bertujuan untuk menghentikan pemasukan devisa mereka yang digunakan untuk biaya perang. Daftar produknya bisa dilihat disini.

Namun apakah aksi zionis ini akan terhenti begitu saja? Mengingat mereka dibantu oleh Amerika dan palestina merupakan tanah yang dijanjikan tuhan (*menurut mereka). Boikot Israel? Kalo yang kita lakukan cuma itu saya rasa kurang. Jika menggunakan aksi boikot seperti ini, saya rasa efeknya akan terlihat dalam waktu yang sangat lama. Bagaimana pandangan kalian sebagai warga negara Indonesia?

Images Source

http://humairamarby.files.wordpress.com/2009/01/boycott-israel.jpg
http://palestinethinktank.com/wp-content/uploads/2010/02/digging-under-al-aqsa.jpg

Sebenarnya saya belum tahu secara keseluruhan. Sekarang ini sedang saya coba dan berhasil di browser saya. Lumayan juga bisa terkompres menjadi 79%. Untuk teman-teman yang memiliki kendala dalam membuka blog ini, tolong segera berikan tanggapan. Berikut scriptnya

Untuk htaccess

Buka .htaccess dan masukan script ini

Script htaccess
<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript
</ifmodule>

• Yang terkompres adalah file text, html, xml, css, dan js

Untuk PHP

Buka bagian header website, atau untuk wp buka wp-content/themes/(*tema yang dipakai)/header.php
Masukan script ini pada bagian paling atas, diluar tag <html> dan diatas tag <!DOCTYPE>

Script PHP
<?php ob_start("ob_gzhandler"); ?>

Buka bagian footer website, atau untuk wp buka wp-content/themes/(*tema yang dipakai)/footer.php
Masukan script ini pada bagian paling bawah atau dibawah tag penutup html </html>

Script PHP
<?php ob_end_flush(); ?>

• Yang terkompres adalah seluruh text pada website

Source

css-tricks.com
jhuskisson.com
us2.php.net

Update 3 Juni 2010

Trik ini sudah saya coba dan tes berulang ulang. Untuk mengecek apakah website sudah terkompres atau belum, bisa dilihat disini dan disana atau bisa gunakan Firefox, Tools->Page Info, akan terlihat perbedaan size sebelum, dan sesudah terkompres..
Lalu saya gunakan browsershots.org untuk melihat blog saya diberbagai browser dalam berbagai os komputer, dan hasilnya sempurna..

Update 5 Juni 2010

Jika mendapati error page, untuk amannya bisa masukan script php yang diatas, kedalam public_html/index.php. Untuk script php header, masukan pada bagian paling atas file tersebut, sedangkan untuk script php footer, masukan pada bagian paling bawah file tersebut. Contoh

Script PHP
<?php ob_start("ob_gzhandler"); ?>
<?php
/**
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
*
* @package WordPress
*/

/**
* Tells WordPress to load the WordPress theme and output it.
*
* @var bool
*/
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');
?>
<?php ob_end_flush(); ?>

Untuk properti opacity:nilai digunakan pada browser Firefox dengan nilai 0.0 hingga 1, sedangkan properti filter:alpha(opacity=nilai) digunakan pada browser IE dengan nilai 0 hingga 100. Semakin kecil nilainya, semakin besar tingkat ketransparannya. Efek transparan ini hanya dapat terlihat pada browser yang mendukung CSS3.

Efek 1

Efek 2

Cara 1

Untuk menampilkan efek transparan langsung dari tag <img>

Efek 1
<img src="<!-- url gambar -->"
style="opacity:0.6;filter:alpha(opacity=60)" />

Efek 2
<img src="<!-- url gambar -->"
style="opacity:0.6;filter:alpha(opacity=60)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" />

• Ganti <!-- url gambar --> dengan alamat gambar. Contoh src="http://domain.com/gambar.jpg"
• Ganti angkanya sesuai dengan tingkat ketransparan yang diinginkan.
• Untuk Efek 2 atribut onmouseover digunakan jika sedang berada dalam gambar, sedangkan atribut onmouseout digunakan ketika kursor tidak sedang berada dalam gambar.

Cara 2

Dilakukan dengan menaruh properti opacity:nilai dan filter:alpha(opacity=nilai) kepada tag img dalam CSS.

Efek 1
img {
opacity:0.6;
filter:alpha(opacity=60);
}

Efek 2
img {
opacity:0.6;
filter:alpha(opacity=60);
}
img:hover {
opacity:1;
filter:alpha(opacity=100);
}

• Cara diatas, akan mengubah seluruh gambar pada website menjadi efek transparan.
• Ganti angkanya sesuai dengan tingkat ketransparan yang diinginkan.
• Untuk Efek 2 tag img:hover digunakan ketika kursor berada dalam gambar, sedangkan tag img digunakan ketika kursor tidak sedang berada dalam gambar.
• Khusus tag img:hover bisa dikosongkan, karena secara default akan menggunakan properti opacity:1; dan filter:alpha(opacity=100);

Source

W3School

Bisa saya katakan bahwa bahasa html dan css adalah bahasa yang paling dasar, php dan sql merupakan bahasa penunjang, dan javascript adalah bahasa penghias. Biasanya html sering digunakan bersama css, php dengan sql, sedangkan javascript dengan jquery, namun tingkat bahasa jquery merupakan tingkat tinggi, sehingga sulit dipahami orang awam.

Langkah-langkahnya adalah :

1. Niat (*yang ini kudu wajib dimiliki)
2. Memiliki software desain web. Bisa gunakan notepad, notepad++, MS FrontPage atau Adobe DreamWeaver
3. Pahami bahasa html->css->php->sql->javascript secara berurutan
4. Belajar Blog dahulu
5. Belajar dari Web lain
6. Edit tema-tema yang sudah ada
7. Jika sudah mahir, coba buat tema sendiri
8. Aktif di forum-forum

Berikut penjelasannya masing-masing:

1. Niat
   Yang ini gak usah dibahas , kalo udah ada niatan untuk belajar, insyaallah bisa betah sampai step terakhir.
2. Memiliki software desain web
   Yang dimaksud dengan software desain web disini, adalah software coding editor dan software grafis.
   Untuk coding editor :
   • Notepad
   • Notepad++
   • MS FrontPage
   • Adobe DreamWeaver

   Aku rekomendasikan pake Notepad++, karena selain gratis, fungsinya juga lumayan lengkap buat pemula. Tapi kalo udah mahir bisa pake Adobe DreamWeaver.
   Untuk grafis :

   • GIMP
   • CorelDraw
   • Adobe Photoshop

   Saya biasa menggunakan CorelDraw, tapi saya sarankan gunakan Adobe Photoshop.

3. Pahami bahasa html->css->php->sql->javascript secara berurutan
   Lakukan step ini bersama dengan step ke-4 dengan urut. Beberapa artikel berikut ini, saya ambil dari website lain, yang menurut saya enak dipahami.
   HTML
   • http://www.w3schools.com/html/default.asp (*Bahasa Inggris)
   • http://www.webmaster-tutorial.com/tutorial/HTML/1 (*Bahasa Inggris)
   • http://www.freewebs.com/buatsite/index.htm
   • http://werbach.com/barebones/barebone_id.html
   • http://hans.polinpdg.ac.id/html/
   • http://lecturer.eepis-its.edu/~riyanto/web.html
   • http://prothelon.com/mambo/belajar—tutorial-1.html
   • http://www.ayobelajarwebsite.com/category/html/

   CSS

   • http://www.w3schools.com/css/default.asp (*Bahasa Inggris)
   • http://www.webmaster-tutorial.com/tutorial/CSS/1 (*Bahasa Inggris)
   • http://www.belajarcss.com/
   • http://www.dhimasronggobramantyo.com/artikel/Belajar_CSS,_bagaimana_CSS_dapat_merubah_tampilan_website

   PHP

   • http://www.w3schools.com/php/default.asp (*Bahasa Inggris)
   • http://www.webmaster-tutorial.com/tutorial/PHP/1 (*Bahasa Inggris)
   • http://www.freewebmasterhelp.com/tutorials/php (*Bahasa Inggris)
   • http://us.php.net/manual/en/index.php (*Bahasa Inggris)
   • http://www.quackit.com/php/tutorial/ (*Bahasa Inggris)
   • http://www.comptechdoc.org/independent/web/php/intro/index.html (*Bahasa Inggris)
   • http://www.learnphp-tutorial.com/ (*Bahasa Inggris)
   • http://www.ilmuwebsite.com/belajar-php
   • http://www.dhimasronggobramantyo.com/artikel/Belajar_PHP_dari_menginstall_PHP_hingga_mempelajari_fungsi-fungsi_dasar_PHP
   • http://prothelon.com/mambo/dasar-dasar-php-1.html
   • http://ilmukomputer.org/wp-content/uploads/2009/03/triswan-pengenalanphp.pdf (*pdf)
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/welly-tipstrikphp.zip (*zip)
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/endy-php1.zip (*zip)

   SQL

   • http://www.w3schools.com/sql/default.asp (*Bahasa Inggris)
   • http://www.webmaster-tutorial.com/tutorial/PHP/MySQL/1 (*Bahasa Inggris)
   • http://prothelon.com/mambo/tutorial-mysql—pengenalan.html
   • http://prothelon.com/mambo/koneksi-database-menggunakan-php-dan-mysql.html
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/safii-phpmysql.zip (*zip)
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/anon-phpmysql.zip (*zip)
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/endy-php1.zip (*zip)

   JavaSript

   • http://www.w3schools.com/js/default.asp (*Bahasa Inggris)
   • http://www.webmaster-tutorial.com/tutorial/Javascript/1 (*Bahasa Inggris)
   • http://www.ilmukomputer.org/wp-content/uploads/2006/08/andry-javascript.zip (*zip)
   • http://ilmukomputer.org/wp-content/uploads/2007/05/setiaji-javascript.zip (*zip)

   Tutorial HTML, PHP, SQL, dan JavaScript beserta fungsi-fungsinya semuanya ada di W3Schools, sampai saat ini saya belajar dari sana. Dan untuk tutorial HTML, PHP, dan SQL dalam bahasa Indonesia bisa dilihat disini

4. Belajar Blog dahulu
   Mengapa Blog? Belajar blog disini bukan untuk belajar menulis, melainkan belajar tentang penempatan kode-kode yang sudah anda pelajari sebelumnya, juga sebagai tempat latihan langsung tentang pengoprasian kode-kode tersebut. Mulailah dengan langkah yang mudah, dan maju sedikit demi sedikit. Banyak para Web Designer memulai karir mereka dengan nge-Blog. Saya sarankan buat blog anda dengan WordPress SelfHost. Cara pembuatannya bisa belajar dari sini lalu sana
5. Belajar dari Web lain
   Inspirasi yang mendorong anda untuk berkreasi tak lepas dari pengaruh tampilan web milik orang lain. Inspirasi tampilan website yang mendorong saya untuk berkreasi adalah dari GoMediaZine dan Smashing Magazine
6. Edit tema-tema yang sudah ada
   Edit tema pada blog anda sebelumnya, sesuai dengan inspirasi anda. Buatlah blog anda semenarik mungkin tanpa menggunakan plugin, menjadi tantangan bagi anda untuk mendalami kode-kode tadi.
   Jika belum puas, lakukan editing template yang sudah ada. Ini bertujuan untuk mempertajam kemampuan anda. Saya ijinkan anda untuk mengubah template gray_mixed yang saya buat hanya bermodal Notepad++. Atau jika masih belum puas, anda bisa mampir di :
   • http://www.freecsstemplates.org/
   • http://www.freetemplatesonline.com/
   • http://www.templatemo.com/
   • http://www.templateworld.com/free_templates.html
7. Jika sudah mahir, coba buat tema sendiri
   Ini merupakan tantangan yang sulit jika masih awal-awal. Berikut langkah ringkasnya :
   • Mencetuskan ide sketsa tentang rancangan tampilan
   • Gunakan software grafis untuk membuat rancangannya
   • Implantasikan rancangan tadi kedalam bahasa web
   • Tes tema yang telah dibuat, cek setiap baris kode

   Untuk membuat gambar rancangan dengan software, saya sarankan gunakan PhotoShop. Sedangkan untuk bahasa web, saya sarankan gunakan Adobe DreamWeaver.

8. Aktif di forum-forum
   Ini merupakan langkah lanjutan, anda bisa memanfaatkan forum-forum berikut untuk menambah pengetahuan anda.
   • http://www.diskusiweb.com
   • http://forumphp.web.id
   • http://www.wordpressrepublik.com

Secara ringkas, anda memulai dengan belajar bahasa web, kemudian dipraktekkan dalam blog, lalu edit tema yang terdapat disana, dan yang terakhir, buat tema anda sendiri. Jika anda bisa melakukan ke-4 aspek tersebut, selamat anda adalah seorang Web Designer