LukmanHermawan.com » Tutorial http://lukmanhermawan.com Berbagi apa yang saya dapatkan dalam hidup ini Fri, 11 Jun 2010 16:54:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Cara Memasang Facebook Like Box di WordPress http://lukmanhermawan.com/cara-memasang-facebook-like-box-di-wordpres.html http://lukmanhermawan.com/cara-memasang-facebook-like-box-di-wordpres.html#comments Mon, 31 May 2010 01:37:02 +0000 Lukman http://lukmanhermawan.com/?p=488 Berawal dari rasa penasaran saya akan cara memasang Facebook Like Box untuk page di sidebar blog, saya pun sempat bertanya pada Koh Jimmy yang berakhir dengan jawaban cukup memuaskan. Meski sebenarnya kurang paham, namun akhirnya saya mengerti setelah bertanya kepada sesepuh Google.

Gunanya daripada kotak suka facebook ini sebenarnya cukup bagus, yakni pengunjung bisa menjadi penggemar (penyuka) dari blog yang dipasangin kotak ini, tanpa harus masuk ke halaman Facebook. Praktis kan jadinya :)

Nah, cara memasang Facebook Like Box untuk page sangatlah mudah.

  1. Masuk disini
  2. Isi kolom Facebook Page ID dengan ID page kamu. Misal url page nya adalah: http://www.facebook.com/pages/guglingcom/126123500748387. Nah yang saya cetak tebal itu dimasukkan ke kolom Facebook Page ID.
  3. Atur lebarnya di kotak Width, masukkan seberapa lebar yang kamu inginkan (dalam hitungan pixel).
  4. Isi pada kotak Connections seberapa banyak foto penggemar yang ingin ditampilkan.
  5. Hilangkan centang pada stream jika kamu tidak ingin “wall” nya tampil.
  6. Hilangkan centang pada Show header jika kamu tidak ingin ada headernya.
  7. Klik Get Code untuk mendapatkan kode iframe nya.

Setelah code nya sudah di copy, kamu bisa mem-paste kan-nya di widget blog kamu. Atau bisa juga di file.php (untuk yang mengerti php). Dan kode akan langsung muncul begitu saja :) Contoh yang udah jadi bisa dilihat disini

NB: untuk tools Facebook yang lain, bisa dilihat disini

]]> http://lukmanhermawan.com/cara-memasang-facebook-like-box-di-wordpres.html/feed 7 Bikin Wordpress Versi Mobile itu Mudah Loh!! http://lukmanhermawan.com/bikin-wordpress-versi-mobile-itu-mudah-loh.html http://lukmanhermawan.com/bikin-wordpress-versi-mobile-itu-mudah-loh.html#comments Thu, 13 May 2010 05:57:06 +0000 Lukman http://lukmanhermawan.com/?p=478 Berawal dari para peserta kontes yang memberikan kritik berupa “Tidak adanya gugling.com versi mobile” membuat saya tiba-tiba teringat akan ide jadul yang dulu sempat saya pikirkan. Dulu sih mikirnya ga penting, tapi melihat banyaknya masukan agar dibuat versi hape nya, saya jadi penasaran akan caranya.

Nah setelah googling, akhirnya saya dapatkan juga tutorialnya. Sekalian saya share di blog ini supaya saya sendiri ga lupa caranya hehe…

Ternyata gampang loh, tinggal instal plugin, aktifkan dan beres dah

Nah tutorial lengkapnya:
1. Download plugin bernama MobilePress
2. Masuk ke Dashboard – Menu Plugins, lalu aktifkan.
3. Lihat di menu sebelah kiri (biasanya paling bawah), ada menu baru yakni MobilePress, klik pada Options, lalu isikan judul dan deskripsi blog.
4. Pastikan kolom Force Mobile Site tetap pada pilihan NO

Nah, kalo sudah, jangan lupa klik save changes! Setelah itu blog kamu sudah bisa diakses di hape tanpa lemot seperti sebelum pake plugin keren ini.

Untuk melihat blog kamu dalam versi mobile di layar komputer, cukup ketikkan namablogkamu.com/?mobile. Dan untuk menonaktifkannya, ketik namablogkamu.com/?nomobile.

Contoh versi mobile blog ini bisa dilihat disini

]]> http://lukmanhermawan.com/bikin-wordpress-versi-mobile-itu-mudah-loh.html/feed 40 Cara Membuat Theme Wordpress #1: Intro http://lukmanhermawan.com/cara-membuat-theme-wordpress-1-intro.html http://lukmanhermawan.com/cara-membuat-theme-wordpress-1-intro.html#comments Wed, 12 May 2010 03:42:49 +0000 Lukman http://lukmanhermawan.com/?p=451 Setelah lama saya berusaha membuat template wordpress dari nol tahun lalu, akhirnya sekarang baru bisa mulai terwujud. Buat yang lama menunggu bocorannya, mohon maaf ya, banyak kendala soalnya.

Dalam pelajaran Cara Membuat Theme Wordpress kali ini, saya tidak akan langsung mengajarkan semuanya sekaligus. Saya akan mengajarkan langkah demi langkah, dari dasar hingga tingkat lanjut. Bila ada yang salah, mohon dikoreksi, saya juga masih belajar kok :)

Pelajaran ini terdiri atas 3 bagian:
1. Aturan dasar
2. Lingo

1a. Mengenal tag penutup dan tag pembuka
Dalam HTML, dikenal bahasa tag penutup dan tag pembuka. Berikut contohnya:
unordered
Dimana: <p> dan <body> adalah tag pembuka, </p> dan </body> adalah tag penutup.
Intinya semua tag pembuka harus diakhiri dengan tag penutup pasangannya.

Contoh Tag pembuka dan tag penutup pada unordered list yang benar:
unordered

Contoh Tag pembuka dan tag penutup pada unordered list yang salah:
unordered

Perbedaan yang paling mencolok adalah adanya tanda garis miring “/” (tanpa tanda petik) yang merupakan tanda tag penutup.

1b. File Wordpress Theme
Dalam setiap theme wordpress, setidaknya terdapat dua file pembangun theme. Yakni file index.php dan file style.css. Index.php adalah file utama yang dibaca oleh browser saat mengetikkan alamat domain. Sedangkan style.css adalah file yang mengatur tampilan, warna, bentuk font, dan lain sebagainya.

2. Lingo
Lingo bisa dibilang sebagai pengenalan akan istilah dalam Theme Wordpress.

  • Template – Sekumpulan kode dimana kita bisa menggunakannya di banyak halaman tanpa perlu menuliskan kode yang sama di halaman lain.
  • File template – Sebuah file template dari sekian file pembentuk theme. Setiap halaman dibuat dari beberapa file template.
  • Theme atau Wordpress theme – Semua file yang menggunakan teks, kode, gambar, dsb. Perlu diperhatikan: Wordpress theme dan Wordpress template(s) adalah dua hal yang berbeda.
  • Post – Saat ini Anda sedang membaca sebuat post, bisa dibilang satu halaman dari sebuah blog.
  • Page – Sebuah post yang khusus dimana tidak dimasukkan dalam suatu kategori. Page berbeda dengan Post.
Jika teman-teman sekalian ingin bertanya, jangan sungkan. Gunakan form komentar di bawah ya.

Ikuti pelajaran cara membuat theme wordpress ini dari awal.

]]> http://lukmanhermawan.com/cara-membuat-theme-wordpress-1-intro.html/feed 6 Tutorial Belajar Membuat Wordpress Theme http://lukmanhermawan.com/tutorial-belajar-membuat-wordpress-theme.html http://lukmanhermawan.com/tutorial-belajar-membuat-wordpress-theme.html#comments Wed, 12 May 2010 03:41:03 +0000 Lukman http://lukmanhermawan.com/?p=470 Apakah Anda ingin membuat wordpress theme sendiri? Bosan dengan theme gratisan yang banyak beredar di pasaran? Jawabannya tentu saja bikin sendiri. Nah, sebagai pemula saya ingin berbagi dalam cara membuat wordpress theme. Alangkah baiknya jika membaca webnya WordPress terlebih dahulu.

Yang ingin belajar, silahkan siapkan beberapa tool berikut:

  • Wordpress local – Wordpress lokal yang terinstall di komputer, sering disebut localhost. Jika kamu tidak bisa menginstal secara lokal, tidak usah khawatir, cukup praktekkan langsung saja di subdomain wordpress kamu.
  • Notepad: Untuk membuat file theme wordpress nantinya.
  • FileZilla atau FTP lainnya – Ini diperlukan untuk menge-tes secara online theme yang sudah jadi.
  • XHTML Validator dan CSS Validator – Ini diperlukan untuk mengecek validasi daripada theme kamu nantinya. Tools ini juga berguna untuk mengecek eror secara instan. Untuk yang ini nanti kita bahas.

Daftar lengkap tutorial:
#1: Intro
#2 masih dalam proses..

]]> http://lukmanhermawan.com/tutorial-belajar-membuat-wordpress-theme.html/feed 4 Update Wordpress? Gampang Kalau Tahu Caranya http://lukmanhermawan.com/update-wordpress-gampang-kalau-tahu-caranya.html http://lukmanhermawan.com/update-wordpress-gampang-kalau-tahu-caranya.html#comments Mon, 01 Mar 2010 15:23:36 +0000 Lukman http://lukmanhermawan.com/?p=347 Para wordpress mania tentu sudah tak asing lagi mendengar kata update. Wordpress memang rajin mengupdate CMS handalnya. Maksudnya sih baik, supaya bug-bug yang ada bisa segera diperbaiki.

Saya sendiri terkadang bosan melihat tulisan “WordPress x.x.x is available! Please update now.” Bukan hanya bosan, tapi takut salah update hingga berakibat blog tidak bisa diakses. Soalnya pernah kejadian sih, hingga harus lapor hosting dan menunggu hampir seharian.

Jangan jadikan hal ini sebagai momok bagi saya Anda. Kalau tau cara updatenya, gampang banget kok:

1. backup dulu via cpanel
2. matikan (deactivate) semua plugin yang digunakan
3. download wordpress versi terbaru disini
4. lalu extract file wordpress-x.x.x (.zip)
5. kemudian hapus folder wp-content
6. upload (timpa semua) menggunakan FTP di: /public_html

*Pastikan koneksi yang digunakan sehat dan tidak batuk-batuk (baca: kadang idup kadang mati)

Setelah proses upload selesai, masuk ke bagian backend: www.namadomainkamu.com/wp-admin. Klik pada tulisan update database, lalu klik continue.

Proses update versi terbaru selesai, mudah sekali kan? Bagi yang belum tau apa itu FTP, googling aja di mbah gugel yah :11:

]]> http://lukmanhermawan.com/update-wordpress-gampang-kalau-tahu-caranya.html/feed 2 Cara Membuat Template Wordpress Dari Nol http://lukmanhermawan.com/cara-membuat-template-wordpress-dari-nol.html http://lukmanhermawan.com/cara-membuat-template-wordpress-dari-nol.html#comments Sat, 11 Apr 2009 04:54:06 +0000 Lukman http://lukmanhermawan.com/?p=195 Bagaimana cara membuat template wordpress dari nol? Pertanyaan yang bagus namun jawabannya kurang bagus. Jawabannya sih saya sendiri masih belajar membuat template wordpress dari nol alias dari awal. Jika biasanya saya cuma ngehack merombak mengedit template wordpress yang gratisan, kali ini saya mau belajar membuat template wordpress dari dasar.

Alasannya sederhana, saya pengen sekali bisa men-custom template wordpress blog-blog saya. Coba aja nih kalo saya bayarin orang untuk ngebuatin template wordpress blog saya, yang ada saya bangkrut sebelum berbisnis internet hehehe… Alasan kedua adalah saya ingin membuat template yang made in LukmanHermawan.com gitu loh. Selain itu saya juga ingin menajadi desainer handal yang membagi-bagikan ilmu sekarang gratis.

Karena saya sendiri sadar betapa susahnya mencari tutorial yang berhubungan dengan membuat template wordpress, apalagi yang berbahasa indonesia. Yang berbahasa inggris sih banyak berkeliaran di internet (tanya om google kalo kagak percaye).

Yah inilah cerita dari pergumulan saya selama beberapa bulan terakhir ini, maklum saya orang yang mengutamakan kesempurnaan dan waktu. Bagi saya mempunyai blog yang rame itu hebat, tapi lebih hebat lagi jika desainnya tidak memalukan :) Kalau desainnya bagus tapi sepi banget sih juga sama aja boong wkwkwkwkkww Doakan ya doakan saya cepat bisa.

]]> http://lukmanhermawan.com/cara-membuat-template-wordpress-dari-nol.html/feed 50