killthecake | [2] Press Play (Reply)

Album Name

Watch on YouTube

Press Play

home

you want it darker - leonard cohen

alive - sia

search and destroy - skunk anansie

love like you - rebecca sugar

never going back - the score

defiance - we came as romans

my name - the classic crime

run boy run - woodkid

soldier - angus and julia stone

hammer to fall - queen

locking up the sun - poets of the fall

by killthecake

Code:

<a name="HOME"></a> <div style="height:315px;overflow:hidden;background:url(HOME_BG_URL) center;text-align:center;padding:150px;font-size:42px;color:#f2f2f2;text-shadow: 2px 2px 4px #000;">
ALBUM NAME
</div>

<a name="1"></a> <div style="height:315px;overflow:hidden;"><site-embed id="198"><iframe width="560" height="315" src="https://www.youtube.com/embed/URL" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe></site-embed>

</div>

<a name="2"></a> <div style="height:315px;overflow:hidden;"><site-embed id="199"><iframe width="560" height="315" src="https://www.youtube.com/embed/URL" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe></site-embed>

</div>

<a name="3"></a> <div style="height:315px;overflow:hidden;"><site-embed id="200"><iframe width="560" height="315" src="https://www.youtube.com/embed/URL" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe></site-embed>

</div>

<a name="4"></a> <div style="height:315px;overflow:hidden;"><site-embed id="201"><iframe width="560" height="315" src="https://www.youtube.com/embed/URL" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe></site-embed>

</div>

<a name="5"></a> <div style="height:315px;overflow:hidden;"><site-embed id="202"><iframe width="560" height="315" src="https://www.youtube.com/embed/URL" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" allowfullscreen="allowfullscreen"></iframe></site-embed>

</div>

</div>

<table style="background-color: #7a7a7a;background-image: url(TRANSPARENT_IMAGE_URL);"><tbody><tr><td style="width:540px;">
<div style="font-size:30px;float:right;margin-right:150px;margin-top:25px;text-shadow: 2px 2px 4px #000;">
PRESS PLAY <a href="SPOTIFY_URL"><img src="https://i.imgur.com/KWVRnSS.png" style="width:20px;height:20px;border-radius:100%;border:3px solid #7a7a7a;"></a></div>

<tr><td><a href="#HOME" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">home</a></td></tr>

<tr><td><a href="#1" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">TITLE - ARTIST</a></td></tr>

<tr><td><a href="#2" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">TITLE - ARTIST</a></td></tr>

<tr><td><a href="#3" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">TITLE - ARTIST</a></td></tr>

<tr><td><a href="#4" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">TITLE - ARTIST</a></td></tr>

<tr><td><a href="#5" style="display:block;width: 515px;background:rgba(250,250,250,0.9);color:#000;padding:3px;text-decoration:none;">TITLE - ARTIST</a></td></tr>

</tbody></table>
</div>
</div></div><br /><div style="font-size: 10px;">by <a href="https://killthecake.dreamwidth.org/902.html">killthecake</a></div></center>

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ There are two ways you can add a Youtube video. The easiest way is to take the unique part at the end of the url ( https://www.youtube.com/watch?v="THIS" ) and paste that into the codes provided. ( https://www.youtube.com/embed/HERE ) If you want to do it the other way, go to the Youtube video you want, click on SHARE then EMBED. Paste that code in between the <site-embed> tags. I recommend the easy way.

❖ To add more videos, copy/paste the Video codes and Button codes into their respective places. Make sure the numbers on your Video code and Button code match. ex: <a href="5">

❖ Let me know if you have any problems or questions! I'm still learning.

Ctrl+F & Replace:
❖ HOME_BG_URL - Banner image on home screen. Recommended size is 560x315.
❖TRANSPARENT_IMAGE_URL - Textured background in selection window header. I recommend Transparent Textures but only c/p the background url. Color hex code is below.
❖ SPOTIFY_URL - Spotify playlist URL. If you don't want the Spotify button, delete everything between the <a> tags.
❖ ICON_URL - Icon image in selection window.

❖ ALBUM NAME - Text on home banner.
❖ PRESS PLAY - Header text in selection window.
❖ TITLE - ARTIST - Title & artist of songs. Make sure the number matches the video code's number.

#cccccc table 1px border
#f2f2f2 banner text, button backgrounds, selection window 3px border
#000000 banner text shadow, selection window header text shadow, button text
#7a7a7a selection window background, selection window header background, spotify border, icon border
rgba(250,250,250,0.9) opaque button backgrounds

[2] Press Play

Post a comment in response: