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

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.

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>