Problem Solved

Stylesheet For Better Listing Using li:before And Word-Wrap

Sometimes using default list-style-type just can't make the layout looks much better. It looks like this on one of my client's WordPress website.

The second line is wrapped below the > symbol. Using the default list-style-position: outside; won't solve the problem. The only solution is to use table display style to make it looks like a table cell and row. So using the following stylesheet and display attribute will solve the problem.

I was having so much troubles to delete a folder that contains huge amount of files. Recently, I started playing with Node.JS and MEAN.js. The mean stack installed lots files (over 120MB, 17000 files) on my computer running Windows 7.

Delete lots file on Windows takes a long time and sometimes break the process and hung my computer. It, by default, removes files and it's subfolder from the folder I want to delete to recycle bin. You then have to right click on the recycle bin to clean the files.

There gotta be a simpler ways to clean files without cleaning the recycle bin.

So here are the ways to make that happen.

Add Google AdSense Banner On Weebly Blog Section

If you are reading this post, you already know about Weebly. A free web builder to create beautiful website and blog. I posted some useful tips not too long ago about Weebly. You can read them here.

Now you may already know that Weebly allows you to post Google AdSense code and share 50/50 profit with Weebly. I would say, it's still a good deal. However, adding Google AdSenee on Weebly's blog section isn't straight forward. You can add an Ad banner in individual blog post or on the side bar, but you can't add them in the blog loop. You can't even change the layout or color easily.

So the only way to add Google AdSense banner in Weebly blog section is to hack the CSS and HTML DOM object.

So it will look like this on one of the website I build for generating passive income.

As you can see, I have one tall banner on the side bar and one wide 728x90 banner below the first post in the post loop. I actually have an other wide banner below the 3rd post.

So here is how it works. There is an DIV element in the loop that seperate the blog post. It looks like this.

<div class="blog-post-separator"></div>

So I want to insert my Google AdSense code within the <div> section.

Here is how the code looks like.

Host Images With SSL On Google Drive

If you are looking for a way to host images on SSL and HTTPS://, you don't have to buy SSL certification any more. You can simply use Google Drive to accomplish that easily.

Check out the following article "Use Google Drive To Host Images With SSL Certification" by Terence Chang

Replace 2009 Highlander Windshield Wiper Blades

The Easiest Way To Replace 2009 Toyoa Highlander Windshield Wiper Blades

Well. It took me a while to find this video on how to replace the windshield wiper blades on my 2009 Toyota Highlander. It took me half hour finding this video and 5 minutes to replace the windshield blades. YouTube is wonderful, but they should do better job on search function.

Do you have Watts Premier RO-Pure 4-Stage Reverse Osmosis System in your house? If you have purchased the Watts Premier RO-Pure 4-Stage Reverse Osmosis System from Amazon or at local Costco, you probably already found out the system has some problems.

They are big problems, but they are annoying problems. Now I have the perfect solutions for the system and it has been running just fine in my house.

The faucet keeps dripping as fast as 1 drop per second rate.
The system non-stop running for hours after just use half cup of water.
water came out behind the faucet base

Do you have any of this problem? Well. You will have the problem eventually.

So here are my solutions for those problems.

Fixed: MailChimp Success Message Missing With Conflict jQuery Issue

There is a problem with Mailchimp, when you use embed HTML code to show mailchimp subscription form on your website. The error message does show, but the successful or require email confirmation (double opt-in) message is missing.

This happens due to that jQuery library is loaded more than once in the page. For example, if you are running a WordPress blog (version 3.9.1 or later), the jQuery is loaded by the theme in most cases. The jQuery library may load more than twice, if you also install third-party plugin that is using jQuery or jQuery UI.

You can see the error in the browser debugger. "$ is not a function" at following line.

function mce_success_cb(resp){

$('#mce-success-response').hide();

It means $ isn't an object or function after the jQuery was loaded.

The easy solution is to add the following code after "function mce_success_cb(resp){".

jQuery(document).ready( function($) {

Remember to close the function call at the end of "function mce_success_cb(resp){" bracket.

});

Mount Missing USB Drive On Windows 7

This is very useful info to mount missing USB Drive you just reformated or repartitioned.

Simply do the followings:

Right click on your Computer icon under the Start menu and select Manage
Select Disk Management
Find the missing Disk
Right click and choose "Change Driver Letter and Path"

Source: Find Your Missing USB Drive in Windows 7 & Vista

Reformat and repartition USB Flash Drive From Windows OS

You can do this in DISKPART in Windows:

Open an command prompt using Administrator rights.
Run DISKPART
list disk
Note the disk number that corresponds to your USB drive (it should be obvious going by size)
select disk X where X is the number from step 4
list partition - There should be two, numbered 0 and 1, each about 7 GB
select partition 0
delete partition
select partition 1
delete partition
create partition primary
exit
exit
In Windows, go to Computer and try to open the disk. It will ask you to format it.
Format it with the default settings and give it a name if you want.

It should now a single, unified partitioned drive.

Source: How to delete a partition on a USB drive?

Stop WordPress Crash From Brute Force Attack On WP-LOGIN.php

Just few days ago, my VPS at Hostgator has horrible crash. No matter how many time I restart the container, the memory usage is always reaching 101% and the server die.

After 2 hours struggling with the tech support, they finally told me that my server is under brute force attack. The hackers or bots are trying to hit on one of the WordPress website's wp-login.php file.

So WordPress was trying to do query to check the login and password. This process took over 100% CPU usage and try to hit on MySQL too many times. So the server went to cooling down mode.

There is no easy way to block those IPs. So the temporary solution is to stop the bot from hitting the wp-login.php file and summiting the login and password by password protecting the wp-loginl.php page. So it will prompt to enter extra login and password before login to WordPress.

This process add an extra file look up at Apache level.

Here is how it works.

Setup a hidden .wpadmin file above your website root. It's usually under /home/[username]/
Run SSH tool like putty.exe login to your web server as root.
execute the commentline: htpasswd -c .wpadmin [login name]
It will prompt you to enter password
Once you set the file you will need to add few lines of code to .htaccess file for each one of your WordPress installation

ErrorDocument 401 "Unauthorized Access"
ErrorDocument 403 "Forbidden"
<FilesMatch "wp-login.php">
AuthName "Authorized Only"
AuthType Basic
AuthUserFile /home/[username]/.wpadmin
require valid-user
</FilesMatch>

Shared SSL SuPHP 500 Error Fixed

It took me hours and finally figure out what went wrong after install cheap GoDaddy SSL on shared IP on VPS at Hostgator.

Issues: I bought the SSL certification and install on my VPS, which already have 2 dedicated IP (2 other SSL already installed). So my only option is to install the new SSL on the shared IP. While install the SSL, WHM tells me to install the SSL as nobody due to the IP is shared IP.

After restarting the Apache after installing the SSL, the HTTPS works fine on any file that is NOT PHP. When I load the WordPress, it shows me the 500 server error.

It took me hours to figure the Shared SSL with nobody user group is conflicting with suPHP due to the permission.

Solutions:
The idea of fixing this is to assign the SSL certification from nobody to the right cpanel user that owns the add-on/parked domain name. So here are the steps:

Remove Weebly Promotion Link At Bottom

Do you run a free website at Weebly, which is one of the most popular company that offer free web hosting? Weebly offers a very robust web publishing platform for everyone to setup their website easily. Weebly is one of the site that people love to earn passive income with it.

As much as I love Weebly, I got people asking me how I remove the Free Web Site By Weebly promotion link at the bottom of the site? Honestly, I do NOT recommend you do so without upgrading your services at Weebly. Weebly offers the best free web builder and it costs them money to continually offer the great services. I recommend you to upgrade your site to remove the link.

3 Must Have Features On Tumblr Blog

I know this is a Google Blogger blog, but I am also running few other automated blog on Tumblr. Tumblr is a great blogging platform, but it is lacking some good features like WordPress had.

Here are 3 must have features to put on your Tumblr blog.

1. Redirect 404 page not found error to a random page.

2. Tag Cloud with different color.

3. Related blog post with thumbnail.

It will be nice to show page like that on Tumblr. This is how you do it.

Adding Previous And Next Post Link On Tumblr

While trying to creating a new Automated Tumblr site for AdSense Passive income, I found many of the Tumblr template do not have the Previous and Next post link included. This means the visitor won't be able to check out your previous or next post easily. To lower the bounce rate and increase the click through rate on your website, adding previous and next post link is one of the easiest way to keep visitor stay longer on your site.

So I found out the solution to add previous and next post link on the Tumblr site.

{block:PermalinkPagination}
{block:PreviousPost} < a href="{PreviousPost}" class="menu_item pagination_link">« Previous< /a>{/block:PreviousPost}
{block:NextPost} < a href="{NextPost}" class="menu_item pagination_link">Next »< /a>{/block:NextPost}
{/block:PermalinkPagination}

Simply put the above code to the place, where you want to show the pagination link on the single post page.

Easy SEO Title Fix On Tumblr Blog

One of the biggest problem on Tumblr is the SEO. You put up a blog and post all your thoughts and photos. You end up have duplicated title tag on Google search result.

So here is the quick fix. It will generate different title tag based on the page and content.

Ideally, we want the index page showing site title and page #. We also want to show page summary as title on single page regardless what content type you post. Please note the photo, video and voice page will not have regular PostTitle, but they all have PostSummary (if you enter any text). On tag and search page, I also want to show the search query, tag and the page number.

This will unique title tag on every single page on your Tumblr site.

< title>{block:IndexPage}{Title} {/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{block:PermalinkPage}{block:TagPage}Everything About {Tag}{/block:TagPage}{block:SearchPage}The Truth About {SearchQuery}{/block:SearchPage} : Page {CurrentPage}< /title>

Wala! Make sure you also remove the white space after the < symbol.

You need change the text for Tag page and search page to use your own terms.

You can see it in action on my truth blog.

Turn Tumblr Blog Into AdSense Income Stream

Tumblr is one of the most popular blog platform on the planet. It already pass WordPress as the #1 most used blogging platform. Tumblr is so easy to use and can easily adding new content through their API or mobile app. However, there are many people doing it wrong.

What I want is to insert the 468x60 AdSense banner into my second post on the home page and on the single post page. I also want to add 300x350 square banner on the right side bar. The most important think is to skip the loop by inserting the following two tags. See attached image.

{block:PermalinkPage} - Insert code on the single post page

{block:Post2} - Insert content only on the second post on the home page.

Codeigniter Shows Blank Page PHP + MySQL + Apache + Windows 7

Recently, I started a new development on one of my laptop running Windows7. I install PHP 5.3.6, Apache 2.2, MySQL 5. I move all the source code that was previously developed based on CodeIgnitor 1.7.

Problem

It shows blank page when I load the site on my laptop's localhost.

Solution

Well. The solution is farily easy. If Codeigniter can not detect the mod_mysql module in PHP when the page is loaded, it doesn't return any error message.

So you need to make sure you enable the mod_mysql in your PHP.ini file.

Also make sure your .htaccess file is redirect correctly, if you are using Search Engine Friendly URL. Make sure mod_rewrite module is enable in your Apache httpd.conf file.

It's just that easy! A simple check will save you lots time.

Blank Page With URL Parameter fb_xd_fragment

I am still not sure why it causes the page to display blank content when someone hit the site with the Facebook social plugin and URL parameter fb_xd_fragment.

Here is the temporary fix to display the content, however, it will disable the Facebook widget.

Problem:

I found this occurring on one of my sites using AddThis - and it affects ALL browsers, not just Internet Explorer. Haven't figured out exactly how or why it happens but the Facebook frame manages to set the parent's element to display: none.

Solution:

Add the following lines to your main style file.

html { 
    display: block !important;
}

Read the original post!

Magento Shows No Product and Categeory

Magento E-Commerce Community Edition

It took me 20 minutes to figure out why the products and categories don't show up on the front page of the Magento e-commerce store.

The product has to be in stock, enabled and has positive inventory quantity.
Make sure the category is under the "Default Category"

It's important to make sure every configuration values is set correctly. Magento is a powerful e-commerce system. Without setting the values and configuration right, the site won't function correctly.

Magento 500 Server Error After Installation