Remember When Myspace Taught Us How to Code?

Gianna Leto
June 20, 2018
Categories

Working at ChatterBlast, it’s crucial to know each social platform like the back of your hand. I can tell you everything you need to know about Facebook, Twitter, Instagram and even LinkedIn. However, while I’m creating campaigns and placing ads, I can’t help but feel a wave of grief for one platform that just didn’t make the cut. If you couldn’t already guess, I’m referring to my beloved Myspace.

I’m sure many of you reading had one of these back in the day. Hell, I practically lived on the website growing up. I would spend hours at a time filling out surveys, commenting on friends’ photos and bedazzling my profile a million times to make sure my layout was nothing short of fly. Now of course you could access third party websites where layouts were pre-made for you. But I was way too elevated to give into that BS. Even at 13 I had to be my boujie self and would code my little heart out until everything was exactly how I wanted it.

It turns out I started my career in the social media biz way before I knew that you even could have a career in social media. And you all probably did too! I’m here to refresh your memory on some of the basic HTML codes that made our Myspace layouts pop awf.

Marquee Text

Commonly known as moving text. You left everyone stunned when they saw your about me section practically twerking all over the page.

<marquee behavior=”scroll” direction=”left”>Gianna is amazing.</marquee>

Background Color

Unless you were somehow content with the unimpressive default grey, knowing this code was crucial in Myspace self expression. You could even get flashier by using the background image code and stealing a bunch of crap off Google images.

<div style=”background-color:Pink;width:200px;border:1px solid black;padding:15px;”><p></p>

</div>

Embed Images

Who remembers photobucket?! If you’ve never used this gem let me educate you. Photobucket is a photo hosting website where you upload your pictures and can use the url to share them on your site. So if you had cute pictures of you and your friends that you wanted to show off in other places besides your Myspace photo album, you could use this code to embed them onto your page:

<img src=”/pix/samples/15m.jpg” style=”max-width:100%” alt=”Sample picture”>

Hiding Stuff

Specifically the extended network box, contact table, blogs, comments, and general info box. I’m not sure why but no one was happy unless literally everything on their profile was hidden. In my opinion it did make layouts look a lot cleaner and I’m guilty af of doing this. If you wanted to hide anything at all, you would use these babies right here:  

<style>.r{}.extendednetwork{display:none;}</style>

<style type=”text/css”>.contactTable { display: none }</style>

<style>.r{}.friendsComments{display:none;}</style>

Well there you have it everyone. While you all may be falling all over Facebook and Instagram, I’m still pining over my long lost love, Myspace. It set the stage for every social platform we have today. And who knows maybe if Myspace was still utilized, we all would be a lot more motivated to be creative online and put our hidden coding skills to the test.

RIP Myspace. Love you 4ever.