Web

How to install the Internet Defense League ‘cat signal’ on your Tumblr blog

Internet Defense League cat signal

Want to help protect the Internet from ignorant or downright dangerous politicians? Now you can, with the help of the Internet Defense League’s (IDL) newly launched “cat signal.” What the heck is a “cat signal,” you ask? Read on…

Inspired by both Batman and the Internet’s love of felines, the cat signal is a bit of code created by the IDL that anyone can embed on their website. Anytime a piece of legislation, trade agreement, or other government action that poses a threat to the open Internet rears its ugly head, the cat signal will activate, alerting legions of Web users that the time for action has arrived.

The IDL — which was founded by nonprofit Fight for the Future (FFTF) and is supported by organizations like Reddit, Mozilla, WordPress, and the Electronic Frontier Foundation (to name just a few), as well as members of Congress, including Rep. Darrell Issa (R-CA), and Senators Jerry Moran (R-KS) and Ron Wyden (D-OR) — seeks to establish a movement of Internet users that will help fight for the Web, just as 24 million of you did during the battle against the Stop Online Piracy Act (SOPA) and the PROTECT IP Act (PIPA) early this year.

If you ask me, the cat signal is a fantastic idea: having to keep up with the slew of bills that could change the Internet as we know is a full-time job, and many Web users who would otherwise help fight the good fight are already worn out by the process. With the cat signal, you’ll know when it’s really time to act. So here’s a quick guide for installing the cat signal code on your blog.

Step 1: Sign up

how to install the internet defense league cat signal on your tumblr blog screenshot 1

Before you can get the code, you’ll need to become a member of the IDL. To do this, just head over to InternetDefenseLeague.org, and sign up. You’ll either need to enter in your website and email address, or authorize the IDL Twitter app, which will both sign you up as a member and give the IDL permission to periodically send out tweets through your account. (You can choose how often it may do this.)

Step 2: Grab the code

how to install the internet defense league cat signal on your tumblr blog screenshot 3

Once you’ve signed up, you’ll have access to the code via the IDL website. Click the “Get the code for your site” link, and you’ll be given a number of options. The first choice is whether you want the “modal” cat signal, which will display a notice over top of your entire website, or simply a notification bar-style cat signal, which is less obtrusive for your site’s visitors, but also easier to ignore (and thus less effective). You can also choose whether you want your cat signal to activate every time the IDL launches a new campaign, or whether you want to manually activate it every time a new campaign goes live.

how to install the internet defense league cat signal on your tumblr blog screenshot 2

Side note: The IDL also offers a number of “badges” that you can install on your blog, which will tell people that you’re member even when the cat signal is not active. You have six different designs to choose from, some big an prominent, others small and less noticeable. I’ll be installing one of these as well, though it does not affect the functionality of the cat signal whatsoever.

Step 3: Install

how to install the internet defense league cat signal on your tumblr blog screenshot 5

For this test, I’m going to go with the full-screen modal option, and allow the IDL to activate my cat signal anytime a new campaign launches. (The instructions for installation are the same regardless of which options you choose.) I’ll also be using my personal Tumblr blog for this test, but the cat signal should work with any website.

First, select all the code that appears in the text box at the top of the page, and copy it by right-clicking on the selected text and choosing “copy.”

Next, go to Tumblr.com (log in, if necessary), and select the blog you want to install the cat signal on. Click on “Customize theme,” which appears in the top right corner. Then click the “edit HTML” button, which appears near the top, on the left side of the window.

how to install the internet defense league cat signal on your tumblr blog screenshot 4

A box showing all the CSS code of your Tumblr blog will open. Scroll down to the bottom of the page. You should see a line of script that reads “</body>”. With your mouse, set the cursor to the line just above “</body>”, and hit “enter” to make a new line. Paste the cat signal code there, and hit the “update preview” button at the top of the window. If you see the cat signal pop up, you’re good. Click save, and visit your homepage to make sure everything is in working order. If you chose the modal cat signal design, it should look something like this:

how to install the internet defense league cat signal on your tumblr blog screenshot 7

Optional step: Installling your badge

how to install the internet defense league cat signal on your tumblr blog screenshot 8

As mentioned, this part is totally optional. But while we’re here, we might as well go for it. First, go back to the IDL page where you got the cat signal code, and pick out which badge you’d like. I’m going with the “Shield Badge” option. Next, copy the code for your badge, and head back over to Tumblr. Click “Customize theme” again. Now, here’s where things may differ, depending on which badge you choose. I decided that I wanted my badge to appear beneath my bio/description on my blog (my blog is called Creeping Jesus), so rather than open the HTML editor, I simply pasted the badge code directly into the description box. You can choose to put your badge elsewhere, but you’ll have to play around with the placement of the code so your badge appears as you want it to.

Warning: If you do this, make sure to copy/paste/save your original blog code in a separate text document, so you can revert back to it if things go awry.

Now you’re all set to go forth as a hero of the Internet. Godspeed.

Computing

Google to shut down Google+ after exposure of 500,000 users’ data

After Facebook revealed that 50 million users may have been exposed as a result of a security vulnerability, Google announced it discovered a bug that left 500,000 Google+ users exposed. It will also shut down Google+.
Home Theater

Learn how to calibrate your home theater speakers for sheer audio bliss

Make your home theater rumble just right with our manual speaker setup guide, a simple, step-by-step walkthrough to getting the most from your audio equipment without needing to rely on imperfect automatic calibration.
Computing

How to protect your iCloud account

From Chinese hacking to identity theft, it's not surprising if you're a little worried about your iCloud data. Here's how to protect your iCloud account with a few simple security steps. It will only take a few minutes, and we'll walk you…
Computing

Here's how to download a YouTube video to watch offline later

Learning how to download YouTube videos is easier than you might think. There are plenty of great tools you can use, both online and offline. These are our favorites and a step by step guide on how to use them.
Mobile

Check out our handy step-by-step tips for the awesome new Sony Xperia XZ3

This slick, stylish new Sony smartphone has hidden depths, and we’re here to help you unlock them with our Xperia XZ3 tips roundup. We’ve got advice on how to get the best picture, sound, and more in this easy step-by-step guide.
Social Media

Sick of Facebook privacy scandals? Here's how to protect your personal data

With a number of security scandals in 2018, it has us questioning if we should get rid of Facebook. Here's how to protect your personal data without deleting your account, as well as how to just nuke the thing altogether.
Computing

Google Slides now auto-transcribes verbal presentations for real-time captions

A new feature for the Google Slides presentation software uses a computer's built-in microphone to transcribe the words of a speaker in real time, displaying them for everyone to see.
Mobile

Pixel 3, Home Hub, and Pixel Slate — our first look at all Google’s new devices

Google has taken the wraps off of a slew of new devices, including the Pixel 3 smartphones, Google Home Hub smart display, Google Pixel Slate tablet, and more. We were at the event, and took a ton of photos of all of Google's new products.
Music

Spotify vs. Pandora: Which music streaming service is better for you?

Which music streaming platform is best for you? We pit Spotify versus Pandora, two mighty streaming services with on-demand music and massive catalogs, comparing every facet of the two services to help you decide which is best.
Mobile

PayPal will soon let you withdraw cash at Walmart, but there’s a catch

PayPal has teamed up with Walmart to allow its account holders to withdraw and deposit cash at the store. The service launches at all Walmart stores across the U.S. in early November, but there's a catch.
Cars

Carbuying can be exhausting: Here are the best used car websites to make it easier

Shopping for a used car isn't easy, especially when the salesman is looking to make a quick sale. Thankfully, there are plenty of sites aimed at the prospective buyer, whether you're looking for a sedan or a newfangled hybrid.
Computing

How to recover Google contacts

If you accidentally deleted an important person from your Google Contacts, they might not be lost forever. Recovering them is a fairly easy process -- as long as you do it quickly. Here's how.
Computing

Afraid that Bitcoin could be a bubble? Here's how to sell what you've got

If you're investing in cryptocurrencies, it's important to have your exit strategy in place if prices start to crash. If you've decided it's time to get out or just want to learn how to sell Bitcoins, here's how to get started.
Computing

Don't take your ISP's word for it: Here's how to test your internet speed

If you're worried that you aren't getting the most from your internet package, speed tests are a great way to find out what your real connection is capable of. Here are the best internet speed tests available today.