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.

Massively Delete Folders & Files on Windows 7 Without Prompt

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.

Watts Premier RO-Pure 4-Stage Reverse Osmosis System Problem Solved

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.

1. The faucet keeps dripping as fast as 1 drop per second rate. 
2. The system non-stop running for hours after just use half cup of water. 
3. 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:

1. Open an command prompt using Administrator rights.
2. Run DISKPART
3. list disk
4. Note the disk number that corresponds to your USB drive (it should be obvious going by size)
5. select disk X where X is the number from step 4
6. list partition - There should be two, numbered 0 and 1, each about 7 GB
7. select partition 0
8. delete partition
9. select partition 1
10. delete partition
11. create partition primary
12. exit
13. exit
14. In Windows, go to Computer and try to open the disk. It will ask you to format it.
15. 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?