<방법1>
위와 같은 BGM 플레이어를 파란블로그 좌측상단에 넣는 방법입니다
파란블로그에서는 사용자정의 요소추가 라는 관리메뉴가 있는데요
이것을 이용하면 원하는 시계나 홈페이지용 악세사리를 자유롭게 블로그에
넣을 수 있습니다..
파란블로그를 예로들어 설명합니다.아래의 설명을 따라서 설치해보세요
1.상단메뉴 중에서 "관리" 버튼을 누른다
2.나타나는 관리메뉴 중에서 "메뉴/단수 설정" 버튼을 누른다
3. 팝업되는 메뉴중에서 메뉴설정 쪽을 클릭한다.
4.메뉴 설정창이 팝업되면 "사용하지 않는 메뉴"에서 "사용자정의요소"를 하나 선택해서
마우스로 드래그해서 왼쪽메뉴쪽으로 이동시켜 놓는다.
(드래그 앤드랍 방식으로 메뉴를 넣는 겁니다.. 대상을 마우스로 클릭하고 마우스 왼쪽버튼을
누른 상태에서 그대로 이동해서 목표지점에서 마우스버튼 누르고 있던 걸 놓는 겁니다 )
5. 이제 그 팝업메뉴 바로 오른쪽 아래쪽에 보이는 "사용자 정의요소 관리 "버튼을 누른다
6.사용자 정의요소 관리창에 아래와 같이 BGM 이나 시계, 날씨창 등의 소스코드를 복사해 넣는다
(BGM,시계나 큐브 등의 악세사리 소스코드는 http://music24.kr 에 가시면 여러가지가 있습니다)
BGM 16번
------------------------------------------------------------------------
<table align="left" style="WIDTH: 159px; HEIGHT: 91px" borderColor=#e7e7e7
cellSpacing=0 cellPadding=2 bgColor=#ffffff border=1 >
<tr>
<td width="159" height="87">
<IFRAME src="http://music24.kr/bgm/16.php" width="159" height="87"
frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------
시계
-------------------------------------------------------------------------
<embed src="http://music24.kr/music24.kr_di_clock2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="160" height="90" wmode="transparent">
</embed>
-----------------------------------------------------------------------
날씨
-----------------------------------------------------------------------
<iframe src=http://music24.kr/weather/seoul.php width="156"
height="153" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
큐브
----------------------------------------------------------------------
<iframe src="http://music24.kr/tv/cube_s_music24.kr.html" width="130" height="120" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
----------------------------------------------------------------------
7.원하시는 악세사리의 코드를 넣으셨으면 이제 좌측상단의 적용하기 버튼을 누른다
8 마지막으로 종료하기 버튼을 눌러주면 완료된 것입니다..
이제 블로그로 돌아가서 설치된 악세사리를 확인하실 수 있습니다..
(시계. 날씨.큐브 이외에도 여러가지 BGM 음악플레이어도 이 방식으로설치가 가능합니다)
좌측 상단에 검은색 뮤직플레이어와 우측상단의 시계.날씨 큐브 참조하세요.
<<<<<방법2>>>>>>>>>>>>>>>>>>>>>>
=======================================
제가 다음,네이버,파란등 유명 포탈의 블로그들을 모두 비교해보니
파란블로그(http://blog.paran.com) 가 다른 블로그 들보다 사용자에게 상당히 많은 권한을 주고 있습니다
스킨코드를 직접 수정해서 쓸 수도 있구요 사용자 정의 요소라는것을 통해서 좌우측 메뉴에
사용자 자신의 html 코드 삽입으로 원하는 요소를 추가할 수 있습니다
그럼 파란 블로그에 무료BGM 을 설치하는 방법을 설명드리겟습니다.
주의사항: * 수정이 잘못 될 경우 블로그가 망가진 모양으로 나오거나
블로그 자체에 접속이 않되기도 합니다
반드시 아래 주의사항을 복사해 놓으시고 옆에 놓고 보면서 스킨을 수정하십시오.
-----------------------------------------------------------
1.잘못된 스킨 초기화 방법2 -블로그에 접속자체가 않될 때
http://blog.paran.com의 내 블로그 소식 영역에서 [관리] 버튼을 누른 후 스킨 고르기 > 골라쓰는 스킨에서 원하는 스킨을 선택하시면 해당 스킨으로 설정됩니다.
-----------------------------------------------------------
2.잘못된 스킨 초기화 방법2 -블로그에 접속은 될 때
블로그 관리메뉴에 접속이 된다면 관리->스킨고르기 에서
적당한 스킨을 골라서 적용하시면 고쳐집니다.
-----------------------------------------------------------
0.파란블로그에 회원가입을 하고 블로그를 일단 만들어야 겠지요. 그 블로그에 무료BGM 코드를 넣는 방법입니다.
1.블로그 관리버튼을 누른다
2. 디자인 관리를 누른다.
3. HTML 꾸미기 버튼을 누른다.
4.HTML 직접수정을 누른다.
5.스킨영역 HTML 코드 편집하기 영역에서 아래의 설명에 따라 BGM 코드를 넣는다
파란블로그에 무료 음악플레이어를 설치하시려면
블로그 관리메뉴에서 --> 디자인 관리--> HTML꾸미기 ---> HTML 직접수정 버튼을 누르시고 스킨영역 html 코드 편집하기 눌러서 적당한 곳에 아래의 소스를 넣으시면 됩니다
BGM 을 넣기 좋은 위치를 찾는 법-->HTML 직접 꾸미기 영역에서 ctrl+f 눌러 찾기창을 띄운후에
아래 코드를 복사하시고
<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content">
위 코드를 ctrl+v 로 붙여넣어 찾기 버튼을 누릅니다 , 찾아지면
위 코드가 있는 곳 바로 아래에 아래의 코드를 붙여 넣으시고 적용하기 하시면 됩니다.
-----------------------------------------------------------------------
<table align="left" style="WIDTH: 100%; HEIGHT: 29px" cellSpacing=0 >
<tr>
<td width="950" height="30">
<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width=100% height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
------------------------------------------------------------------------
실제 적용한 저의 블로그 스킨 소스를 예문으로 공개합니다..
아래 제 블로그의 직접 만든 스킨 소스를 참고하셔서 수정하십시오
(잘 모르시면 그냥 제 코드를 가져다가 붙여넣어서 쓰셔도 됩니다)
설치하실 BGM 에도 여러가지의 BGM 이 있습니다.. 원하는 BGM 을 골라서 설치하세요
무료 BGM 제공 하는 곳-->>http://music24.kr 에서 enter
제 블로그의 스킨소스코드
----------------------------------------------------------------------------------------------------
<html>
<!-- 수정불가 : head html -->
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" class="bg_body" onclick="hideit(0);">
<!-- 수정불가 : 상단 로그인 영역 -->
<!-- // BODY START -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="" style="background:url('') left 30px">
<tr>
<td valign="top" style="padding:30 0 60 20" >
<table border="0" cellpadding="0" cellspacing="0" width="960" height="100%">
<tr><td style="height:120;color:#FFFFFF;background:url('') left top repeat;padding:3 0 0 65px;line-height:18px;cursor:pointer"><font class="f14 b"><a href="http://blog.paran.com/necast">블로그에 무료BGM 설치하기</font><br>http://blog.paran.com/necast</a></td></tr>
<tr><td height="100%">
<!-- // 라운딩 테두리 시작 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr height="1"><td width="1" nowrap></td><td width="1" nowrap></td><td width="2" nowrap></td><td width="100%" nowrap class="set01"></td><td width="2" nowrap></td><td width="1" nowrap></td><td width="1" nowrap></td></tr>
<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content">
<!-- 바로 요 아래가 제가 넣은 소스입니다 -->
<table align="left" style="WIDTH: 100%; HEIGHT: 29px" cellSpacing=0 >
<tr>
<td width="950" height="30">
<IFRAME <IFRAME src="http://music24.kr/bgm/50.php" width=100% height="28" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></IFRAME>
</td>
</tr>
</table>
</td><td class="set01"></td><td colspan="2"></td></tr>
<tr height="2"><td></td><td class="set01"></td><td class="bg_content" colspan="3"></td><td class="set01"></td><td></td></tr>
<tr height="100%">
<td class="set01"></td>
<td class="bg_content" colspan="5" valign="top" style="padding:0 9 60 9">
<!-- 수정가능 : 블로그 top -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<!-- 수정불가 : 왼쪽메뉴 -->
<!-- // CONTETN START -->
<td width="100%" nowrap>
<!-- 수정불가 : 컨텐츠 -->
</td>
<!-- CONTENT END // -->
<!-- 수정불가 : 오른쪽메뉴 -->
</tr>
</table>
<!-- 수정가능 : 기본 및 XML -->
</td>
<td class="set01"></td>
</tr>
<tr height="2"><td></td><td class="set01"></td><td class="bg_content" colspan="3"></td><td class="set01"></td><td></td></tr>
<tr height="1"><td colspan="2"></td><td class="set01"></td><td class="bg_content"></td><td class="set01"></td><td colspan="2"></td></tr>
<tr height="1"><td colspan="3"></td><td class="set01"></td><td colspan="3"></td></tr>
</table>
<!-- 라운딩 테두리 끝 // -->
</td></tr>
</table>
</td>
</tr>
</table>
<!-- BODY END // -->
<!-- 수정가능 : copyright -->
</body>
</html>
------------------------------------------------------------------------------------
예제 보기는 --> http://blog.paran.com/necast
Recent comment