블로그에 배경음악 삽입하는 방법과 뮤직플레이어 위젯

아래의 웹코드를 활용해 블로그에 배경음악을 달아보세요.

<s_sidebar_element>    

<!—배경음악 모듈 -->                                                                                                                                        

<div class="video">

 

             <h3>배경음악</h3>

<iframe frameborder="0" marginwidth="0" marginheight="0" border="0" style="border:0;margin:0;width:0px;height:0px;" src="음원이 노출된 사이트의 주소" scrolling="no" allowtransparency="true"></iframe>

             

             </div>   

</s_sidebar_element>

단, 음악이 나오는 사이트의 곡이 바뀌면 노래도 자동으로 바뀐다는 단점이 있습니다. 또한 사이트 안에 보이지는 않지만 해당 사이트가 하나 더 숨어있는 꼴이라 블로그 로딩이 늦어질 수 있는 단점이 있습니다.

실행방법

 1. 듣고 싶은 음악이 자동으로 재생되는 사이트를 찾는다.
 2. 사이트의 주소를 복사한다.
 3. 위 코드의 해당부분에 복사한 주소를 붙여넣는다.
 4. 스킨->사이드바에 가서 HTML배너편집란에 삽입한다.

티스토리 경우에는 HTML/CSS편집 부분에서 사이드바 부분을 찾아 다른 사이드바 형식과 동일하게 만드신 후 코드를 삽입해야 사이드바 항목에서 해당 위젯이 생성됩니다.

Free Music Playlist  Have a look at  http://www.mixpod.com/

뮤직플레이어 위젯을 퍼올 수 있는 사이트입니다. 한 번 방문해보시길 바랍니다. 자신만의 뮤직플레이리스트를 만들 수 있고, 공유할 수 있습니다. 음악계의 유튜브라고 할까요?