[Tutorial] For those that are messaging me about background music - Read Here

Dec 13, 2011 09:10

Since I'm not a super computer/css person... I am not able to do that for the css journal style but only for the posts
so if you are fine with a layout like mine - please read the following before you decide

1. If you want multiple background music [such as mine] - make sure you decide how many entries you want in between so you can separate them
Advice: if you are writing different idol groups - you can always do what i did - and make separate sections leading upto a title/directory page. meaning you have to set 1 Entry shown on your journal style - or you would have 2 or more BGM playing at the same time which is not good.

2. Make sure you have a hosting site that has a bandwidth suitable for you

3. In your entries - ensure that there is a way to differentiate between the HTML codes
Advice: use separators such as: - a simple ----------------------------------- and space at the bottom of your entries or if you want an image file
you can also look up the alt + number pad options like ♥ ♫ ♪ etc etc

4. Know what the HTML code you are using enables you to do.

-----------------------------------------------------------------------------
With that said - here are the things needed to start having a BGM without the hassle of a music player code - it's really simple~

Music file uploaded link" autostart="???" loop="???" width=?? height=??>

-----------------------------------------------------------------------------
Okay now to break it down
like an img embed - there is the src so first things first - the music link from the file host
which will be like


autostart - do you want the music to play automatically when people go to your page?
if yes: True
if no: False
example: autostart="true"

Loop - continuous play basically - when the song ends - would you like it to repeat?
if yes: True
if no: False
example: loop="true"

width and height - basically some people would use "Hidden" as the attribute instead of entering it in but I like to use width and height as my stable code since I can change the size at will when I decide to make it not autoplay and such
if you want to hide it but use width and height use 1 for both [i tried 0 but it shows up as a really long height by default]
example: width="1" height="1"
or
hidden="true"

Example of the completed code for HTML in your post
autostart="true" loop="true"width="1" height="1"

as I said I like to make a separator on the bottom of my entries so I would do the following
--------------------------------------------- autostart="true" loop="true"width="1" height="1"
of course your code won't show but - the line will so - if you like using the CTRL + F everytime you change the bgm in HTML - you can exclude it

-----------------------------------------------------------------------------
Now some hosting sites

http://www.opendrive.com - a very stable hosting site but for a basic [free] plan - the bandwidth is 1GB a day which is kinda limited if you are using a layout like mine which has like 5 songs

http://www.fileden.com - this site is up and down with it's busy server load as well maintainance is always causing it to go down but it does has it's good points such as a bandwidth of 5GB till reset which definitely exceeds opendrive.

if you have anymore - please do feel free to comment here - so I can test it for a definite availability.

meaning:
some hosting sites such as filefactory, 4shared, mediafire, etc., do offer file hosting but do not have the following
- a streaming option meaning: No bandwidth available for free plan or none at all
- does not offer the default .mp3/music file format at the end of the link meaning - you won't be able to make it into a BGM for HTML

Tutorials ♥

Previous post Next post
Up