Redirect Wordpress ke Versi Mobile

Hari ini lumayan memacu adrenalin otakku. Pagi tadi saya mendapatkan sms dari seseorang, seperti biasa. Setiap hari saya setidaknya mendapatkan sms dari seseorang yang ingin chat via ym yang ingin ngobrol. Semua dari mereka biasanya nanya-nanya soal wordpres, optimisasi, de el el, pokoknya yang ada hubungannya sama jasa oprek saya yang ada di sini. Mereka sebagian adalah member ads-id, dan tidak sedikit yang datang dari google dan kesasar di lapak saya.

Kembali ke orang yang sms tadi, karena saya masih kerja pagi tadi, saya semayani sore hari. Akhirnya sore hari kami ketemuan di YM (baca:chat). Beliau mau order jasa oprek wordpress saya. Beliau ternyata yang punya situs media besar. Sering sih ngeditin situs-situs besar. Kali ini beliau minta 3 item oprek. 2 item saya mampu dengan mudah menggarapnya, ternyata item terakhir lumayan sulit untuk saya yang masih newbie jomblo inih. Beliau minta websitenya otomatis diredirect ke versi mobile ketika pengunjung berasal dari mobile (bukan mobil loh), maksud saya device yang digunakan user untuk mengakses web itu termasuk dalam kategori mobile, seperti android, hp, pda, de el el.

Jam 18.00 saya mulai mengeksekusi, karena minimnya pengetahuan akhirnya saya kesasar ke stackoverflow, w3school, de el el. Sampe nyoba ngakali pake plugin de es be. Dan ternyata hasilnya nihil. Selalu error dan not work.

Keadaan tersebut akhirnya memaksa saya untuk berfikir keras untuk segera menemukan pemecahannya, soalnya yang order udah bazz buzz bazz buzz (ctrl+G) via ym. Oh shit... Bagaimana ini? Kondisi kepepet emang bisa membuat orang bodoh seperti saya untuk berfikit algoritmanya. Jebretttt.... setelah trial error, karena algoritma ane belum begitu baik dan kemampuan coding yang cuma bisa nulis echo aja, jadilah script sederhana untuk meredirect visitor yang datang dari mobile device ke web versi mobile.

Kondisi:
desktop version: domain.com
mobile version: m.domain.com

Algoritma gue:
Setiap user yang datang, dicek dulu "user agentnya", yang belum tahu apa itu user agent browsing dulu sanah!!! :D . Jika ternyata user datang dari mobile device (TRUE), maks aka diredirect ke mobile site, jika FALSE (datang dari selain mobile device) maka akan tetap berada pada versi desktop. Algoritmanya cukup mudah, karena hanya ada dua kondisi (TRUE and FALSE).

Syntax:
<?php
$xxx = $_SERVER['HTTP_HOST'];
$xxx = str_replace('www','m',$xxx);
$xxx = $xxx.$_SERVER[REQUEST_URI];
$yyy = 'http://'.$xxx;
if ( wp_is_mobile() ) {
header( "Location: $yyy" ) ; 
}
?>

Penjelasan:

<?php
$xxx = $_SERVER['HTTP_HOST']; 
//mendapatkan hostname (output: www.domain.com) -> kondisi domain pake www
 
$xxx = str_replace('www','m',$xxx); 
//replace www dengan m
 
$xxx = $xxx.$_SERVER[REQUEST_URI];  
// mendapatkan url path dan menggabungkannya dengan m.domain.com
 
$yyy = 'http://'.$xxx; 
//nambahin http:// 
 
if ( wp_is_mobile() ) { 
//pernyataan kondisi jika user datang dari mobile (fungsi bawaan wordpress)
 
header( "Location: $yyy" ) ;   
//diredireck ke domain mobile
 
}
?>

Pastekan script dia atas di header.php. Letakkan di baris paling atas. Silahkan dikembangkan sendiri. Gimana bro, bisa baca alur syntaxnya kan???? Gila, script pendek gini aja baru kelar jam 21.37 bro. Bodoh amat saya ini. Ternyata simpel sekali, ente pasti bisa dah baca tu sintaks. Yah, tarik nafas lega dan bilang "gan, silahkan dicek, udah kelar". Jebret, work mas, kata beliau. Seneng sekali bisa membantu sesama dan bermanfaat bagi orang lain. Walaupun biayanya nggak seberapa, tapi ilmu hari ini luar biasa.


Dengan script tersebut kita nggak perlu lagi pake plugin ini itu buat redirect wordpress ke versi mobile. Udah saya coba dan work, tidak ada error permalinks. Sekian dulu curhatan newbie, tulisan ini hanya penging buat ane sendiri yang suka lupa, jadi kalo nanti butuh bisa buka blog horror ini. Jika bermanfaat silahkan dipakai. Jika jelek jangan diketawain. Thaks udah datang ke pasar loakan yang isinya cuma sampah g guna.

Membatasi Jumlah Karakter/Kata Pada Judul Wordpress

Entah harus membuat judul apa yang benar. Yang jelas fungsi berikut berfungsi untuk membatasi jumlah kata/karakter pada judul posting wordpress kita. Saya butuh fungsi ini karena berada dalam kondisi:

1. Saya sedang develop template wordpress, dimana saya ingin kotak judul itu mempunyai fixed width, maka dari itu untuk menghindari kesemrawutan tampilan, saya harus membatasi jumlah karakter/kata pada judul yang ditampilkan.

Setelah muter2 ternyata gampang untuk melakukan itu, cukup menggunakan fungsi substr, berikut lebih jelasnya.

Misal:
Judul post = Saya ini anak pendiam baik hati nggak sombong suka menabung

Jika kita menampilkan judul dengan kode default wordpress seperti ini:
 <?php the_title();?>

maka outputnya akan panjang seperti di atas. Kemudian dengan sedikit permak fungsi substr berikut:
<?php echo substr(get_the_title(),0,20).'...';?>

maka outputnya seprti berikut:
Saya ini anak pendia...

Yah intinya begitu, intinya limit character. Juga bisa dengan limit words, tapi kurang efektif. Jika ngotot mau pake limit_words ya monggo, berikut fungsi yang harus dimasukkan ke functons.php:

function limit_words($string, $word_limit)
{
$words = explode(" ",$string);
return implode(" ",array_splice($words,0,$word_limit));
}

Untuk memanggilnya hampir sama sih:
 <?php echo limit_words(get_the_title(),5).'...';?>

Fungsi di atas berfungsi untuk menampilkan judul hanya 5 kata saja, jika dijalankan outputnya seperti berikut:
Saya ini anak pendiam baik

Mau pilih mana? Terserah sampean.

Seoclerks Clone a.k.a SimpleClerks, My First AGC Wordpress Theme

Alhamdulillah, akhirnya selesai juga.
Sudah sebulan lugih menghilang dari peredaran social media. Tujuannya ingin fokus, soalnya kalo online nggak bisa fokus sama sekali. Asyik chat sama temen2 soalnya.
Dan hari ini kusempatkan untuk menulis diblog jadul ini atas terselesaikannya template pertamaku. Sudah sebulan yang lalu saya terjebak sama yang namanya PHP, Wordpress, AGC, API, JSON, XML, HTML, CSS, dkk. Menurutku mereka sangat menawan sehingga mengalihkan perhatianku dari social media. Dan gara-gara aku lebih mentingin mereka, akhirnya aku diputus sama xxxx. Hihihi, ok back to topic.
Melalui tulisan ini saya mau memamerkan template wordpress pertama saya. Cloning website seoclerks.com.
Alhamdulillah, hari ini saya launching di sini: http://www.seoclerks.com/wordpress-...dpress-Theme-SimpleClerks-AGC-Wordpress-Theme.

Selang 2 jam saya launching, udah laku 1 biji bro. Manteb banget, penyemangat buat semakin kreatif.
Blagu lu mam, baru bisa cloning template aja udah pamer. Biarin kataku, wkwkwkwkwk. Namanya juga lagi seneng bro. Kalau nggak dipamerin kurang gimana gitu. Yang penting bukan riya' loh ya.. Ini semata-mata buat penyemangat teman2 biar makin kreatif.

Buat para master yang baca posting ini, jangan diketawain ya, soalnya:
1. Baru sebulan yang lalu saya diajarin CSS
2. Baru 2 bulan yang lalu saya kenal HTML
3. Baru 1 bulan yang lalu saya kenal JSON dan XML
4. Baru 2 minggu yang lalu belajar bikin template wordpress
5. Baru 3 hari yang lalu belajar bikin Theme Options
6. Baru 2 minggu yang lalu belajar mainan AGC wordpress dan ngoprek API

Gila lu mam, baru belajar aja hasilnya udah dijual. Matre lu. Hahahahahaha, bukannya matre sob, kebetulan saya bikin theme ini bukan karena apa2. Karena ada client saya dari amrik sono minta dibikinin CMS atau apalah yang penting mirip seoclerks. Karena saya belum bisa bikin yang namanya CMS, bisa sih kalau mau belajar, tapi terlalu lama, keburu clientnya kabur. Akhirnya saya mutusin untuk bikin dengan wordpress saja.
Dengan bermodal firebug, akhirnya ane lihat tuh source code nya si seoclerks.com. Dengan sedikit kemampuan PHP, CSS, HTML, JSON, XML dan berbekal nekad, jadilah yang namanya SimpleClerks AGC Wordpress theme.

Ini nih demonya kalau pengen tahu: http://imamlabs.tk/simpleclerks/

Gimana???? Mirip kagak sama http://www.seoclerks.com ?

Jujur ajalah gan, kalau template ane malah lebih bagus dari aselinya, wkwkwkwkwk. belagu dikit nggak papa yah. hihihi...

Apa sih fiturnya?
1. Auto generate content di homepage
2. Auto generate content di category page
3. Auto generate content di search result page
4. Auto generate content di 404 not found page
5. Seo friendly search permalink
6. Breadcrumbs ready
7. Simpel, Clean and Fast Loading
8. Dan masih banyak lagi fiturnya.

Oh ya, sebelum saya udah ada tuh yang bikin seoclerks affiliate store. Tapi mereka  nggak pake wordpress, mereka pake pure PHP. Manteb bener mereka tuh, tapi bukannya sombong, coba bandingin bikinan saingan saya dengan bikinan ku tadi. Ini nih penampakan hasil cloningan mereka:
1. http://www.seopilot.org/demo/ bikinan om Shady
2. http://demo.affiliateclerks.com/ bikinan om everret (lelet banget bukanya, hihihi)

Jujur ya, bagusan punya siapa? bikinan anak indo nggak kalah kan, hihihi.

Dari tadi ngomongin Seoclerks. Seoclerks tu apaan sih? Seoclerks tu semacam situs mirip fiverr.com. Intinya disana tu tempatnya para freelancer buat  ngejual jasa, desain, dll dengan harga semaumu. Alhamdulillah dari sonolah saya dapat sedikit sumbangan $$$ buat bayar SPP. Lihat disini kalau pengen tahu lebih sama seoclerks: http://ithoib.blogspot.com/2012/11/pembayaran-dari-seoclerkscom.html.

Back to topic, template kloningan ane tadi a.k.a simpleclerks saya banderol dengan harga $13 saja. Paling murah dari saingan2 saya. Buat teman-teman yang berminat ngicipin template buatan saya tadi. Saya kasih diskon 50% dah. Jadinya cuma $6,5 saja. Itupun kalo kena potongan dari seoclerks saya cuma dapat $4 an saja. Nggak papalah buat kawan sendiri. Gunakan kupon DISK50 buat dapetin diskon 50% dari saya. Murah banget kan, buruan order disini: http://www.seoclerks.com/wordpress-programming/105078/Simple-Amazing-and-Fast-Loading-Seoclerks-Affiliate-Store-Wordpress-Theme-SimpleClerks-AGC-Wordpress-Theme. Itung-itung buat pelaris dan menghargai karya anak bangsa sendiri. Juga bisa buat bahan belajaran teman2 yang minat sama AGC, PHP, Wordpress, dkk.

Uuuuppps... Jangan pergi dulu, ane kasih diskon 70% buat sahabat Blocked, alias blogger kediri. Gimana cara dapetinnya. Gampang banget, silahkan PM lewat fb saja yah. hihihi.
Sekian dulu postingan pamer dari saya, semoga semakin semangat buat berkarya. :-)

Cara Cepat Install Banyak Plugin Wordpress dengan 1 Klik

Lama banget nggak update blog. Disibukkan oleh urusan kerja, kuliah dan urusan asmara (lagi galau), wkwkwkwk. Sok sibuk atau males sih? Temen-temen bisa nilai saya deh. Mumpung lagi mood nulis, di sini  saya mau berbagi trik yang baru saja saya temukan 30 menit yang lalu. Yaitu ketika saya memulai kembali aktivitas "ternak blog". Sudah hampir sebulan nggak ternak blog, dan hari ini rencananya mau mulai ternak blog lagi. Minus bulan desember - januari. Tak ada pemasukan sama sekali. Hosting saya kena hack, ratusan blog hilang deh kena malware. :nangis.....

Ok, kok jadi curhat. Tips hari ini adalah "Bagaimana caranya biar kita nggak repot2, nggak capek2 install satu persatu plugin wordpress?" Kebayang nggak gimana capeknya jika setiap blog butuh 10 plugin, padahal kita mau build 100 blog? Berapa klik coba yang dihabiskan untuk instal plugin2 tersebut? Estimasinya 10x100=1000 klik? Apa nggak kriting jarimu? wkwkwk. Di WSO ada sih yang jual plugin untuk itu, tapi "ora gratis" cuy. Namanya kalo nggak salah "PLUGIN DASHBOARD". Tapi tenang aja, saya akan share cara gratisnya saja.

Plugin ini bernama "Bulk Plugin Installation" (selanjutnya tak sebut BPI saja). Silahkan searh di direktori plugin wordpress.org. Pasti ketemu. BPI berfungsi untuk memudahkan kita menginstall banyak plugin yang kita inginkan hanya dengan 1 kali klik saja. Kita tinggal memasukkan nama plugin, url plugin atau url download plugin (tentunya yg terdapat di direktori wordpress.org) kemudian klik "install". Dalam hitungan menit eh detik deh, terisntall deh semuanya. Kalo semisal sobat punya plugin sendiri dan tidak terdapat di wordpress.org, sobat bisa memasukkan link downloadnya. Gampang kan? Hayo gampang apa mbulet baca tulisan saya???
Dari pada bingung, lihat selengkapnya di video yang baru tak bikin. Maaf videonya bisu, ditonton saja ya...

Di perbesar aja ya pidionya...

Cara Membuat Autoblog Google News Gratis

Bissmillahirrohmanirrohim. Gimana kabar kalian? Semoga sehat selalu. Kali ini saya mau bikin catatan buat saya sendiri, Alhamdulillah kalau bermanfaat buat sobat sekalian. Kali ini saya mau berbagi cerita tentang bagaimana Membuat Autoblog Google News dengan Wordpress di hosting gratisan.Ok, berikut cara saya membuat autoblog google news dengan plugin gratisan:

Langkah pertama, install worpress seperti biasa. Kalau belum bisa silahkan baca di sini. Oh ya, dalam hal ini saya pake domain .co.cc (yang keindeks lagi sekarang) untuk eksperimen dan hosting di 1freehosting.com (favorit ane : support cron job, robot, dll.).

Langkah kedua, siapkan dan instal plugin utama buat grab rss google news, kali ini saya pake plugin RSS Poster. Plugin ini berfungsi untuk grabbing full rss article. Ini adalah plugin alternatif bagi yang nggak mampu beli WP Robot. Plugin ini gratis, silahkan sedot di sini gan.

Langkah ketiga, aktifkan plugin RSS poster tadi, setting konfigurasinya seperti ini:

Untuk mendapatkan sumber RSS google news silahkan buka http://news.google.com/. Klik kategori berita yang sobat inginkan di sebelah kiri, misal ane ambil contoh "Technology".  Di bawah ada tombol RSS, copy lokasi link, lihat gambar biar jelas:

Setelah mendapatkan URL RSS, kembali ke konfigurasi RSS Poster. Paste URL RSS tadi di Feed URL, kasih nama feednya di feed name, atur waktu postingnya sesuka sobat di "update every".
OK, sobat sudah berhasil grab untuk kategori technology, selanjutnya silahkan diterapkan untuk kategori yang lain. Maksimal 5 source RSS (maklum plugin gratisan). Jika sudah selesai jangan lupa klik "UPDATE SETTINGS'".

OK, autoblog sudah jadi, tinggal tidur dah. Silahkan lihat hasilnya di hari kedua, puluhan article sudah berhasil di grab. Untuk demo bikinan saya silahkan cek di http://newestory.co.cc/ .

Selanjutnya, lakukan optimasi autoblog sobat biar kelihatan rapi dan SEO friendly. Untuk mengoptimalkan autoblog google news, ane tambahkan puluhan plugin berikut:

Sekian, sharing ane tentang bikin autoblog google news versi ane. Somoga bermanfaat!

Instalasi Joomla dan Wordpress Otomatis di Domain .Co.Cc

Instalasi Joomla dan Wordpress Otomatis di Domain .Co.Cc. Sudah tidak asing lagi dengan dua CMS ini, dua CMS yang paling user friendly yang digandrungi banyak orang. Juga sudah tidak asing lagi dengan domain gratisan yang satu ini. Domain gratisan yang powerfull menurut saya, hehe. Bagaimana menurut Anda?? Bagi yang belum silahkan coba dan daftar dulu. Ok, sebelum kita membahas materi ini, mari kita bahas permasalahannya terlebih dahulu. Masalah terletak pada instalasi CMS pada domain gratisan ini, akan tetapi masalah tersebut sudah bisa diatasi banyak orang. Salah satunya dengan instalasi CMS manual yang kita bahas sebelumnya., dengan upload manual ke FTP server. Namun cara tersebut kurang efisien dan membutuhkan waktu yang lama saat uploadnya. Maka dari itu saya akan membahas pengalaman saya Instalasi Joomla dan Wordpress Otomatis di Domain .Co.Cc.

Berikut langkah-langkahnya :
1. Masuk ke akun .co.cc Anda,
2. Atur name servernya (name server milik 000a.biz yang bisa menjadi alternatif 000webhost yang sudah mulai berat dan tidak menyediakan fasilitas auto installer untuk member gratis) menjadi seperti gambar di bawah ini :

3. Daftar ke provider hoasting gratis 000a.biz (bisa yang lainnya seperti phpnet.us, byethost, dll.).
4. Log in ke Cpanelnya

5. Klik add on domain, dan masukkan domain .co.cc Anda (ingat : tanpa www), kemudian klik proceed

6. Kemudian kembali ke home Cpanel, klik iVista-Easy Script Installation, kemudian pilih script yang Anda inginkan. Tersedia banyak sekali script

7. Pilih lokasi folder CMS Anda, bisa dibiarkan kosong, klik complete install

8. Instalasi selesai, maka Anda akan diberi detail situs Anda :

Selesai, selamat mencoba. Semoga membantu. Oh ya Anda juga bisa memanfaatkan untuk membuat sub domain .co.cc dan mengatur MX record untuk google apps. Tunggu tulisan selanjutnya.

Instalasi Wordpress Manual di 000webhost

Sukses daftar domain gratis .co.cc dan memadukannya dengan 000webhost. Itu hal yang sangat menggembirakan bagi orang awam seperti saya. Langsung deh log in ke 000webhost. Cari-cari fasilitas autoinstaller, wuih ada. Seneng banget. Ups, ternyata autoinstaller hanya untuk member yang sudah upgrade. Bingung deh gimana nih mau install wordpress? Kemudian saya tertuju ke situs wordpress.org, disitu ada cara manual install wordpress. Baca tutorial belum selesai, langsung deh saya upload ke folder public_html melalui online file manager yang ada di cpanel. Setelah selesai upload, langsung ngetik klikblogger.co.cc (ini web eksperimen saya) ups, muncul pesan error yang rumit gitu deh. Akhirnya saya coba upload lagi, nggak bisa lagi. Sampai 3 hari belum ketemu solusinya. Kemudian saya cari solusi tersebut di google, masuk deh di forum wordpress. Katanya itu masalah FTP kita. Aduh bingung-bingung-bingung. Orang awam kaya saya ini apa mudeng. Eit, jangan salah akhirnya saya berhasil juga install wordpressnya. Lihat aja buktinya di sini. Berikut caranya:

1. Log in ke cpanel 000webhost, buat database mySQL untuk wordpress yang akan Anda install, catat nama database Anda, user name mySQL, password mySQL dan mySQLnya.

2. Catat informasi FTP Anda di menu View FTP Details

3. Upload file wordpressnya, jangan melalui online file manager. Saya sarankan upload via Filezilla, silahkan tulis di google dan download kalau belum punya, berikut caranya:

4. Jalankan program Filezilla yang sudah Anda install

5. Isikan FTP hostname, FTP username dan FTP passwordnya, jika terkoneksi akan muncul direktori situs Anda pada tab Situs remote di sebelah kanan. Lebih jelasnya lihat gambar di bawah ini.

6. Sebelum Anda upload rename wp-config-sample.php menjadi wp-config.php (untuk wordpress versi 3 ke atas, atasnya baru 3.01, hehe)

7. Edit file wp-config.php terlebih dahulu, berikut potongan script php yang harus diedit, ganti kode warna merah sesuai data mySQL Anda, Oh ya editnya bisa pakai dreamweaver.

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', 'nama database Anda');

/** MySQL database username */
define('DB_USER', 'username database Anda');

/** MySQL database password */
define('DB_PASSWORD', 'password database Anda');

/** MySQL hostname */
define('DB_HOST', 'mySQL hostname database Anda');

/** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8');

8. Selanjutnya tentukan mode transfer menjadi automatic/otomatis pada menu transfer pada program FileZilla 

9. Pastikan Anda berada dalam direktori htdocs yang ada dalam direkoti public_html di situs remote.

10. Selanjutnya upload wordpress Anda, seleksi seluruh isi file wordpress Anda pada tab Situs lokal di sebelah kiri, klik kanan upload. Tunggu kurang lebih 30 menit(mungkin bisa lebih cepat tergantung koneksi internet)

11. Setelah selesai upload, buka browser Anda, ketikkan alamat situs Anda.

12. Nah, jika tidak muncul pesan error, tampilannya sepreti di bawah ini:

13. Isikan judul website, password dan email admin, kemudian klik Install wordpress
14. Selesai, jika berhasil akan muncul tampilan seperti di bawah ini:

15. Instalasi telah selesai, selanjutnya silahkan log in di admin situs wordpress Anda untuk mengotak-atik konten website Anda.

Dengan demikian Anda telah berhasil mempunyai situs berCMS wordpress. Terima kasih, kalau ada kesalahan penulisan harap dicomment ya,,