How to block the Facebook popup on MajorGeeks and other sites
MajorGeeks is a highly reputable site in the software hosting vertical. It is a software portal that is considered one of the best by many, and while its design and layout may say otherwise, it has its own charm that many users like.
If you visit the website today in your web browser of choice, you may notice that a Facebook Like widget is displayed as an overlay on the screen after a moment.
Here you can click on like to add a like to your Facebook account, or click no the x icon to remove the widget from the page. The overlay is designed in a way that it dims the rest of the screen.
While it may not be evident, you can remove it from the screen with a click on that area as well. Bad news is, this is not a permanent solution.
If you delete cookies of the site in the browser for example, it will be displayed again the next time you visit it and don't click fast enough around to avoid it.
So what can you do about it to block this popup and similar ones permanently?
You need a script orÂ an ad-blocking extension for that. I'm going to highlight how to block it using Adblock Plus on Google Chrome, but the method should be very similar if you use a different ad-blocking extension or script to block these kind of things.
The first thing we need to do is check out the popup to find how it is displayed on the screen. Right-click it and select Inspect Element in Chrome.
The browser displays a source code browser and highlights the element selected. It may not be the main element though, so click on other elements above it until you reach a point where it is still shown as selected in the browser window.
In this case, it is <div id="fanback" style="display: block;"> which is responsible for the popup widget displayed on the screen.
Now to block it in Adblock Plus, click on the extension icon, switch to add your own filters, and add www.majorgeeks.com###fanback to the list.
This should take care of the Facebook popup widget that Major Geeks displays on the site.
The same method works on other sites as well that display popup widgets that you cannot easily block using your ad-blocking extension as it won't recognize the correct element to do so.
Browser extensions such as NoScript block it outright, so that you do not have to do anything in this regard. There are other methods to deal with it, for instance to set the element to display:none; in Stylish or userstyle.css directly (in Firefox).
Have you encountered other popup widgets on sites that you cannot get rid of? Let me know in the comments.Advertisement