블로그에 적용할 수 있는 수 많은 위젯들이 소개되었고, 지금도 계속 새로운 위젯들이 소개되고 있다. 적용해 볼까 고민도 해보지만 늘 부딧히는 문제는 위젯이 가지고 있는 디자인이 내 블로그의 디자인과 잘 어울리지 못한다는 게 가장 큰 이유였다. 위젯이라는 것이 내 블로그에 꼭 필요한 역할을 하는 것은 아니지만 보조적으로 내 블로그를 더욱 재미있고 콘텐츠를 풍부하게 하는 역할을 한다. 여기 그런 위젯이 가져야 할 도리를 잘 지키는 음악 위젯 하나를 소개할까 한다. Muzicons 사이트에서는 “음악에 당신의 감성을 담아라” 라고 소개하고 있다.


우선 사이트를 살펴보자.
01. icon / 02. music / 03. look / 04. color / result
이 얼마나 단순하고 명쾌한 UI인가? 별다른 설명이 필요없어 보인다.
사용자 삽입 이미지

장점
1. 쉬운 이용법
2. 귀엽고 깜찍한 Design
3. 다양한 Design 응용
4. 비회원 가입으로 이용가능 (회원가입 시 이용도 높음)

단점
1. 12mb 용량제한
2. mp3 파일 형식 제한
3. 파일 업로드 느림
4. 한글 미지원 (메시지형 선택시)


Muzicons 위젯 만들기

01. icon - standard와 others에 43개의 아이콘을 선택할 수 있게 되어 있다.
02. music - 자신이 좋아하는 곡중 12mb가 넘지 않는 .mp3 파일이면 어떤 파일이라도 상관없다.
03. look - 텍스트를 넣은 메시지 형과, 플레이어형, 미니형으로 세가지 형태중에서 선택 가능하다.
04. color - 24가지 플레이어 컬러를 선택할 수 있지만, 실제 html코드에서 컬러를 수정할 수 있다.
result - 최종 결과물과 html 코드를 확인할 수 있다.
사용자 삽입 이미지


이 모든 기능을 회원가입도 없이 이용할 수 있다. 하지만 회원 가입을 하게 되면, 자신의 Muzicons의 갤러리를 만들 수 있다.
사용자 삽입 이미지

사용자 삽입 이미지


홈페이지 메인 컬러에 맞춰 페이퍼온넷( PAPERon.Net )에 적용한 모습
조만간 페이퍼온넷 안내 코멘트를 녹음해서 올려볼까 생각중이다.
사용자 삽입 이미지

실제 적용 사례

1. 메시지형


2. 플레이어형


3. 미니형



/ Muzicons 동영상 이용안내