Tutorial: Sliding Mini Music Player With Playlist
Hari ni nak bagi tuto sikit sebab tak pernah lagi buat tuto dalam blog baru ni. Tapi Sliding Music Player ni bukan hasil tangan sendiri. Credit to Rehana Shaikh.
Saja nak share.
INFO:
First of all, You will need to edit your blog theme to add this music player skin and playlist. Second, You will need to grab your own music player codes with playlist which you can put in this HTML codes. However, You can continue with these songs.
Edit Your Tumblr Theme and Scroll Down till the end and Paste below HTML codes just before </body>.
<!-- Get this Music Player from Tumblings.net -->
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/0szq8b5/zPnmlrgx7/tumblings-music.css"></link>
<div id="editthis">
<div id="music1">
<div id="music2">
<a href="http://tumblings.net/post/48858276757/sliding-mini-music-player-with-playlist"><img alt="Tumblr Music Player" src="http://media.tumblr.com/tumblr_m7w28slx3l1r6o8v2.gif"></a></div>
<div id="music3">
<Div style="margin-top:-5px; margin-left:-6px;">
<!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://a.tumblr.com/tumblr_lo3tkslI361qmbli4o1.mp3&t0=Nice Guys&f1=http://freemp3host.com/mp3/9800/%C2%A0-%C2%A0%20[freemp3host.com].mp3&t1=Like a Good Boy&f2=http://freemp3host.com/mp3/9799/Toby%20Turner-Dramatic%20Song%20[freemp3host.com].mp3&t2=Dramatic Song&f3=http://freemp3host.com/mp3/9797/%C2%A0-%C2%A0%20[freemp3host.com].mp3&t3=The Sideburn Song&total=4" quality="high" wmode="transparent" width="200" height="30" name="billy" align="middle" type="application/x-shockwave-flash" /></div></div>
<div id="musiclist">
<h1><a href="http://tumblings.net/post/48858276757/sliding-mini-music-player-with-playlist">Playlist</a></h1>
<!-- PUT YOUR MUSIC TITLES HERE. BE SURE TO ADD A BREAK AFTER EACH ONE. -->
01. Nice Guys <br>
02. Like a Good Boy <br>
03. Dramatic Song <br>
04. The Sideburn Song <br>
</div></div></div>
NOTE
If you want auto play option then change autoplay=false to autoplay=true. Save your Tumblr theme and check out preview.