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.

Home Theater

The best Dolby Atmos movies for your home theater sound as good as they look

If you've got your hands on some sweet Dolby Atmos gear, the next step is to find films that take advantage of it. These are our picks in every genre for the best Dolby Atmos movies currently available on Blu-ray and streaming services.
Gaming

Want to share your Xbox One games? Here's how to do it

Sharing games on modern consoles is possible, but it takes a few steps. Here's how to start sharing games on your Xbox One console, so friends and family can easily access your library.
Computing

Want to make one hard drive act like two? Here's how to partition in Windows

If you don't want all of your files stored in one place but only have one drive to work with, partitioning is your best way forward. Here's how to partition a hard drive in Windows 10, step by step.
Computing

Windows Update not working after October 2018 patch? Here’s how to fix it

Windows update not working? It's a more common problem than you might think. Fortunately, there are a few steps you can take to troubleshoot it and in this guide we'll break them down for you step by step.
Computing

Want to save a webpage as a PDF? Just follow these steps

Need to quickly save and share a webpage? The best way is to learn how to save a webpage as a PDF file, as they're fully featured and can handle images and text with ease. Here's how.
Mobile

5G: Why everything is about to change

Curious about the many ways 5G will change and enrich your life? Here’s our guide to all things 5G.
Computing

Firefox 64 helps keep your numerous tabs under control

Mozilla officially launched Firefox 64 by placing new features into the laps of its users including new tab management abilities, intelligent suggestions, and a task manager for keeping Firefox's power consumption under control.
Computing

Email take-backsies! Gmail's unsend feature is one of its best

Everyone has sent a message they wish they could take back. How great would it be if you could undo that impulsive email? If you're a Gmail user, you can. Here's how to recall an email in Gmail.
Computing

Costco members can cut up to $200 off MacBook and iMac price tags

Costco is discounting MacBook Air and MacBook Pro laptops by as much as $200 as part of a members-only sale. It also has deals on select MacBooks and iMacs, with optional Apple Care in most instances.
Music

Here's our head-to-head comparison of Pandora and Spotify

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.
Computing

Our favorite Chrome themes add some much-needed pizzazz to your boring browser

Sometimes you just want Chrome to show a little personality and ditch the grayscale for something a little more lively. Lucky for you, we've sorted through the Chrome Web Store to find best Chrome themes available.
Computing

PewDiePie supporters hack printers, hope to boost his subscription numbers

In an attempt to garner more subscribers for their favorite vlogger and secure his status as having the most YouTube subscribers, PewDiePie supporters claimed to have hacked thousands of printers worldwide.
Web

Chrome fights manipulative sites that don’t allow you to hit the back button

Have you encountered a webpage that won't let you hit the back button? Someun scrupulous websites employ what's known as history manipulation, preventing you from hitting the back button, but now Google Chrome will be fighting back.
Smart Home

Holiday shopping: Here are the final dates for Amazon’s free shipping promotion

If you're shopping with Amazon this holiday season, then time is fast running out if you want all of your gifts delivered before December 25. Here are the dates you need to know ...