Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Blip.fm badge to put in blogs and personal pages
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
v100
README.markdown
v100-sample.html

README.markdown

Blip Badge - v1.0.1

Sample

What

Do you want to show to everybody what are you listening on Blip.fm? The best way is to put the Blip Badge on your personal website or your blog! Try it now!

Installation

Sample HTML to paste into your blog sidebar:

<script>
  BLIP_USERNAME = 'marciogarcia'
</script>
<script src="http://blipbadge.marciogarcia.com/blip-badge/v100/blip-badge.js" type="text/javascript"></script>

A full outline of available options:

<script>
  BLIP_USERNAME = 'marciogarcia'
  BLIP_LIST_LENGTH = '5'
  BLIP_FRAME_HEIGHT = '600px'
  BLIP_DEBUG = 'true'
  BLIP_STYLE = 'http://mangar.com.br/aaa.css';
</script>
<script src="http://blipbadge.marciogarcia.com/blip-badge/v100/blip-badge.js" type="text/javascript"></script>  

Only BLIP_USERNAME is a required to badge get run. The others parameter you can change to make the badge more sexy

  • BLIP_LIST_LENGHT :: The default lenght of the music list is 10, if you want, you can change it for any size. Badge is prepared to provide a good look sizes: 5, 10, 15 and 20, more than 20 you have to change the BLIP_FRAME_HEIGHT for better view.
  • BLIP_FRAME_HEIGHT :: The size of the badge. (default = 310px, good for 10 musics)
  • BLIP_DEBUG :: You can take a look on the real response header of the Blip.fm API (default = false)
  • BLIP_STYLE :: That's the best one. If the default stylesheet is not fitting well in your website, you can create a new one!

Existing installations/demonstrations:

License

This code is free to use under the terms of the MIT license.

Something went wrong with that request. Please try again.