This post comes in a series of posts all along the theme of blocking content you don’t want to see on the internet.  Here are all the posts in this series:

I recommend AdBlock if you are browsing with Chrome:

• How to Install AdBlock for Chrome in Windows 8
• How to Install AdBlock for Chrome in Windows 7 (this post)
• How to Install AdBlock for Chrome in Windows XP

Adblock Plus is required for Internet Explorer (AdBlock won’t run in I.E):

• How to Install Adblock Plus for Internet Explorer in Windows 8
• How to Install Adblock Plus for Internet Explorer in Windows 7
• How to Install Adblock Plus for Internet Explorer in Windows XP

How to Install AdBlock for Chrome in Windows 7

Step 1: In Chrome visit the AdBlock page in the Chrome Web Store

You can find it via this link here.

Step 2:  Click on the blue “+ Free” button on the top right of the web page to download AdBlock.

AdBlock Install page on Chrome’s Web Store

Step 3: Confirm the installation of the Extension.

A menu will drop-down from the top of the page.  Click the “Add” button.

Click “Add” to confirm the installation of the AdBlock extension

After you have clicked the “Add” button a new tab will open up showing you the status of the install and then you will see the following page, giving you the opportunity to donate if you wish (not required though):

Adblock installation success and donation page

Step 4: Customize your AdBlock installation.

You can add Ad’s to block if they aren’t blocked by default and this can even include sections of websites.  You must be careful not to block too general of a section because it can block content that you do want to view but I’ll give an example of how to block the section of Foxnews.com’s website that I don’t ever want to see, the “Features and Faces” section.

Step 5: Visit foxnews.com.

foxnews.com website

Step 6:  Scroll down to the Features and Faces section.

First Order of AdBlock customization: Block the raunchy “Features and Faces” section

Step 7: Click on the red Adblock stop sign icon at the top right of the Chrome window to show the AdBlock menu and click on “Block an ad on this page.”

Adblock Menu–Click “Block an ad on this page”

A small “Block an ad” window will pop up.  You will also now notice that as you move your cursor over the webpage the sections will highlight, showing you how AdBlock sees the website.

Selecting an Ad in AdBlock

Step 8: Click on the section you wish to block.

The full section doesn’t need to be highlighted and in the next step you’ll see why.  Move the cursor between the images in the first row of the “Features & Faces” section and click once.  This is what you’ll then see:

Setting the “Scope” of AdBlock

Note that the blocked element says:

<UL class=”list-ext-3″ >

That text is part of the html script language websites are written in.  We want that to say something very unique, specific to this section so it doesn’t accidentally block other portions of the web page.  For example, if the script said something along the lines of <b>, the beginning of the html tag for bold, it would block all the bold text, which you won’t want to do.  You can click and drag the slider to expand the section.  Drag the slider until you see this (you may need to Cancel and start over if you didn’t click in the correct place the first time):

Adjust the slider so it covers the entire section, but not ALL the site

Note that the code says the following:

<DIV id=”features-faces” class=”section section-first” >

Because the code that AdBlock is looking for includes the words “features-faces” we know it won’t block parts of the page we want.  Now you can click the “Looks good” button.  You’ll then see this:

Click “Block it!” to hide that section

Now Click “Block It.”  No more Features and Faces raunchy articles!

Now you have a cleaner version of the foxnews.com website