How to blackout your WP blog on January 18

Stop SOPA overlay

Pied Type as it appeared with the overlay

I started a bit of a discussion over on the WordPress forums about how to blackout my blog on January 18 in support of the Reddit blackout and other protests against SOPA and PIPA.

One of the suggestions will put a little diagonal banner in the upper right corner of your screen that links to more SOPA information. As you can see, I’ve added it. But I wanted a real in-your-face blackout for Janurary 18 and after some discussion, some trial and error, and Panos’s help (he, the Wizard of WordPress), I came up with a simple text widget that does exactly what I wanted — produces a semi-transparent black overlay for my entire blog. You can see how it looks on my test blog. Note it also links to more information on SOPA and PIPA.

If you’d like to do the same thing on your WordPress blog next Wednesday, click here for the code. Copy and paste it into an untitled text widget in your primary sidebar (themes vary, so if you have several different sidebars, you may have to experiment). Be sure to click “Save” before closing.

Your widget set-up should look something like this:

widget screenshot

This is HTML code; you don’t need a premium theme or WP’s CSS upgrade for it to work and it won’t break anything on your blog. If you don’t like it or it doesn’t work for you, just remove the widget.

My thanks to Panos and everyone else on the forum who helped me develop this easy way for WP bloggers to participate in the blackout and make a real statement.

Now if only Google and Facebook would join in …

(Not comfortable messing with your blog? Try everything on a test blog first. Just set up another blog, make it private, and play to your heart’s content. Populate with posts imported from your main blog. Try out this widget. Try out new themes. The sky’s the limit. I have several test blogs. Doesn’t everyone?)

Update: If you want to include PIPA on your overlay, go into the last line of the code and change “Stop SOPA” to “Stop SOPA & PIPA.” Be careful not to change anything else. Save.

Update: Easier yet, WordPress has finally installed an easy on/off setting for your blackout participation.

Categories: blackout, blogging, copyright, Internet, PIPA, SOPA, WordPress

29 replies

  1. To display code without it functioning as code, use the following html (hopefully I can get this to show):

    blah blah blah

  2. For some blogs’ themes (like P2) you need to add z-index:1 to the style attribute’s string of CSS parameters.

    • Thanks for the note. I had that problem on one of my test blogs and didn’t have the patience or know-how to add the z-index, although if it had been my main blog, I’d have probably spent a long time trying to get it to work. Did you finally get it to work? P2 may not be the only exception and other people may want to know how to do the code.

  3. I’m using Dust to Dawn and having a problem getting it to work. Grrrr.

  4. This worked for my blog – thanks!!!!


  1. Join webwide SOPA, PIPA protests « Pied Type
  2. Electronics For Everyone - WP Coupon Blitz
  3. Let’s bury SOPA and PIPA « Pied Type
  4. How To Blackout Your Blogger and WordPress (.org or .com) Site To Protest SOPA | Wap Review
  5. A quick public service announcement « I have ordinary addictions.
  6. SOPA/PIPA and January 18, 2012 « Short and Spiky
  7. Day 25: New Beginnings | ♥ Project 365 ♥ Challenge ♥
  8. Day 25: New Beginnings | ♥ Project 365 ♥ Challenge ♥
  9. SOPA/PIPA and January 18, 2012 » A Plague Of Mice

“We have met the enemy and he is us." ~ Pogo

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: