DESPERATE !! PLS HELP, background music Options

[forlorn]

Hey guys, I was thinking of creating a blog on lj depicting all the memories for my gf as her birthday is just weeks away. But i can't seem to add background music to go with the theme. Can someone pls tell me how to go about doing in? It'll be great if there's a step by step guide or a live example. Thanks

[jordanriane]

For future reference, please search the forum before asking your question!

http://www.createblog.com/forums/index.php...85371&hl=music# - click that link; It will bring you to the post that will tell you how to do it.

[forlorn]

i've tried as the link above has said but it still doesn't work. Pls help !!

FRIENDS_WEBSITE<=
<IMG class="header" style="visibility: visible;"
SRC='http://images.xangsters.com/livejournal/17/4103.gif' width=488 height=409 BORDER='0' USEMAP='#imgmap' style="visibility: visible;">

<MAP NAME='imgmap'>
<AREA SHAPE=rect COORDS='119,366,185,389' HREF='http://www.livejournal.com/users/yourjournal' ALT='ENTRIES'>
<AREA SHAPE=rect COORDS='192,366,253,390' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='FRIENDS'>
<AREA SHAPE=rect COORDS='259,368,300,389' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='USER INFO'>
<AREA SHAPE=rect COORDS='306,368,380,391' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='CALENDAR'>
</MAP>


<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center">
%%readlink%%<a href="%%urlpost%%">Post Comment</a><br /><br />
<center><hr color="#052F38"></center>
</td>
</tr>
<=LASTN_TALK_LINKS

LASTN_TALK_READLINK=><a href="%%urlread%%">Read %%messagecount%%</a> -

CALENDAR_WEBSITE<=
<IMG class="header" style="visibility: visible;"
SRC='http://images.xangsters.com/livejournal/17/4103c.gif' width=488 height=409 BORDER='0' USEMAP='#imgmap' style="visibility: visible;">

<MAP NAME='imgmap'>
<AREA SHAPE=rect COORDS='119,366,185,389' HREF='http://www.livejournal.com/users/yourjournal' ALT='ENTRIES'>
<AREA SHAPE=rect COORDS='192,366,253,390' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='FRIENDS'>
<AREA SHAPE=rect COORDS='259,368,300,389' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='USER INFO'>
<AREA SHAPE=rect COORDS='306,368,380,391' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='CALENDAR'>
</MAP>


<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=

<bgsound src="http://www.koolpages.com/facade/mp3/heaven_knows-msc.mp3" loop="infinite">

<IMG class="header" style="visibility: visible;"
SRC='http://images.xangsters.com/livejournal/17/4103c.gif' width=488 height=409 BORDER='0' USEMAP='#imgmap' style="visibility: visible;">

<MAP NAME='imgmap'>
<AREA SHAPE=rect COORDS='119,366,185,389' HREF='http://www.livejournal.com/users/yourjournal' ALT='ENTRIES'>
<AREA SHAPE=rect COORDS='192,366,253,390' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='FRIENDS'>
<AREA SHAPE=rect COORDS='259,368,300,389' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='USER INFO'>
<AREA SHAPE=rect COORDS='306,368,380,391' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='CALENDAR'>
</MAP>



<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>


<=LASTN_WEBSITE

DAY_WEBSITE<=
<IMG class="header" style="visibility: visible;"
SRC='http://images.xangsters.com/livejournal/17/4103a.gif' width=488 height=409 BORDER='0' USEMAP='#imgmap' style="visibility: visible;">

<MAP NAME='imgmap'>
<AREA SHAPE=rect COORDS='119,366,185,389' HREF='http://www.livejournal.com/users/yourjournal' ALT='ENTRIES'>
<AREA SHAPE=rect COORDS='192,366,253,390' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='FRIENDS'>
<AREA SHAPE=rect COORDS='259,368,300,389' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='USER INFO'>
<AREA SHAPE=rect COORDS='306,368,380,391' HREF='http://www.livejournal.com/users/cursedinlove/yourjournal' ALT='CALENDAR'>
</MAP>



<style type="text/css">
<!--
table table table table .meta
{visibility:hidden;position:absolute;top:1px}
table table table table table .meta
{visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>
<=DAY_WEBSITE

GLOBAL_HEAD<=


<style type="text/css">
<!--
body {
background-color: #000000!important;
background-image:

url(http://images.xangsters.com/livejournal/17/4103b.gif) !important;
background-repeat: repeat-y !important;
background-attachment: scroll !important;
background-position: 0% 0% !important;
margin-top: 356px;
overflow-x: hidden;
overflow: -moz-scrollbars-vertical;
color: #34538B;
}

table {
width: 269px;
margin-left: 108px;
margin-right: 100%;
z-index: 0;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
html>body table{
position: relative;
}
img.header {
position: absolute;
left:0;
top: 0;
z-index: -1;
}
html>body img.header {
z-index: 0;
}
html>body div{
z-index: 2;
}
.shadowed img{
visibility:hidden;position:absolute;top:0
background: transparent;

}
-->

}
/* top right navigation links */
p .index {
color: #34538B;
}
/* subject of journal entries */
p table table td.caption {
font-size:10pt;
text-decoration: italic;
font-weight: bold;
color: #F75707;
font-family: Verdana;
}
.comments {
font-size: 10pt;
font-family: Verdana;
}
a:link, a:visited, a:active {
text-decoration: none;
font-weight: bold;
color: #BF4706;
}
a:hover{
text-decoration: none;
font-weight: bold;
color: #F2B394;
}
.entrybox td{
text-align: left;
font-size: 11px;
font-family: verdana;
line-height: 14px;
color: #000000;

}
/*date and time*/
.entrybox td.index {
text-align: right;
font-size: 9px;
font-weight: none;
text-transform: lowercase;
color: #000000;
border: 0;

}
-->
</style>

<=GLOBAL_HEAD

LASTN_DATE_FORMAT=><b><font face="Verdana" size="1">%%monlong%% %%dth%% %%yyyy%%|%%12h%%.%%min%%%%ampm%%</font></b>