Radioblog Player

Main >> Content >> Tutorials >> HTML >> Radioblog Player


Here's a cool musicplayer you can add to your website. Keep in mind that the last part is a little tricky so read the tutorial closely!


Step 1: Start by going to this website www.radioblogclub.com. Then click on Join the club, in the upper right corner.


Step 2: Follow the directions to create an account. When your account has been created, click Log in in the upper right corner. Remember to activate your account before you try to log on.


Step 3: Now you can start adding music to your musicplayer. Go to the searchbar at the top of the page. And start searching for music you like.


Step 4: A list with songs will appear under your search. Click on the little heart, which looks like this: , beside the song you like. The heart will turn pink when you've added it to your playlist.


Step 5: If you click on Favorites in the upper right corner, you can see your playlist and delete the songs you don't want there.


Step 6: To add the playlist to your site, click Detatch Juke.blog on favorites.


Step 7: The musicplayer will then appear in a little pop-up window. Rightclick near the edge somewhere and choose view source. Then copy the whole code and paste it in a HTML box on the page you want the musicplayer.

Step 8: When you've pasted the code on your site you have to remove some parts of the code to make it look nice. And you have to change the sizes from 100% to maybe widht=200 and height=150 (try different sizes to see what you think look nice). Here's how my code looks like:


Step 9: And then you're done. You can also change the colors of the player if you want. Here's my music player: