ゆめのHey!'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

[2.0] Last.fm embed with music player style.

Hello again!

If you saw the last blog I made, you'll now the 1.0 version actually requires a LOT of setup. Which is no longer truth! Now, everything you will need to do is paste on your About me section:

<a href="https://www.last.fm/user/YOURUSERNAME" target="_blank"><div style=" border-radius: 7px; width: 305px;   height: 50px;   background-image: url('https://external-media.spacehey.net/media/sEpY56IKUlhCSqiV8BzxTZU1nju6NO14jZKW0WCD9T4I=/https://file.garden/ZRYtsnIP2EXOR4Kw/Site%20Files/musicplayer.png');   background-size: cover;   position: relative; "><img src="https://lastfm-now-playing-dynamic.vercel.app/api/now-playing?user=YOURUSERNAME" alt="Now Playing"/></div></a>

Replace YOURUSERNAME with your own last.fm username, for example:

  • My username is yumenism, so I'll need to paste:
<a href="https://www.last.fm/user/yumenism" target="_blank"><div style=" border-radius: 7px; width: 305px;   height: 50px;   background-image: url('https://external-media.spacehey.net/media/sEpY56IKUlhCSqiV8BzxTZU1nju6NO14jZKW0WCD9T4I=/https://file.garden/ZRYtsnIP2EXOR4Kw/Site%20Files/musicplayer.png');   background-size: cover;   position: relative; "><img src="https://lastfm-now-playing-dynamic.vercel.app/api/now-playing?user=yumenism" alt="Now Playing"/></div></a>

and it should appear like this:

Now Playing

Sorry for posting the other blog when I could easily make changes. I never thought it was going to be an easy fix. Thank you for all the kind messages and encouragement as well! No need to credit me, I'm just happy I finally made it work lmao


3 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )