WordPress archive by specific date

$args = array(
    'type'            => 'monthly',
    'limit'           => ,
    'format'          => 'html',
    'before'          => ,
    'after'           => ,
    'show_post_count' => false,
    'echo'            => 1
); 

I can choose whether archive should be displayed yearly, monthly, daily or weekly by passing type argument.

The Problem

Unfortunately I ‘CAN NOT’ filter archive only on specific date, in this case I want to display monthly archive on year 2011. I have googled this problem but no luck.

The solution

Then I went into the code in the file where the wp_get_archives function is located, and found this filer hook ‘$where = apply_filters( 'getarchives_where', "WHERE post_type = 'post' AND post_status = 'publish'", $r );‘

That is the filter I was looking for, so I created this callback.

function takien_archive_where($where,$args){
	$year		= isset($args['year']) 		? $args['year'] 	: '';
	$month		= isset($args['month']) 	? $args['month'] 	: '';
	$monthname	= isset($args['monthname']) ? $args['monthname']: '';
	$day		= isset($args['day']) 		? $args['day'] 		: '';
	$dayname	= isset($args['dayname']) 	? $args['dayname'] 	: '';

	if($year){
		$where .= " AND YEAR(post_date) = '$year' ";
		$where .= $month ? " AND MONTH(post_date) = '$month' " : '';
		$where .= $day ? " AND DAY(post_date) = '$day' " : '';
	}
	if($month){
		$where .= " AND MONTH(post_date) = '$month' ";
		$where .= $day ? " AND DAY(post_date) = '$day' " : '';
	}
	if($monthname){
		$where .= " AND MONTHNAME(post_date) = '$monthname' ";
		$where .= $day ? " AND DAY(post_date) = '$day' " : '';
	}
	if($day){
		$where .= " AND DAY(post_date) = '$day' ";
	}
	if($dayname){
		$where .= " AND DAYNAME(post_date) = '$dayname' ";
	}
	return $where;
}

Now, I have additional arguments than can be passed to wp_get_archives function:

• year (string), year to display, eg 2011
• month (string), monthnum to display, eg 2 for February
• monthname (string), month name to display, eg January
• day (string), day of month to display, eg 9
• dayname (string), day name to display, eg Sunday

Usage

//This is example to display archive list on year 2010.
//call the filter early before any output, the best place is in functions.php
add_filter( 'getarchives_where','takien_archive_where',10,2);

/* place the following code at where output to be displayed.*/

//display the archive list monthly based, on year 2010
//set the arguments
$args = array(
    'type'            => 'monthly',
    'echo'            => 0,
    'year'       => '2010'
);

//render the output

echo '<h2>Monthly archive 2010</h2>';
echo '<ul>'.wp_get_archives($args).'</ul>';

//display the archive list daily based, on February 2011
$args = array(
    'type'            => 'daily',
    'echo'            => 0,
    'year'       => '2011',
    'month'     => '12'
);

echo '<h2>Daily archive December, 2011</h2>';
echo '<ul>'.wp_get_archives($args).'</ul>';

//set the arguments
$args = array(
    'type'    => 'daily',
    'echo'    => 0,
    'month'   => '1'
);

echo '<h2>Daily archive January, all years</h2>';
echo '<ul>'.wp_get_archives($args).'</ul>';

If there’s post on that specific date, the output result should look like this:

In fact, you may add other MySQL date-time function to the arguments, see this for reference.

Good luck.

Malicious code on WordPress

I go to that line using my favorite Editor, and surprisingly I found this strange code that I never created before:

Not sure whether is’s a virus or other malicious script and don’t really know how it’s affected on my site.
Where it come from? How to prevent it from coming back? I have not found the answer yet.

Wordpress Logos

Global variable is a variable that is accessible in every scope, in PHP it works ONLY for the same page and the file that are included after. However, some predefined variables, known as superglobals are always accessible in whole site. Both of global and superglobal variable can be redefined or overwrite it’s value.

When developing a WordPress Plugin and or Theme, sometimes you use the PHP global variable. That’s okay, but it’s HIGHLY RECOMMENDED that you not use variable name that are already defined by WordPress. Why?  Because it may break your other code that may intended to use WordPress variable.

Example

Example case:

1. You have this code somewhere in your theme:

$cat = 5; /*define cat global variable */
$paged = 2; /*define paged global variable */

/* Those variable are intended to this custom query */

query_posts("cat=$cat&posts_per_page=10&paged=$paged");
if (have_posts()) while (have_posts()) : the_post();
	echo get_the_title().'<br />';
endwhile;

The result is you will get the list of 10 post title from category 5, paged 2. That way as what you expected.

2. On the other hand, you (or other developer) also have this code:

query_posts("cat=$cat&posts_per_page=10&paged=$paged");
if (have_posts()) while (have_posts()) : the_post();
	echo get_the_title().'<br />';
endwhile;

So, do not redefine a reserved WordPress global variable unless you are know what are you doing.

The lists of WordPress Reserved Variable

Anyway, what is the variables that reserved WordPress? Here is the list, the left side is variable name, and the right side is the type:

$_template_file = string
$require_once = boolean
$posts = array
$post = object
$wp_did_header = boolean
$wp_did_template_redirect = NULL
$wp_query = object
$wp_rewrite = object
$wpdb = object
$wp_version = string
$wp = object
$id = integer
$comment = NULL
$user_ID = integer
$cat = string
$paged = integer
$error = string
$m = integer
$p = integer
$post_parent = string
$subpost = string
$subpost_id = string
$attachment = string
$attachment_id = integer
$name = string
$static = string
$pagename = string
$page_id = integer
$second = string
$minute = string
$hour = string
$day = integer
$monthnum = integer
$year = integer
$w = integer
$category_name = string
$tag = string
$tag_id = string
$author_name = string
$feed = string
$tb = string
$comments_popup = string
$meta_key = string
$meta_value = string
$preview = string
$s = string
$sentence = string
$fields = string
$category__in = array
$category__not_in = array
$category__and = array
$post__in = array
$post__not_in = array
$tag__in = array
$tag__not_in = array
$tag__and = array
$tag_slug__in = array
$tag_slug__and = array
$ignore_sticky_posts = boolean
$suppress_filters = boolean
$cache_results = boolean
$update_post_term_cache = boolean
$update_post_meta_cache = boolean
$post_type = string
$posts_per_page = integer
$nopaging = boolean
$comments_per_page = string
$no_found_rows = boolean
$order = string

Gmail logo new look

Gmail,  Gmail is …, ah I really don’t need to explain this. So, continue reading

The Facts

Gmail ignores . (dot) in username

If you have Gmail account example@gmail.com, actually you also have ex.ample@gmail.com, exam.ple@gmail.com, and so on until all characters in the username are separated with dot. These all have same inbox, and you can login using each of them. Also, emails come to that address will be received into one inbox example@gmail.com See: Gmail Dot Trick Bug or a Feature ?

Gmail ignores all character after + (plus sign) in username

While you think the dot feature is not enough, Gmail also has another feature; you can add acceptable character in your username, separated by + (plus sign). It can be example+one@gmail.com, example+two@gmail.com, etc. An email sent to example@gmail.com or example+one@gmail.com or example+two@gmail.com will all be redirected to one common email address and that is example@gmail.com. See: GMail Easter Eggs: Dot Blindess & Email Aliases.

Gmail does not recognize characters after the PLUS symbol but the gmail search filter can distinguish between the different address and you can therefore redirect these email to separats gmail folders or apply different labels.

Gmail user can use @googlemail.com instead of @gmail.com

Again, example@gmail.com can be replaced with example@googlemail.com as well as if it combined with dot and plus.

The Problem

Spammer in SMF forum

Besides the advantage of filtering, this feature has disadvantage for website owner, eg Community Forum and or website that requires unique membership. Yes, persons with Gmail account could have as many as possible duplicate accounts in our website. Of course this is very undesirable. Moreover, this way mostly used by spammer to register in our forum as they only need one Gmail account to register their hundreds clone. Imagine this, how many accounts can be generated from one Gmail account? It almost infinite, if I can’t say unlimited.

The Solution

If you think Gmail feature is bad for membership website, the only solution is to strip all gmail aliases and leave only original example@gmail.com during member registration process. The following lines of code is a PHP functions for this task.

Implementations

In WordPress

wordpress logo

It’s easy to call this function in WordPress platform, using user_registration_email filter hook. This function will be invoked immediately while user perform registration. Place this code in functions.php in your WordPress theme file or can be packaged into a plugin.

In SMF (Simple Machines Forum)

SMF Forum Logo

Unlike WordPress, SMF needs more attention while doing modifications. Yes, you need to hardly editing existing file, so don’t forget to backup before you do anything with files in SMF.

1. The file you will edit located in /Sources/Register.php
2. Open file with code editor, eg. Notepad++
3. Find this set of codes:

4. DO NOT edit anything inside the code above, yet add this code after it:

   As you see this is a direct code, not a PHP function, since it’s already in another SMF function, Register2()

5. Save file and re-upload it to server.

In Custom PHP

If you using custom PHP code or CMS other than WordPress and SMF, call strip_gmail_email_aliases() right after registration form is submitted. Example:

Conclusion

Your comment are welcome.

What Is jScrollPane?

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser’s default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.

jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head of your document all you need to to is call one javascript function to initialise the scrollpane. You can style the resultant scrollbars easily with CSS or choose from the existing themes. There are a number of different examples showcasing different features of jScrollPane and a number of ways for you to get support.

What Is Facebook ScrollableArea?

Facebook Scrollable Area

Recently, Facebook ScrollableArea can be found in many part of Facebook user interface to handle overflow content. One is in the activity feed in the top right area with a cute scrollbar that can be scrolled by dragging and mouse scroll.

Yes, it can be done nicely — with little CSS and JavaScript customization — using jScrollPane I mentioned above

jScrollPane + (JavaScript + CSS) = Facebook ScrollableArea

Don’t worry, there is no pain coding needed to do this, just follow this steps:

1. Include jScrollPane library and jQuery (if not yet) to your page

<!-- styles needed by jScrollPane -->
<link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />

<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>

<!-- the jScrollPane script -->
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>

2.Initialize jScrollPane to your selector.

By default, the following code is ready to convert your scrollbar to  jScrollPane.

$(function() {
	$('.content-area').jScrollPane();
});

But here, we need more settings. It’s should look like this:

$('.content-area').jScrollPane({
	horizontalGutter:5,
	verticalGutter:5,
	'showArrows': false
});

3. Scrollbar should be hidden if no mouse over on it.

So, we use .fadeIn() and .fadeOut() jQuery effects:

$('.jspDrag').hide();
$('.jspScrollable').mouseenter(function(){
    $(this).find('.jspDrag').stop(true, true).fadeIn('slow');
});
$('.jspScrollable').mouseleave(function(){
    $(this).find('.jspDrag').stop(true, true).fadeOut('slow');
});

4. Last but not least, add custom CSS
-

/*scrollpane custom CSS*/
.jspVerticalBar {
	width: 8px;
	background: transparent;
	right:10px;
}

.jspHorizontalBar {
	bottom: 5px;
	width: 100%;
	height: 8px;
	background: transparent;
}
.jspTrack {
	background: transparent;
}

.jspDrag {
	background: url(images/transparent-black.png) repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspCorner {
	display:none
}

We use a 1×1 pixel PNG transparent image for jspDrag background, Download it here (right click, save link/target)

 Live Demo

Click Here to See Live Demo

Hooks ilustration, image courtesy of lookingglassoutfitters.com

Probably you have known this, WordPress code is pretty good, especially when compared with other CMS or what we ever found on PHP tutorials. The one I like is how WordPress uses hooks.   If you ever created WordPress plugins, you may experienced that you don’t need to modify any of core code just to add something in the header and footer. Or even for more complex task, add additional menu and page on WordPress admin.

Things you need to do is to know what hook related to that, and add actions or filter with your own callback function. WordPress hooks divided in to two sections; Action hook and Filter hook. What is the difference? In simple, actions is to add functionality or output, where filter is to manipulate existing output. WordPress hook code stored in wp-includes/plugins.php

Err, I am not going to deeply explain about WordPress hook. But, in case you’re wondering how it works or may be you want implement it in your own CMS or PHP script, here is the step by step .

$cms_filter = Array();

Declare do_action() function, the task of this function is to call custom functions stored in $cms_filter, uses  call_user_func_array();

function do_action($tag){
global $cms_filter;
if(isset($cms_filter[$tag]) AND function_exists($cms_filter[$tag])){
call_user_func_array($cms_filter[$tag], array());
}
}

Declare add_action() function, the task of this function is to store custom function to $cms_filter global variable.

function add_action($tag,$callback){
global $cms_filter;
$cms_filter[$tag] = $callback;
}

And………. you’re done. What..? Yes, that code is already to use.

Ok, let’s go. Place this code in wherever you like, for example in your core CMS file, or in your header’s template file between <head> and </head>

do_action('cms_head');

Whenever you want to add something to the location, just call this function:

add_action('cms_head','script_in_my_head');

cms_head is hook name, and script_in_my_head is must exists callback function that refer to your custom code. See example below:

function script_in_my_head(){
echo '<script>alert('Hello world!')</script>';
}

Note: This is only a simple working code, not a replacement nor has same capability as actual WordPress hooks. You may edit or improve it to meet your need.

function find_file($dirs,$filename,$exact=false){

	$dir = @scandir($dirs);
	if(is_array($dir) AND !empty($dir)){
	foreach($dir as $file){
	if(($file !== '.') AND ($file!=='..')){
	if (is_file($dirs.'/'.$file)){
		$filepath =  realpath($dirs.'/'.$file);

		if(!$exact){
			$pos = strpos($file,$filename);
			if($pos === false) {
			}
			else {
				if(file_exists($filepath) AND is_file($filepath)){
				echo str_replace($filename,'<span style="color:red;font-weight:bold">'.$filename.'</span>',$filepath).' ('.round(filesize($filepath)/1024).'kb)<br />';
				}
			}
		}
		elseif(($file == $filename)){

			if(file_exists($filepath) AND is_file($filepath)){
				echo str_replace($filename,'<span style="color:red;font-weight:bold">'.$filename.'</span>',$filepath).' ('.round(filesize($filepath)/1024).'kb)<br />';
			}
		}
	}
	else{
		find_file($dirs.'/'.$file,$filename,$exact);
	}
	}
	}
	}
}

The function accepts three parameters:

1. $dir (string), absolute path of the directory to start the search, to use current directory use dirname(__FILE__).
2. $filename (string), the keyword to search for.
3. $exact (bool), true/false, default is false. If you set it to true it will find the exact ‘index.php’ not ‘anotherindex.php’ for keyword ‘index.php’.

How to use this function?

This will find all file name contains content within current directory and all it’s sub directories.

< ?php find_file(dirname(__FILE__),'content');
?>

And the search result will be like this:

Search file using PHP functions

Another Approach

Another way to search file in directory is using PHP glob function, as written here.

Windows 8 Home Screen

Windows 8 Developer Preview telah diluncurkan beberapa hari yang lalu oleh Microsoft sebagai beta test terhadap Windows 8. Microsoft mengeluarkan preview ini untuk mendapatkan feedback dari penggunanya sebelum akhirnya mereka mengeluarkan Windows 8 versi final. Karena ini versi preview, jadi wajar bila masih terdapat kekurangannya. Namun demikian saya tetap penasaran dan mencoba mendownload dan menginstalnya. Berikut pengalaman saya ketika mencoba sistem operasi terbaru keluaran Microsoft ini.

Berikut beberapa kelebihan dari Windows 8 Developer Preview

Performance

Kesan pertama adalah proses instalasi yang cepat. Seperti pendahulunya, Windows 7, proses instalasi Windows 8 cepat daripada Windows XP. Sistem operasi ini juga cukup stabil. Setelah beberapa jam menggunakan Windows 8 ini, saya tidak mengalami kendala yang berarti, tidak pernah hang/crash dan tidak lag. Prosesor Pentium 4 2.8GHz dengan RAM 2 GB yang saya gunakan dapat dengan mulus menjalankan sistem operasi ini.

Home screen

Nah, ini mungkin yang paling menarik dan menjadi nilai jual bagi Windows 8 ini. Tampilannya mirip dengan home screen Windows Phone 7.  Kotak warna-warni yang berisi shortcut ke aplikasi yang terinstal, game, social network dan sebagainya.

Untuk mengakses salah satu aplikasi, cukup klik 1 kali pada shortcut tersebut. Terkesan lebih simple karena pada sistem operasi pada umumnya Anda harus melakukan double click untuk membuka aplikasi dari icon di desktop.

Ketika aplikasi terbuka, jangan heran jika tampil di layar penuh tanpa adanya titlebar, window frame maupun taskbar. Tampilan layar penuh ini hanya ada pada aplikasi bawaan Windows 8, namun tidak pada aplikasi yang diinstal sendiri, misalnya Mozilla Firefox. Semoga saja pada masa yang akan datang, aplikasi-aplikasi tersebut juga akan mengadaptasi fitur layar penuh ini. Untuk kembali ke home screen, tekan tombol Windows di keyboard, tekan sekali lagi untuk kembali lagi ke aplikasi.

Home screen Windows 8 ini menarik karena berbeda  sekali dari kesan tampilan Desktop pada Windows sebelumnya, bahkan jika dibandingkan dengan sistem operasi lain, benar-benar berbeda. Tampilan layar penuh tanpa adanya taskbar  dan start menu. Sebenarnya start menu bukan dihilangkan, tapi tersembunyi. Terbukti ketika saya mengarahkan mouse ke sudut kiri bawah muncullah start menu tersebut, dan secara bersamaan di sudut kanan juga muncul tampilan jam dan tanggal dalam ukuran besar.

Drag and slide

Saya tidak tahu istilah drag and slide ini benar atau tidak. Tapi fitur ini juga tidak kalah menarik. Yakni fitur di Windows 8 yang digunakan untuk pindah antar aplikasi yang dibuka dengan cara menarik layar ke kanan. Caranya arahkan cursor ke kiri layar kemudian tekan (klik, tahan) sampai muncul preview jendela aplikasi kemudian tarik  ke tengah, maka jendela aplikasi akan terganti disertai efek animasi yang menarik.

Kompatibilitas

Windows 8 menawarkan kompatibilitas dengan program-program lama. Sebagian besar aplikasi yang dapat dijalankan di Windows 7 akan berjalan dengan baik di Windows 8.

Desktop klasik

Tampilan home screen tidak serta merta menggantikan desktop seperti pada Windows versi sebelumnya dengan Wallpaper dan icon-iconnya. Desktop masih bisa  dengan cara menekan tombol Window + D di keyboard. Shortcut akses ke desktop juga tersedia di home screen.

Setiap ada kelebihan pasti ada kekurangan, berikut beberapa kekurangan yang saya simpulkan selama saya menggunakan Windows 8 Developer Preview.

Kekurangan Windows 8 Developer Preview

Tidak bisa diinstal di Virtualbox, Windows 8 Developer Preview tidak bisa diinstal di Virtualbox pada beberapa PC termasuk di PC yang saya gunakan. Ketika saya mencoba menginstalnya, beberapa saat setelah loading file saya mendapatkan error:

Your computer needs restart
Please hold the power button
Code: 0x0000000A
Para
0xFFFFFFE6
0x0000001F
0x00000000
0x81B4C64B

Error tersebut dikarenakan prosesor yang saya gunakan tidak mendukung virtualization.

Internet Explorer 10 yang ‘masih’ tidak baik.

Internet Explorer 10 on Windows 8

Windows 8 membawa Internet Explorer versi terbaru namun jangan harap Anda akan bisa berselancar dengan nyaman menggunakan browser ini. Saya coba membuka situs Facebook menggunakan browser yang terkenal dengan ketololannya ini, namun yang terjadi adalah saya hampir tidak bisa mengetik status, karena keyboard menjadi tidak responsif, bahkan beberapa huruf tidak keluar ketika ditekan.

Hilangnya menu-menu penting.

Pada Windows 8 Developer Preview ini, start menu nya terlihat sangat sederhana. Saking sederhananya, menu aplikasi yang terinstal tidak tersedia di start menu, bahkan menu Shutdown dan restart juga tidak ada di situ.

Tidak bisa menutup aplikasi

Windows 8 Task Manager

Aplikasi di home screen memang mudah diakses hanya dengan 1 kali klik. Namun pada aplikasi dengan layar penuh ini anda tidak bisa dengan mudah menutupnya. Karena memang tidak ada tombol untuk menutup jendela aplikasi. Jadi aplikasi akan selamanya terbuka atau hanya tersembunyi. Windows mengatasi ini dengan cara otomatis, aplikasi yang tidak dipakai dalam jangka waktu tertentu prosesnya akan disuspend oleh sistem. Hal ini berarti menghemat sumberdaya prosesor. Namun tetap saja aplikasi tersebut masih tersimpan di memori, yang tentu saja akan berpengaruh kepada performance secara keseluruhan.

Slide hanya satu arah

Ketika saya mencoba melakukan drag ke arah berlawanan (geser ke kiri) dan berharap akan kembali ke program sebelumnya, ternyata… ooo tidak bisa. Drag hanya bisa dilakukan searah ke kanan.

Shutdown lama

Setelah bermenit-menit mencari tombol shutdown namun tidak ketemu. Akhirnya saya menemukannya ketika menekan tombol Ctrl+Alt+Del.  Selain itu proses restart dan shutdown cukup lama. Berbanding terbalik dengan proses startup yang cepat, Windows 8 ini susah matinya

Beberapa masalah Windows Explorer

Secara umum Windows Explorer pada Windows 8 ini mirip seperti yang ada di Windows 7, dengan beberapa perubahan yakni, baris toolbar yang saya rasa terlalu tinggi dan banyak memakan tempat. Walau akhirnya saya menemukan satu untuk mengecilkan toolbar ini, konsekuensinya toolbar malah terlihat terlalu sederhana.

Selain itu, ketika saya menghapus file di Windows Explorer tidak ada dialog confirmasi Yes/No. Seketika file langsung hilang masuk ke tong sampah. Sedikit berbahaa jika penggunanya mempunyai penyakit jantung dan tidak sengaja menghapus file. hehehe.

Kesimpulan

Jika Windows 8 Developer Preview ini bisa mewakili bagaimana Windows 8 ketika final release nantinya, menurut saya Windows 8 ini adalah sebuah langkah bagus dalam sejarah sistem operasi yang nantinya akan diikuti oleh sistem operasi lainnya. Menurut Microsoft, Windows 8 ini memang dioptimalkan untuk touch screen device, seperti PC tablet ataupun PC yang menggunakan monitor touch screen. Menurut saya yang dioptimalkan untuk layar sentuh bukanlah OS nya, tapi hanya (masih) home screen nya saja. Bisa kita lihat di bagian penting lain seperti Windows Explorer, Desktop, Control Panel masih mirip sekali dengan Windows 7 dimana tombol-tombolnya masih terlalu kecil untuk sebuah sebutan touch screen friendly. Bagaimanapun walau masih banyak kekurangan di sana-sini saya yakin nantinya akan terus disempurnakan.

Note: Gambar-gambar menyusul.

Disqus Comment System

Dulu saya males pake Disqus dan tidak tertarik untuk mencobanya. “Aplikasi pihak ketiga gini lambat, dan ujung-ujungnya nitip brand di web kita”, begitulah pemikiran saya waktu itu. Sampai pada suatu hari ketika bikin web orang, saya stuck ketika minta sistem komen yang bisa login pake Twitter dan Facebook. Karena tidak ingin membuang-buang waktu, maka saya coba Disqus. Eh… ternyata sesuatu banget. #hammer. Karena tertarik, lalu saya coba juga di blog ini.

Kalau anda tertarik mencobanya, berikut tutorial cara Memasang Komentar Disqus di WordPress:

1. Pertama mendaftar di Disqus.com dulu, jangan khawatir proses pendaftarannya mudah kok, jadi tidak perlu screenshot. (Padahal lupa )

2. Install plugins Disqus dari dashboard, pada kotak pencarian ketikkan disqus lalu tekan enter, maka akan keluar plugin-plugin yang mengandung kata disqus. Pilih Disqus Comment System klik, Install Now. (lihat gambar 2)

Cara menginstall plugin Disqus di WordPress

3. Kembali ke web Disqus, kita perlu mendaftarkan blog kita ke Disqus. (Dalam satu akun Disqus, bisa dipake untuk banyak blog/website). Di dashboard Disqus, pada sidebar kiri klik tombol +Add disamping tulisan Your Sites. (lihat gambar 3)

Mendaftarkan blog ke Disqus

4. Pada halaman selanjutnya, isikan Site URL, Site Name, dan Site Short Name sesuai dengan detail blog Anda. (lihat gambar 4). Kemudian klik Continue.

Mendaftarkan blog ke Disqus

5. Selanjutnya tertuju pada halaman Settings, isi setting seperlunya. (Lihat gambar 5). Dalam tahap ini kita bisa menentukan Bahasa, jangan pilih Bahasa Indonesia, karena terjemahannya standard baku (baca : jelek) dan belum merata. Jika Anda trauma spam, isikan juga Akismet API (anti spam). Supaya pengunjung bisa menyisipkan gambar di komentar aktifkan Media Attachment.  Jangan lupa di bagian Twitter @replies isikan dengan username Twitter Anda (jika ada ). Klik Continue.

Setting komentar Disqus

6. Tahapan berikutnya, petunjuk untuk instalasi di blog, pilih WordPress (lihat gambar 6). Oh ya, abaikan bagian ini karena kita tadi sudah menginstal plugin Disqus di WordPress.

Cara menginstal Disqus di WordPress

7. Kembali ke dashboard WordPress, buka setting Disqus (di bawah menu Comments). Isikan username dan password Disqus  dan klik Next. (lihat gambar 7)

Username dan passowrd Disqus di WordPress

8. Pada halaman selanjutnya, pilih blog yang sudah kita daftarkan di Disqus tadi. Jika Anda mendaftarkan blog lebih dari satu, situs-situs tersebut akan muncul disini. Klik Next. (lihat gambar

Pilih blog yang mau dipasang Disqus

9. Pemasangan Disqus selesai. Jika Anda ingin mengexport komentar yang sudah ada ke Disqus, klik link export them now. (lihat gambar 9)

Cara mengexport/import komentar Disqus di WordPress

10. Selanjutnya di halaman export/import, klik Export Comments (lihat gambar 10)

Cara mengexport/import komentar Disqus di WordPress

11. Tunggu sampai muncul tanda check list dan tulisan Your comments have been sent to Disqus and queued for import. Klik link See the status of your import to Disqus untuk melihat status pengimporan Komentar di Disqus (lihat gambar 11)

Your comments have been sent to Disqus and queued for import

12. Status pengimporan komentar di web Disqus (lihat gambar 12). Jangan panik kalau ada tulisan Your import are 0% complete (1 still processing), karena itu menandakan proses lagi menunggu antrian untuk diimport. Proses bisa memakan waktu 1-10 menit (tergantung banyaknya komentar).  Ketika proses selesai nanti ada notifikasi di email.

Disqus comment import queue

Selamat berDisqus ria.

1. Buatlah sebuah sub-domain di cpanel, document Root nya diisi dengan /public_html/wp-content/uploads (lihat gambar 1)

Gambar 1. Create sub domain

2. Di wp-admin, buka menu Settings->Media

3. Pada field Full URL path to files, isikanhttp://img.example.com/ (lihat gambar 2) kemudian klik Save Changes untuk menyimpan setting tersebut.

Gambar 2: Full URL path to files

4. Sekarang coba bikin post baru, upload image dan insert ke post, secara otomatis URL image nya sekarang adalah http://img.example.com/tahun/bulan/nama-file.jpg  (demo: lihat path URL gambar2 attachments diatas).

Sekian, semoga bermanfaat