“Current data from the exo.repository shows a dramatic spike in IE 8.0 adoption, with over 70% of Windows XP systems – sampled from the exo.performance.network’s IT-centric community of nearly 23,000 registered sites – now running Microsoft’s latest web browser. This compares to the less than 10% of XP systems that are still running the aging IE 6.0, and the roughly 20% who are stuck on the in-between version, IE 7.0.

As a web developer, i thought IE6 was a great player in Browser world, when no competitor could match IE at that time. But now, IE6 is a pain for any web developers. It’s the only browser with problems could make it different from other browsers.  I give you an easy example, PNG transparancy. PNG has became a popular format for images on current Interwebs world, still IE6 can’t handle it right. If you see pixert.com in IE6, there are bugs need to be fixed

It makes sense for developers to drop IE 6 and move on with those reasons.  Google Apps did it, why can’t we? It will make our job easier, painless and happier

However, some clients still need it? why ?
It is same reason with Socialtext, “as much as we would like to move beyond IE 6, we have enterprise-wide security-conscious customers that still require supporting it for their users. These are valuable forward looking customers for whom we must be backwards compatible ”

Whether i like it or not, there are 10% use IE6 on their systems.  I’m offering web services, that something I can’t ignore yet until it drops to less than 5% or it cannot hold to new web standards, HTML5 and CSS3.

Related posts:

1. How to access Subversion from Windows
2. Squid -k rotate to clear squid cache
3. WP Register bug in IE6

wp.me is a shortURL service from Automattic. Matt, father of WordPress said “it’s a short link, about 70% smaller than the permalink for this post. WP.me is the only two-letter .me domain in the world.Every blog and post on WordPress.com has a WP.me URL now. These are all exposed in the using rel=shortlink. It doesn’t work for any URL in the world, just WP.com-hosted ones. The links are permanent, they will work as long as WordPress.com is around.WP.me is spam-free, because we are constantly monitoring and removing spam from WP.com”

Automattic added Get Shortlink to WordPress,where is it exactly? Matt said a “Get Shortlink” button next to your permalink when you edit or write a post, and when you click it you’ll get a popup with the beautiful link already highlighted for your copy and pasting pleasure.

Back to P2 idea, i found P2 is a great theme to communicate between team members or company employees, It has in-front UI for add/edit posts, reply comments, however no Get Shorlink?

I had an idea to add wp.me or Get Shortlink to P2 theme in early January. No wp.me shortlink tool in that theme at the time (or still ?) I spent amount of time for a fun modification

Install WordPress.com Stats plugin or known as wp stats plugin
After that, lets get our hands dirty with code

1. Open entry.php and add

if ( function_exists(‘get_shortlink’) ) : ?> | <a href=”" rel=”shortlink”>Shortlink</a>else : endif;

Add it below

if ( current_user_can(‘edit_post’, get_the_id() ) ) :

This means you only use that when you logged in.
Why did I add Shortlink only for logged in users? because that show Shortlink in same area with Edit Post, when you click Edit, it will pop-up editor box below content in P2.

2. Add a function to show Shortlink in AJAX way
Open inc folder, edit ajax.php. Find line no 5, where the class P2Ajax is. Add below function inside class P2Ajax {

function get_shortlink_ajax() {
check_ajax_referer(‘ajaxnonce’,'_inline_edit’);
if ( function_exists(‘get_shortlink’) ) :
$post_id = $_GET['post_ID'];
$post_id = substr( $post_id, strpos( $post_id, ‘-’ ) + 1 );
echo get_shortlink($post_id);
else :
endif;
}

3. Last step is the most difficult step. I added a function for AJAX but it wont work with step 3.
Still in same folder, that’s inc folder, now open p2.js
Go to line 406, where you see this code

case “post” :
var thisPostEditArea;
if (inlineEditPosts != 0 && isUserLoggedIn) {
thisPostEditArea = $(element).children(‘div.editarea’);
thisPostEditArea.editable(ajaxUrl, {event: ‘edit’,loadurl: ajaxUrl + ‘?action=prologue_load_post&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ‘content’, type: ‘autogrow’, cssclass: ‘textedit’,rows: ‘3′,
indicator : ”, loadtext: p2txt.loading,
cancel: p2txt.cancel, submit: p2txt.save, tooltip : ”, width: ‘90%’, onblur: ‘ignore’,
submitdata: {action:’prologue_inline_save’, _inline_edit: nonce}});

$(element).find(‘a.post-edit-link’).click(function() {
thisPostEditArea.trigger(“edit”);
return false;
});
}

Add below code after above lines,

var thisShortLinkArea;
if (inlineEditPosts != 0 && isUserLoggedIn) {
thisShortLinkArea = $(element).children(‘div.editarea’);
thisShortLinkArea.editable(ajaxUrl, {event: ’shortlink’,loadurl: ajaxUrl + ‘?action=prologue_load_post&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ’shortlink’, type: ‘autogrow’, cssclass: ‘textedit’,rows: ‘3′,
indicator : ”, loadtext: p2txt.loading,
cancel: p2txt.cancel, tooltip : ”, width: ‘90%’, onblur: ‘ignore’});
$(element).find(‘a.shortlink’).click(function() {
thisShortLinkArea.trigger(“shortlink”);
return false;
});
}

Go to line no 488, change

if ((inlineEditPosts || inlineEditComments ) && isUserLoggedIn) {

to

if ((inlineEditPosts || inlineShortLink || inlineEditComments ) && isUserLoggedIn) {

Go to line no 558, where you see this code

if (inlineEditPosts && isUserLoggedIn) {
$(‘div.editarea’).editable(ajaxUrl, {event: ’shortlink’, loadurl: ajaxUrl + ‘?action=prologue_load_post&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ’shortlink’, type: ‘autogrow’, cssclass: ‘textedit’, rows: ‘3′,
indicator : ‘/>’, loadtext: p2txt.loading, cancel: p2txt.cancel,tooltip : ”, width: ‘90%’, onblur: ‘ignore’,});
$(‘#main a.shortlink’).click(function() {
$(this).parents(‘li’).children(‘div.editarea’).trigger(“shortlink”);
return false;
});
}

Add below code after above lines

if (inlineEditComments && isUserLoggedIn) {
$(‘div.comment-edit’).editable(ajaxUrl, {event: ‘edit’,loadurl: ajaxUrl + ‘?action=prologue_load_comment&_inline_edit=’ + nonce,
id: ‘comment_ID’,name: ‘comment_content’, type : ‘autogrow’, cssclass: ‘textedit’, rows: ‘3′,
indicator : ‘>’, loadtext: p2txt.loading, cancel: p2txt.cancel, submit: p2txt.save,
tooltip: ”, width: ‘90%’, submitdata: {action:’prologue_inline_comment_save’, _inline_edit: nonce} } );
$(‘a.comment-edit-link’).click(function() {
$(this).parents(‘h4′).next(‘div.comment-edit’).trigger(“edit”);
return false;
});
}

Open folder js, edit p2.js.
Go to line no 472

var thisPostEditArea;
if (inlineEditPosts != 0 && isUserLoggedIn) {
thisPostEditArea = $(element).children(‘div.editarea’);
thisPostEditArea.editable(ajaxUrl, {event: ‘edit’, loadurl: ajaxUrl + ‘&action=get_post&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ‘content’, type: ‘autogrow’, cssclass: ‘textedit’,rows: ‘3′,
indicator : ”, loadtext: p2txt.loading,
cancel: p2txt.cancel, submit: p2txt.save, tooltip : ”, width: ‘90%’, onblur: ‘ignore’,
submitdata: {action:’save_post’, _inline_edit: nonce}});
jQuery(element).find(‘a.post-edit-link’).click(function() {
thisPostEditArea.trigger(‘edit’);
return false;
});
}

Add below code after above lines,

var thisShortLinkArea;
if (inlineEditPosts != 0 && isUserLoggedIn) {
thisShortLinkArea = $(element).children(‘div.editarea’);
thisShortLinkArea.editable(ajaxUrl, {event: ’shortlink’, loadurl: ajaxUrl + ‘&action=get_shortlink_ajax&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ’shortlink’, type: ‘autogrow’, cssclass: ‘textedit’,rows: ‘3′,
indicator : ”, loadtext: p2txt.loading,
cancel: p2txt.cancel, tooltip : ”, width: ‘90%’, onblur: ‘ignore’});
jQuery(element).find(‘a.shortlink’).click(function() {
thisShortLinkArea.trigger(’shortlink’);
return false;
});
}

After that, go to line 614, where you see this code

// Bind actions to comments and posts
if (inlineEditPosts && isUserLoggedIn) {
$(‘a.post-edit-link’).live( ‘click’ , function() {
$(‘div.editarea’).editable(ajaxUrl, {event: ‘edit’, loadurl: ajaxUrl + ‘&action=get_post&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ‘content’, type: ‘autogrow’, cssclass: ‘textedit’, rows: ‘3′,
indicator : ”, loadtext: p2txt.loading, cancel: p2txt.cancel,
submit : p2txt.save, tooltip : ”, width: ‘90%’, onblur: ‘ignore’,
submitdata: {action:’save_post’, _inline_edit: nonce}});

$(this).parents(‘li’).children(‘div.editarea’).trigger(“edit”);
return false;
});
}

Add below code after above lines,

if (inlineEditPosts && isUserLoggedIn) {
$(‘a.shortlink’).live( ‘click’ , function() {
$(‘div.editarea’).editable(ajaxUrl, {event: ’shortlink’, loadurl: ajaxUrl + ‘&action=get_shortlink_ajax&_inline_edit=’ + nonce,
id: ‘post_ID’, name: ’shortlink’, type: ‘autogrow’, cssclass: ‘textedit’, rows: ‘3′,
indicator : ”, loadtext: p2txt.loading, cancel: p2txt.cancel,
tooltip : ”, width: ‘90%’, onblur: ‘ignore’});
$(this).parents(‘li’).children(‘div.editarea’).trigger(“shortlink”);
return false;
});
}

View P2 with Get Shortlink demo (it also uses Private Only plugin)
Username: user01
Password: 123456

Related posts:

1. WP Register bug in IE6
2. Hide apache, php, mysql, kernel and ip address info in cPanel
3. Resume Download on Mac's Safari browser

What is Private Only plugin?
Private Only redirects all users whom aren’t logged in to the login form where they are shown a user-friendly message It also block Feeds”

The plugin compatible up to WordPress 2.9.1 with new features have added to version 1.6.  Blocked RSS Feed (which was leaked on early version, i fixed that) and Custom Login, you can change background page, login form, disable wordpress logo, button Log In text color.

Download on wordpress.org plugin directory

Related posts:

1. Free WordPress Plugin, Private Only
2. How to use Private Only plugin with Prologue Theme
3. Redirect WordPress Page or Post to Tumblr

Download for PC/Mac
1024×768

1900×1200

iPhone version

Wishing you all a joyous holiday season!

Related posts:

1. Apple Gold Wallpaper

The error name Connection Timed Out had popped up in the middle of upload process after progress bar showed 100%.

No, it wasn’t the server caused the problem. That wasn’t Passive Connection problem, which also could  Connection Timed Out. This small problem can trick you. You think the server do it, but it isn’t.

The solution is simple. Open FileZilla > Edit > Settings > Timeout in seconds, default is 20, change it to a higher value like 300 > OK

Simple. isn’t it?

Related posts:

1. FTP connection timed out
2. Setup and change IP in Plesk
3. Hide apache, php, mysql, kernel and ip address info in cPanel

I tried to re-setup ICS Wizard in router, re-setup main network adapters in router and client computers.

Network Connections > right-clicked Local Area Connection, Properties > Internet Protocol > Properties, type in IP Address, Subnet Mask, Default Gateway.  Note: only router had empty Default Gateway

FYI, Local Area Connection use local IP address, its Subnet Mask and local Default Gateway. You can use range 192.168.0.1 – 192.168.0.255 or 192.168.1.1-192.168.1.255.

Microsoft Documentations tell you to use range 192.168.0.1 – 192.168.0.255, because ICS Wizard likely to setup that range.
You can read how to setup ICS or in our own short term, Internet Sharing here. My experience below could be used for both range of IPs

I won’t explain ICS Wizard again, because that isn’t subject of the article. This article for you who have problems with Internet Sharing

Re-setup didn’t help. I concluded it could be something unrelated with Network that blocked the internet sharing, virus or worm?. I scanned all three computers using Avira AntiVir Personal. No virus or worm found in scan results. Then I realized the Avira would have expired. I removed Avira from all computers. Of course, before you removed Avira, you should check quarantine folder, because few anti-virus could release them. Delete whatever in quarantine folder

I also did reset IE, Internet Explorer controlled Internet Online/Offline behavior when no setup proxy in Firefox, Chrome, Opera or other browsers, even Yahoo Messenger affected by IE. Go to Tools on Menu bar > Internet Options > Advanced > Reset Internet Explorer Settings > Reset, follow instructions on the screen

Next, I ran a set of commands to clear and flush WinSock (run this on router and clients),
netsh winsock reset
netsh int ip reset reset.log
netsh winsock reset catalog
ipconfig /flushdns
ipconfig /renew

Press enter after each command.

Reboot the computers and see that makes a difference, you still see the problem then it could either be a corrupt registry file or firewall problem (If that’s registry, re-install Win XP. If that’s firewall, disable WinXP firewall)

After reboot, i had to setup router and client computers IP Addresses, Subnet Masks and Default Gateways. Default Gateway IP in clients must use Router IP Address (router doesn’t have Default Gateway)

Now, last but important setup DNS to router IP Address
After everything okay, you can install Avira back again

Related posts:

1. Remote and Screen Sharing Windows Computer in Mac
2. OpenDNS review
3. FTP connection timed out

It was a fun project and I learned so much about WP E-Commerce, in case you don’t know, WP E-Commerce made by Instinct. I’ve been using WP E-Commerce for clients. . I recommend you to use WP E-Commerce plugin for e-commerce with WordPress.

When I started the project, Crafty Cart was already looking great. It looked like a quick and easy project.

I installed the theme on Fresh WordPress 2.8.2 installation with WP E-commerce 2.7.2. I had found a few bugs on WP E-Commerce that day  before reported it back to Dan Milward. I was taking note of features need to be updated while ran through all features in Crafy Cart.

I ran theme on three browsers, Safari 3, Firefox 3 and IE7. I wanted to make sure the theme was working on 3 premium browsers. I found a bug on  headers, it was showing odd alphabets on Safari. Other bugs mostly minors.

New Drop Shop look was a challenge. I tried to change Drop Shop position from default (horizontal on footer) to vertical position on right side. Why did I do that? It was because the default position blocked footer.  At the end of project, we liked the default position . I also changed backgrounds for light and dark Drop Shop, created two new stylesheet for them. These new styles are now with Craft Cart final produc.

I made a neat effect where there was a link under Shopping Cart to show and hide drop shop allow people to see footer. This feature isn’t available for final product (feel free to contact me for Crafty Cart mods).

Drop shop is a shopping cart with neat effect on WP E-Commerce. It makes possible for your shoppers to drag and drop  goods/products onto it. When I was delivering the Crafty Cart, it had 3 choices of Drop Shop positions, default, vertical (under sidebar), on fly. Only one make it to final product, that’s default

My another task was to update Product Slider to be compatible with Crafty Craft. Drop Shop and Product Slider are add-on modules for WP E-Commerce. You can buy it at Instinct Gold Cart Shop

We did update Crafty Cart comments to be compatible with WordPress 2.8 or above. Old Crafty Cart used Prior WordPress 2.8 comments functions

See screenshots below. Don’t forget to download Crafty Cart 2.0 Beta 1.

Related posts:

1. New Demo Site
2. Free WordPress theme, Simple Blue
3. Free WordPress Theme, So Simple

This tutorial will show you How-To remote a Windows computer, screen sharing it on Mac with WiFI connection or with Ethernet available

Setup Remote Desktop Connection

First thing you need a software to connect Windows to Mac, Remote Desktop Connection Client. Download that software from Apple site.

Install it like other software in Mac. You shall  see a Remote Desktop Connection icon in Application folder after installation

Configure the built in Airport Express or Ethernet to have IP statics. Open Network Preferences, Choose Airport then click Advanced button, go to TCP/IP tab, set Configure IPv4 to Manually, type IP address, subnet mask and router IP.

Airport Express have same setup with Ethernet

Configure Remote Desktop Connection

Before you will remote your Windows computer, you can configure the Remote Desktop Connection software to use themes, play sounds from Windows. The later feature is cool, because you can play mp3 store in Windows to your Mac. Go to RDC menu, launch preferences.

Display Tab allows you to control how Windows look on Mac, you can get full screen size window, show desktop background like your Windows screen,  Windows themes force Mac to display Windows themes

Sound Tab provides three choices,  On the Macintosh computer only to play your Windows sound on Mac, On the Windows-based computer only to play the Sounds on Windows, no Sounds will be transferred to Mac. Or you can turn sound off, tick Do not play sound

Remote and Screen Sharing Windows Computer

Run Remote Desktop Connection, it will ask you Windows computer IP or name before click Connect button

A window popup ask you to insert Windows login.  You must enter same username and password  with Windows login.  You also enter same Domain  with Computer Name in Windows system properties. Click OK

After that, you will see Windows login, insert Windows username and password one more time. Voila you can remote your Windows computer now!

Conclusion

Mac is powerful when it comes to networking even with Windows. It’s only a matter of minutes to setup, fast and easy access

Now, you can collaborate with someone else who use Windows or use it as transition from Windows to Mac.

Feel free to let us know what do you think about this. Is it a tool you find a particularly useful?

Related posts:

1. Skype via Windows Remote Desktop
2. Change Windows XP Desktop to Mac OS X Leopard
3. Shutdown Windows XP using Scheduled Tasks

You are turning MacBook on after the battery is full, you will  find out that there’s no resume command when you resume your download

It sucks when it’s happening in the middle of big files download.

What to do? Clear download window but don’t reset Safari (Edit > Reset)
Safari has  saved all downloads in download directory.

Open download directory, find Safari icon with loading bar on it. That shows you can Resume Download. Click it twice before Safari download windowwill  pop up ..bingo! Your download back on

Related posts:

1. How to access Subversion from Windows
2. Install Subversion on Apache and Windows
3. How to Add Get Shortlink in P2