SoundCloud Dropbox

• 

  edmrolodex · Member · Feb 17, 2012 at 4:53 am

  • Copy link
  • Add topic to favorites

  I am trying to add the SoundCloud dropbox widget. I am taking the HTML Soundcloud is giving me through my account and Pasting it into a ‘TEXT Widget’ and it’s showing up as the grouping of text, and not the drop box widget? What am I doing wrong?

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Feb 17, 2012 at 5:18 am

  • Copy link

  You can start by correcting your username link: the URL it links to isn’t valid.

• 

  edmrolodex · Member · Feb 17, 2012 at 5:24 am

  • Copy link

  Woah – never knew that. How do I change that?

• 

  justpi · Member · Feb 17, 2012 at 5:26 am

  • Copy link

  Assuming you have a wordpress.com blog:
  Users > Personal Settings: scroll down to Account Details, paste blog URL in the Website field, click Save Changes.

• 

  edmrolodex · Member · Feb 17, 2012 at 5:32 am

  • Copy link

  Got it, thanks for pointing that out.

• 

  justpi · Member · Feb 17, 2012 at 5:40 am

  • Copy link

  You’re welcome.

  The code of the Dropbox widgets isn’t pasted in a text widget, it’s added to the HTML of the site: not possible in a wordpress.com blog. What you can do is copy the code then isolate the image URL and the webpage URl and use them in an Image widget.
  If what these URLs are isn’t clear to you, paste the Dropbox code here between backticks (see below reply field) and I”ll show you.

• 

  edmrolodex · Member · Feb 17, 2012 at 5:44 am

  • Copy link

  Ya I don’t entirely understand the isolating – is this correct with the backticks?

  <style type='text/css'>a.soundcloud-dropbox:hover {color: #1896D1 !important; background-color: transparent !important;}*html a.soundcloud-dropbox {background-image: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(http://a1.sndcdn.com/images/dropbox_small_white.png?c7b914c)', sizingMethod='crop') !important;}/* if you want to have valid HTML, please be so kind and put the style part in the head of your page */</style><a href='http://soundcloud.com/the-edm-rolodex/dropbox' style='display: block; margin: 10px auto; background: transparent url(http://a1.sndcdn.com/images/dropbox_small_white.png?c7b914c) top left no-repeat; color: #888888; font-size: 10px; height: 30px; padding: 26px 60px 0 12px; width: 127px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em' class='soundcloud-dropbox'>Send me your sounds</a>

• 

  justpi · Member · Feb 17, 2012 at 5:57 am

  • Copy link

  Yes that was correct – you’re a rare case!
  That’s the URL of the image:
  http://a1.sndcdn.com/images/dropbox_small_white.png?c7b914c
  And that’s the URL of the Soundcloud page:
  http://soundcloud.com/the-edm-rolodex/dropbox

  You go to Appearance > Widgets, add an Image widget, paste the first URL in the “Image URL” field, paste the second one in the “Link URL” field, click Save.

• 

  edmrolodex · Member · Feb 17, 2012 at 6:00 am

  • Copy link

  wow, thank you very much. very impressive and I appreciate you taking the time.

• 

  justpi · Member · Feb 17, 2012 at 6:09 am

  • Copy link

  You’re welcome!
  (And I appreciate your grasping everything at once – as I said, rare case!)