Report Blog Entry
Hover over an album to see its title!
I couldn't fit in all my albums because this code needs some tinkering (it's not very flexible or mobile friendly yet), but I'll get to that some other time.
Update (16/09/2023): I'm really happy to see you guys use my code to display your collections (or favourites, or whatever else...!), I see you!! I promise a better code is inbound, I just get distracted alot. Thank you to the people who link back to this post and give credit as well, it's not required but very very much appreciated. ^__^
For as long as I don't feel this code is ready for the Layouts page, you can find the code on my website.
Occasionally Asked Questions (updated 17/01/2024)
Make sure you copied both the HTML and CSS, putting the CSS between a <style> and </style> tag. Without the CSS the albums will show up as a plain list. It should not matter whether you paste the HTML or CSS code first.
When putting the code in a blog post, make sure you switch over to the HTML editor (<> icon on the left top) before pasting, and switching back to the visual editor (eye icon in the same place) to see if it works.
It's still not showing up!
You may have deleted some of the HTML tags while editing on accident. It may be easier to copy the code and fill it in again. Mind that all the tags serve a function and the only text you have to change is the url to the image (between src=" and ") and the title of the album (between <div class="title"> and </div>).
The images are squashed!
As far as I know this only happens if you put the code on a SpaceHey profile, in which case replace the CSS with this CSS instead. Although this works this fix is only temporary... mostly because I'm not happy with it right now, lol.
The images aren't loading!
Check if the host you used is allowed on SpaceHey (right click -> open image in new tab: if it says permission denied or something along those lines, it's not allowed). The safest bet is to host images for yourself on a free image hosting site or a website you own.
I've encountered another visual bug
This code is still (and I'm sorry about that) not fully finished - one glaring example is the albums spilling over outside the section you put them in. This is on my to-do list, but don't be afraid to tinker with the CSS to your liking!
The solutions above didn't work...
Don't be afraid to reach out! Even if it takes a few days for me to respond I don't mind helping out and appreciate the feedback, for some bugs i may not even have encountered myself yet!
Comments
Displaying 20 of 63 comments ( View all | Add Comment )
cvpidzcvrse ♱
For anyone who wants to use this code and get it working properly, what I did was add the CSS code first inbetween the "style" coding, then pasted the HTML code underneath!
tami ☆
hii, so, it does work, but the vinyl looks smashed?? you could say
does anybody knows how to fix it?? :((
potetoz
it does not work! the "
/>
" at the end disapear when i click save ???
r4nd0nG!rl౨ৎ
I still don't understand the right way to organize it :(
r4nd0nG!rl౨ৎ
I still don't understand the right way to organize it :(
☆Bill☆
Using!
circusmuffins
help mine is giant and spinning
Mine too I'm trying to fix it but am getting no luck
by ੈ✩‧₊˚ᴀꜱᴛ3ᴀʟ; ; Report
The code to make your icon spin also uses the .vinyl class. To fix that you'd have to change the class (every occurence of .vinyl or class="vinyl") in either that code or this one to something else (vinyl2 or something like that). Hope that helps!
by Kazimir; ; Report
ty!
by circusmuffins; ; Report
Nottem_Portant
It doesn't really work for me; when I put it in, it just shows up as a bunch of images in my About Me section.
maxley.maxx
My albums got huge and aren't organized :((
☆ Niko/Zombie ☆
TYSM, using!! I already love most of the albums on there but will have to try getting some others<33
࣪𓏲𝄢 spruce ⋆.
usingg
How did you get yours to work?
by ੈ✩‧₊˚ᴀꜱᴛ3ᴀʟ; ; Report
svmmyz
using!
Straw
Hi! So I'm using this, but for some reason, the CSS code is showing up. I put it between tags. It's almost like it's stuck underneath the last album on the list. Any tips?
Hmm, the only thing I can think of is you closed it with instead of . Could you link me what you have now perhaps?
by Kazimir; ; Report
soyelmismisimo
omg i'm using this!
#1 STRANGER THINGS FAN
so rad
christian <3
this is SOOOO epic!!!
yume
hii, quick question, why cant it display?? like, it'll just appear as normal images... did i do something wrong with the codes? i tried to use the one from your original one too, but it still doesnt work...
did you also copy the CSS and put it between tags?
by Kazimir; ; Report
purelanguish
using 4 my bands discog ^^
midnightsir3n
using!
midnightsir3n
using!