How to Hack Twitter Account.

How to “Hack” Beyoncé’s Twitter in Under 10 Minutes

It’s pretty empowering to realize everything you can create once you learn to code. But if you’re totally new to the scene, you may be wondering—what can you really DO with that skillset?

We will hack BEYONCE’s account here without any knowledge of coding.

Yup, I said BEYONCE! We are going to hack her Twitter. She won’t mind. That’s because we’re not REALLY going to hack anything. AND we’re going to be responsible about it and not do anything to break the Internet. And best of all, we’re going to have FUN!

Let’s Begin!

STEP 1:

Download Chrome if you don’t have it

We’ll be working with Chrome, so if you don’t already have it installed, go ahead and do so by visiting the Chrome site and selecting the “Download Chrome” button. You’ll get a prompt to accept Google’s Terms of Service. Once you accept, Chrome will download on your desktop and you can follow the prompts to install it.

STEP 2:

Open a new tab in Chrome and navigate to Beyonce’s Twitter account

Once Chrome is installed on your machine, double click to launch it. Open a new tab alongside this blog post so you can work side by side and easily follow instructions to Hack Bey’s Twitter feed.

STEP 3:

Find the Inspect Element Tool

Once you’re on Beyonce’s Twitter feed, right click on your mouse (control + click on a Mac). A menu of options will pop up. At the very bottom, you should see the “Inspect Element” option. Click on it.

Note: If you like keyboard shortcuts, you can also use Ctrl+Shift+C (or Cmd+Shift+C on Mac) in lieu of clicking.

STEP 4:

The Inspect Element console

Once you click on “Inspect Element” a drawer will emerge on the bottom of your Chrome browser window. This is called the “DevTools” window. At the very top of the DevTools window, you’ll notice 8 menu options:

• Elements
• Resources
• Network
• Sources
• Timeline
• Profiles
• Audits
• Console

We are only going to focus on the “Elements” piece for now. On your webpage, confirm that the elements option is selected.

Note: You are going to see a LOT of code. Don’t panic! You can’t break anything. Promise!

STEP 5:

Console breakdown
Now that you’re in the Elements option of the DevTools window, take a look at the left-hand side of the screen.

The left side of the screen shows you all the structural code associated with the website (HTML, for example). The right-hand side shows you all the CSS, or styles, associated with the website. The elements panel lets you take a look at the HTML & CSS of any web page. You can make tweaks to the code LIVE, and watch the changes take effect!

STEP 6:

Let’s take Inspect Element for a Spin on Beyonce’s Twitter.

In the tab you loaded Beyonce’s Twitter Feed on, use inspect element on one of her Tweets. I’m going to use her very first Tweet as an example (note: Beyonce hasn’t Tweeted in years—it’s my hope this post will change her mind….and that she’ll take one of our signature career blueprints to kick off 2016!

As you can see above, I found one of Bey’s old Tweets. Here’s what I did.

1. Right clicked and selected “Inspect”. This loaded the DevTools window. (Don’t worry if your menu looks slightly different than mine, below.)

2. Used the drop down arrow next to the “p” tag (paragraph designation in HTML) on the left hand/structural side of the DevTools window to expand the Tweet. This allowed me to

3. Select Bey’s tweet, delete her words and replace them with my own!

Note: I selected the extra stuff below the Tweet and just hit “delete” to clean things up a bit and VOILA! I didn’t stop there of course and edited a few other Bey Tweets :)

more hacking tricks

SEE HOW FUN A DEVELOPER’S TOOLS ARE?!

You just went through and used the Elements functionality of the DevTools window! Want more? Follow me ! I write a lot of interesting things that can probably get you interested in coding.

You can also check out Google’s detailed guide on all the inspect element tool’s capabilities.