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.

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

If you put the code correctly and work well, the registration will only record example@gmail.com (without dot, without + and other character after it, and not googlemail.com domain) and all other alias combination will be considered as duplicate (already registered).

Your comment are welcome.

According to Wikipedia, A scrollbar is an object in a graphical user interface (GUI) with which continuous text, pictures or anything else can be scrolled including time in video applications, i.e., viewed even if it does not fit into the space in a computer display, window, or viewport. It was also known as a handle in the very first GUIs.

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

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

Wordpress 3.0.2

On November 30, 2010, WordPress 3.0.2 was released to the public. This is a mandatory security update for all previous WordPress versions.

For version 3.0.2, the database version (db_version in wp_options) remained at 15477.

Installation/Update Information

To download WordPress 3.0.2, update automatically from the Dashboard > Updates menu in your site’s admin area or visit http://wordpress.org/download/release-archive/.

Summary

• Fix moderate security issue where a malicious Author-level user could gain further access to the site. (r16625)

Other bugs and security hardening:

• Remove pingback/trackback blogroll whitelisting feature as it can easily be abused. (#13887)
• Fix canonical redirection for permalinks containing %category% with nested categories and paging. (#13471)
• Fix occasional irrelevant error messages on plugin activation. (#15062)
• Minor XSS fixes in request_filesystem_credentials() and when deleting a plugin. (r16367, r16373)
• Clarify the license in the readme (r15534)
• Multisite: Fix the delete_user meta capability (r15562)
• Multisite: Force current_user_can_for_blog() to run map_meta_cap() even for super admins (#15122)
• Multisite: Fix ms-files.php content type headers when requesting a URL with a query string (#14450)
• Multisite: Fix the usage of the SUBDOMAIN_INSTALL constant for upgraded WordPress MU installs (#14536)

List of Files Revised

wp-includes/ms-files.php
wp-includes/version.php
wp-includes/comment.php
wp-includes/functions.php
wp-includes/load.php
wp-includes/canonical.php
wp-includes/capabilities.php
readme.html
wp-admin/includes/plugin.php
wp-admin/includes/file.php
wp-admin/includes/update-core.php
wp-admin/plugins.php

Source: WordPress.org

Tooltip on desktop application

Basic

• This tooltip would replace title attribute of an HTML element.
• This tooltip text is extracted from the title attribute.
• This tooltip is compatible with common modern browser.
• This is not a jQuery plugin.

Logic

When cursor over on an element with title attribute, normally it will display a tooltip. Extract that title attribute, save it to a variable and remove original title attribute (to prevent original title being displayed).
Create a div element next to current element with position absolute, hidden, and fill it up with extracted title text. Finally, display that div when mouse over on it.

Then what happen when mouse cursor leaves the element? Simply, restore title attribute, and hide or remove tooltip.

Do it your self

Below is the code with explanation comment.

Mouse Enter

$('.poptip').mouseenter(function(){
var text = $(this).attr('title'); //extract title, save to "text" variable
var posi = $(this).position();
var top  = posi.top; //top position
var left = posi.left+5; //left position
var wid	 = $(this).width(); //element width
$(this).attr('title',''); //remove original title
$(this).parent().append('
'+text.replace('|','')+'

'); //create div element with class .poptext, and fill with extracted title.

//some css styling
	$('.poptext').css({'left':(left+wid)+'px',
				'top':(top-$('.poptext').height())+'px',
				'background':'#fffeee',
				'border':'1px solid #f7a229',
				'display':'none',
				'position':'absolute',
				'z-index':'1000',
				'padding':'5px',
				'font-size':'0.8em'
	});

//show tooltip, slowly
	$('.poptext').fadeIn('slow');
});

Mouse Leave

$('.poptip').mouseleave(function(){
	var title = $(this).parent().find('.poptext').html(); //restore title text from tooltip
	$(this).attr('title',title.replace('','|')); //place it back to title attribute
	$(this).parent().find('.poptext').fadeOut('slow'); //hide tooltip
	$(this).parent().find('.poptext').remove(); //remove element.
});

Usage/Example

You’re done.

Twitter Marquee

May be you see it everyday, a seamless-continuous  marquee in the Twitter homepage shows the current trending topic.  It’s damn good with fading background and short description in a tooltips.

If you like that marquee and want to put it in your website/blog, I have write such script using jQuery and CSS3 I just stolen a bunch of jQuery and CSS code from Twitter, clean it up and made to work standalone.

All you need to do is edit the CSS (marquee width, background, text color etc) and image to fit to your need and drop it into your website or blog.

It’s nothing easier than to try it yourself and the following links will tell you everything.

Google Apps

Tapi menurut saya, keputusan Google ini sebenarnya sedikit telat (tepatnya telat 3 bulan telat 2 tahun, wow). Ya, karena saya sendiri sudah melakukan hal ini sejak 2 tahun lalu. Kalau nggak percaya lihat saja postingan saya yang ini:Internet Explorer, Sepertinya Kita Harus Berpisah

Walaupun Google telat, tapi sebagai manusia biasa selayaknya kita bersyukur atas keputusan tersebut guna mengurangi pengguna Internet Explorer 6 yang berarti akan meningkatkan taraf hidup para Webdeveloper

Berikut kutipan email tersebut:

Dear Google Apps admin,​

In order to continue to improve our products and deliver more sophisticated features and performance, we are harnessing some of the latest improvements in web browser technology. This includes faster JavaScript processing and new standards like HTML5. As a result, over the course of 2010, we will be phasing out support for Microsoft Internet Explorer 6.0 as well as other older browsers that are not supported by their own manufacturers.

We plan to begin phasing out support of these older browsers on the Google Docs suite and the Google Sites editor on March 1, 2010. After that point, certain functionality within these applications may have higher latency and may not work correctly in these older browsers. Later in 2010, we will start to phase out support for these browsers for Google Mail and Google Calendar.

Google Apps will continue to support Internet Explorer 7.0 and above, Firefox 3.0 and above, Google Chrome 4.0 and above, and Safari 3.0 and above.

Starting this week, users on these older browsers will see a message in Google Docs and the Google Sites editor explaining this change and asking them to upgrade their browser. We will also alert you again closer to March 1 to remind you of this change.

In 2009, the Google Apps team delivered more than 100 improvements to enhance your product experience. We are aiming to beat that in 2010 and continue to deliver the best and most innovative collaboration products for businesses.

Thank you for your continued support!

Sincerely,

The Google Apps team

Notes:

• Child post is a real post that has a parent.
• Child post only displayed on it’s parent post page or when parent page is displayed.
• Child post can not be viewed individually.
• Child post has all possibility like a normal post, such as attachment, custom fields etc.
  

Features:

• Add/edit parent post directly from your post area.
• No need to edit theme file.

Limitations:

• No setting page
• I don’t know about it’s compatibility.

Bugs:

• Not compatible with my syntax highlight plugin

Here is the code of this plugins…  Hahaha.. little bit messy

Demo:

See below:

Code Update WP Sub Post

There are some changes to the WP Sub Post:

• Fixed/Added, now child post can be viewed as a single post, with link to the Parent Post instead of displaying blank post with ‘Post not found’ title.
• Added, CSS class and id to the blockquote of the child post. It would be useful to make a link like http://example.com/parentpost.html#childpostXXX. while XXX is your child post ID.

Two functions that are changed subpost_template() and where_no_parent()

WP Sub Post

[raw]<pre>
function subpost_template($content) {
global $post;

$parentID = get_the_ID();
       $childposts = get_posts(array(
                                'post_type' => 'post',
                                'numberposts' => -1,
                                'post_status' => 'publish',
                                'post_parent' => $parentID
                                ));
      $subcontent = "";
    foreach($childposts as $childpost){
        $subcontent .= "
<blockquote class=\"sub_post\" id=\"subpost_".$childpost->ID."\">";
        $subcontent .= "
<h3>".$childpost->post_title."</h3>

";
        $subcontent .= $childpost->post_content;
        $subcontent .= '
<p class="postmetadata"><small>This sub post was added on: '.date('l, dS F, Y',strtotime($childpost->post_date)).' <a href="'.get_edit_post_link($childpost->ID).'" rel="nofollow">Edit</a></small>

';
        $subcontent .= "</blockquote>

";
    }

        if($post->post_parent !== 0) {

        $parent_info = '
<blockquote>This post is a child post of <strong>'.get_the_title($post->post_parent).'</strong>. To view the parent post, please <a href="'.get_permalink($post->post_parent).'">click here.</a></blockquote>

';
        $content = $parent_info.$content;
        }

    $content .= $subcontent;
    return $content;
}

function where_no_parent($where) {
    global $wpdb;
    if(!is_single()) {
     $where .= " AND post_parent  = 0";
    }
    else {
    $where .= " AND post_type = 'post'";
    }
    return $where;
}
</pre>
<p>[/raw]

This sub post was added on: Tuesday, 09th February, 2010 Edit

Finally you can see the demo here

Yesterday, I was failed to add a demo directly in this site because of incompatibility with smart tags (all smart tags are not working when WP Sub Post is activated).

The problem comes from my old stupid function subpost_template():D

Thanks and sorry to polvocdo , actually your revision is the answer.
Ha ha I’m forget to replace mine with your revision  :hammer: ….

This sub post was added on: Friday, 29th January, 2010 Edit

This is a child post

This is an individual post (http://takien.com/536/this-is-a-child-post.php) that attached to the another post ( http://takien.com/550/wordpress-plugin-wp-sub-post.php)

image on the child post

Child post could be useful when you want to add an additional information to the main post,  news analysis, or update. Instead of editing the main post, you can now simply Add New post and mark it as child post.

Child post also has it’s own functionality, can handle attachment, displaying image. etc.

But you can’t see this post in the post editing page (wp-admin/edit.php) because of filter  in the plugin to prevent child post to be displayed individually in the main page, post listing, feed, etc.  Hahaha.. don’t worry, I will fix it soon.

This sub post was added on: Wednesday, 27th January, 2010 Edit