ManiadbMusic_0.3.zip--
뭐하는거냐면, 블로그든 홈페이지든 특정 음반에 관한 리뷰를 쓰려면 음반 커버 가져오고 수록곡/발매 정보 가져오는게 복잡했지만, 그걸 단지 딱 한줄,
[maniadbmusic|141030]
이렇게만 쓰면 끝납니다.
태터툴즈가 아닌 경우에도 지원됩니다. 단, 그 경우는 10줄 가까이!! 입력해야 합니다..
다음은 첨부된 문서에도 포함된 readme.txt 파일의 내용입니다.
대충 함 보시려면, 아래의 주소를 방문해주세요.
http://www.maniadb.com/syndication (main)
[태터툴즈에서 사용된 예]
http://xfactor.mireene.com/tt11/4
http://xfactor.mireene.com/tt11/5
http://xfactor.mireene.com/tt11/6
http://xfactor.mireene.com/tt11/7
http://xfactor.mireene.com/tt11/8
[다른 홈페이지에서도 쓰인 예]
http://www.maniadb.com/syndication/plugin0.3/sample01.htm
http://www.maniadb.com/syndication/plugin0.3/sample02.htm
http://www.maniadb.com/syndication/plugin0.3/sample03.htm
http://www.maniadb.com/syndication/plugin0.3/sample04.htm
http://www.maniadb.com/syndication/plugin0.3/sample05.htm
===========================================
* 만든 이유
내 블로그에 음반 정보를 집어넣자.
내 블로그에 음악 정보 이용시에 보다 손쉽게 해보자..
* 사용법
[일반 홈페이지 운영자]
1) album_script.js 파일과 album_product.php (혹은 album_product.asp)를 서버의 같은 디렉토리에 복사해넣는다
2) sample.htm 역시 같은 디렉토리에 넣고 실행해본다. (윤미래 음반 정보가 잘 나오면 ok!)
3) sample.htm 에 포함된 8줄의 javascript code를 음반 정보를 삽입하려는 곳에 넣는다.
[태터툴즈 사용자]
1) 플러그인을 인스톨한다. (tattertools plugins directory에 압축을 푼다)
2) 플러그인을 활성화한다.
3) 블로그에 글을 쓸때 아래와 같이 쓴다.
[maniadbmusic|141030]
[maniadbmusic|141030|1]
[maniadbmusic|141030|1|200|1]
[maniadbmusic|141030|1|200|1|center]
* 형식 :
[일반 홈페이지 운영자]
1) 첫번째 javascript에서 http://www.maniadb.com/syndication/album_xml.asp?a=(1)음반아이디
2) 마지막 javascript에서 show_album( (2)출력형태, (3)이미지가로크기, (4)가격비교링크여부, (5)얼라인 );
[태터툴즈 사용자]
[maniadbmusic|(1)음반아이디|(2)출력형태|(3)이미지가로크기|(4)가격비교링크여부(5)얼라인]
(1) 음반아이디 : 유일한 필수 항목
(2) 출력형태 (default:2)
1 : 이미지만 출력
ex) http://xfactor.mireene.com/tt11/4
2 : 이미지와 음반 제목이 같이 출력
ex) http://xfactor.mireene.com/tt11/5
3 : 이미지 + 음반제목 + 수록곡이 같이 출력
ex) http://xfactor.mireene.com/tt11/6
4 : 왼쪽에 이미지 + 오른쪽에 [ 음반제목 / 발매정보 / 수록곡] 이 같이 출력
ex) http://xfactor.mireene.com/tt11/7
5 : 전체 페이지에 음반 정보를 출력
ex) http://xfactor.mireene.com/tt11/8
(3) 이미지가로크기 (default:150)
가로크기만 고정가능하고, 세로크기는 비율대로 늘어남
=> 역시 첨부된 javascript를 수정함으로써 원하는 대로 조절 가능
(4) 가격비교링크여부 (default:0) <-- 수정됨 (v0.23)
가격비교링크를 출력하고, 클릭시 음반쇼핑몰의 가격을 가져와 비교함
=> 각 쇼핑몰이 디자인을 변경할 경우 동작하지 않을 수 있음
=> 실제 상품을 판매하고 있으나 검색이 제대로 되지 않을 수 있음
(가수와 음반 제목으로부터 검색하고 그 결과물을 파싱하는 원리라서.. ^^)
=> 역시 첨부된 javascript를 수정함으로써 디자인 변경 가능
(5) align (default:center)
=> center, left, right
* 설명
- maniadb의 음반 정보는 xml로 제공됩니다. (http://www.maniadb.com/syndication 참고)
- 이 xml 파일을 javascript로 design을 입힌 것이므로,
javascript 파일의 show_album function을 수정함으로써 디자인 변경이 가능합니다.
(필요하면 다른 function을 수정하셔도 됩니다. 얼마든지 수정 가능합니다.)
- 제 미적감각은 워낙 둔하기 때문에 수정/보완하실 것을 권고드리고,
수정된 소스는 다른 분들을 위해 재배포 부탁드립니다.
- 현재 ie/ff 등에서는 잘 동작함을 확인했고,
http://validator.w3.org 에서 무사 통과되었습니다.
(단, javascript에 의해 생성되는 xhtml의 validation은 잘 모르겠습니다.
기본적으로 동작은 잘 하고, 문법 오류는 나타나지 않았습니다.)
- 태터툴즈 외에, 직접 통제 가능한 홈페이지라면, 얼마든지 소스를 수정/활용하실 수 있습니다.
(sample.htm)을 참고바랍니다.
- http://www.maniadb.com/syndication 을 통해 간단히 동작을 리뷰하실 수 있습니다.
* History
- 2007.03.05. : v0.3 (price comparison patched / design added)
- 2007.01.28. : v0.23 (utf-8 patched)
- 2006.05.03. : v0.22