David Getting creative with Facebook, @DirtySecretz show us how

SoundCloud users and DJ/production duo Dirty Secretz just tweeted a link to their Facebook page where they managed to do a really nice integration between Facebook and SoundCloud that we’d like to share with you. This is the landing page of Dirty Secretz’ artist page on Facebook:

Facebook | Dirty Secretz

Clicking on “Check out our Tracks” will redirect you to the Tracks tab in the top menu where they have embedded their set. Also very nice, instead of simply choosing auto-play, they have a prominent button in the center that will start playing the tracks when clicking Play:

Facebook | Dirty Secretz-1

They’ve also done this for the Remix tab:

Google Chrome

The best part: they’re sharing with us and you how they made it so you can go ahead and create something similar. For you tech-heads out there, install the Facebook Static FBML app, then follow the instructions posted here and add the link to the .swf from the embed code you want to add. If you need help, send them a shout via Twitter head over here to get the full instructions. Nice!

Thanks, guys! Very beautiful.

  • Very useful & interesting. Thanks for that DS & SC!

  • Very useful & interesting. Thanks for that DS & SC!

  • A small hint: it`s necessary to replace some of the characters in the sample code over at the Dirty Secretz homepage…

    just make sure to replace every ` with ' and every “ with a ” and it works like a charm.

    http://www.facebook.com/upmyalley?v=app_4949752878

  • A small hint: it`s necessary to replace some of the characters in the sample code over at the Dirty Secretz homepage…

    just make sure to replace every ` with ' and every “ with ” and it works like a charm.

    http://www.facebook.com/upmyalley?v=app_4949752878

  • This website rocks my socks off! DJ friends, if you're not on SoundCloud you really need to be. My internet is fairly slow sometimes, but this site plays sets without a glitch!

  • This website rocks my socks off! DJ friends, if you're not on SoundCloud you really need to be. My internet is fairly slow sometimes, but this site plays sets without a glitch!

  • please help whats wrong with this code:

    <fb:swf swfbgcolor=’F1F1F1' imgstyle=’border-width:1px; border-color:white;’ swfsrc=’http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fbasserk%2Fsets%2Fbasserkrecentreleases‘ width=’100%’ height=’450' flashvars=’allowScriptAccess=true’ imgsrc=’http://www.basserk.com/salesDept/speachBubble.jpg‘ />

  • please help whats wrong with this code:

    <fb:swf swfbgcolor=’F1F1F1' imgstyle=’border-width:1px; border-color:white;’ swfsrc=’http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fbasserk%2Fsets%2Fbasserkrecentreleases‘ width=’100%’ height=’450' flashvars=’allowScriptAccess=true’ imgsrc=’http://www.basserk.com/salesDept/speachBubble.jpg‘ />

  • As UpMyAlley commented, that's what you need to do. Sometimes the apostrophes get mixed up when copying and pasting. Wherever there is one, delete it and put it back in again. Should work fine!

  • As UpMyAlley commented, that's what you need to do. Sometimes the apostrophes get mixed up when copying and pasting. Wherever there is one, delete it and put it back in again. Should work fine!

  • I've added this to the post now and also changed the way the code is displayed, hopefully shouldn't get any more copy and paste errors!

  • I've added this to the post now and also changed the way the code is displayed, hopefully shouldn't get any more copy and paste errors!

  • Just added, a simple code generator… http://www.dirty-secretz.com/?page_id=384

  • Just added, a simple code generator… http://www.dirty-secretz.com/?page_id=384

  • shadybrain

    dope thang but i cant ready the code in their code boxes! argh!

  • Nice work dudes!