Friday, August 10, 2007

My iTunes Widget

Apple released a new Web 2.0 widget to show the world what kinda music you're buying lately. I was having trouble getting the widget to properly render on this blog, but thanks to some very responsive emailing from Apple (thanks, Camille!), I got to the bottom of it. Short story is, it's fixed (but for more detail, see below). So, here are my recent purchases:



And my paltry reviews (need to write some more!):



You can also check in with our pal Jeff Carlson to see what he's been buying lately.

BTW, I'm loving the new Josh Rouse album a lot.

======================

OK, here's where the geekery comes in. This blog (and my other pop culture-related blog, One Egg, Any Style) uses the Rounders blog template, and it seems to include an offending bit of CSS code:

.main .widget {
margin-top: 4px;
width: 468px;
padding: 0 13px;
}


By taking that out of my template, the rendering of the width of the My iTunes widget is as expected. Previously, instead of the 300-pixel width, I was getting a spilled over 468 pixel width). Now, why should you care? If you don't use the Rounders blog template, you'll be happy clappy. But if you do use Rounders, you'll need to go in and get rid of that CSS code.

Two more tips:

DO NOT paste the embed code in the Compose mode of Blogger. And if you switch from Edit HTML to Compose, the embed code gets horked.

If you're grabbing the code from the My iTunes in Firefox and you're using the Flashblock add-on, you'll need to select both the outlined flash of the preview module as well as an outlined block of flash at the bottom of the page (which doesn't render anything visible, but includes the code that gets sent to your clipboard when you click the Copy Code button).