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.

  • http://twitter.com/_UpMyAlley UpMyAlley

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

  • http://twitter.com/_UpMyAlley UpMyAlley

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

  • http://twitter.com/_UpMyAlley UpMyAlley

    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

  • http://twitter.com/_UpMyAlley UpMyAlley

    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

  • http://www.facebook.com/this.is.my.username.yo Rena Ragimova

    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!

  • http://www.facebook.com/this.is.my.username.yo Rena Ragimova

    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!

  • http://basserk.com/ paul

    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‘ />

  • http://basserk.com/ paul

    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‘ />

  • http://twitter.com/DirtySecretz Dirty Secretz

    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!

  • http://twitter.com/DirtySecretz Dirty Secretz

    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!

  • http://twitter.com/DirtySecretz Dirty Secretz

    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!

  • http://twitter.com/DirtySecretz Dirty Secretz

    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!

  • http://twitter.com/DirtySecretz Dirty Secretz

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

  • http://twitter.com/DirtySecretz Dirty Secretz

    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!

  • http://www.mbopmegashop.com Online Shopping Mall

    Nice work dudes!