Skip to main content

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

Internet Defense League cat signal
Image used with permission by copyright holder

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

Image used with permission by copyright holder

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

Image used with permission by copyright holder

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.

Image used with permission by copyright holder

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

Image used with permission by copyright holder

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.

Image used with permission by copyright holder

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:

Image used with permission by copyright holder

Optional step: Installling your badge

Image used with permission by copyright holder

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.

Andrew Couts
Former Digital Trends Contributor
Features Editor for Digital Trends, Andrew Couts covers a wide swath of consumer technology topics, with particular focus on…
How to create a Subreddit on desktop and mobile
Laptop Working from Home

Few social media sites are as popular as Reddit. Regardless of what you're interested in, there's probably a thriving community for you to interact with on the platform. Known as subreddits, these communities are home to topics like gaming, world news, science, movies, and more. If you can't find a subreddit with your particular interest, Reddit makes it easy to create your own Reddit community.

Running a successful Reddit community isn't easy – but the process of starting one only takes a few minutes. Keep in mind that you'll want to keep a close eye on your subreddit to prevent it from being shut down or turning into a wasteland with no users, but running a subreddit can be a lot of fun when done properly. If you prefer, you can also create a private community that only your friends can join, giving you a place to hang out beyond Twitter and TikTok.

Read more
How to download music from YouTube on desktop and mobile
A woman sitting on a couch, wearing airpods and holding and looking at a smartphone.

Downloading music from YouTube is a fairly common practice, and the demand for making the process easier has inspired the creation of countless websites and software.

But not every service can be considered safe. In fact, some of these services may infect your computer with malware or produce poor-quality audio files. When downloading music from YouTube, you’ll need to first make sure that the websites or apps you use for doing so won’t hurt your device. For this guide our team has found two methods to make the process safer and easier.

Read more
How to clear your browser cache in Chrome, Edge, or Firefox
The Firefox iPhone app.

A stocked computer cache may be convenient for logging into and out of go-to sites in seconds flat, but a major buildup of these tracking codes could significantly impact your PC’s performance. If you’ve noticed that your PC has been running rather slow of late, or you’re using a new browser and don’t know how to clear its cache, we’ve got you covered with the following guide.

Read more