블로그가 산업화 되면서, 다양한 산업군들이 생겨났다. 1인 미디어로써 블로그를 개인적으로 활용하는 차원을 넘어, 블로그를 미디어로 활용하기도 하고, 또 블로그의 콘텐츠를 제작하는 전문가 들이 생겨났다. 또, 블로그와 연동이 가능한 다양한 서비스들이 선을 보이기도 했다. 최근에는 블로그에 기능적으로 심미적으로 부족함을 채워주는 다양한 위젯들이 블로그의 한 공간을 차지하면서 자리잡고 있다. 위젯 마케팅(Widget Marketing)이란 조어까지도 만들어 진걸 보면 위젯의 비중이 꽤나 높아졌다는 것을 알 수 있다.

디자인이 깔끔하고 심플한 위자드웍스의 위젯들

디자인이 깔끔하고 심플한 위자드웍스의 위젯들


블로그 위젯(Widget)은 별도의 설치 없이 간단하게 코드를 삽입함으로 블로그에 없는 기능을 더하거나, 보다 화려한 화면 효과를 위해 배치할 수 있는 어플리케이션을 말한다. 블로그를 이용하는 사람이라면 어렵지 않게 위젯을 추가할 수 있게 제작이 되고 있다. 이런 점은 블로그 위젯이 가지는 ‘양날의 검’이라고 생각한다. 블로그의 기능을 높이고, 돋보이게 하기 위해서 설치한 위젯이 필요 이상으로 많아지면, 그 만큼 읽어와야 하는 데이터가 증가하게 되어 블로그의 페이지를 보여주는 시간을 지연하는 원인이 되기도 한다.

페이퍼온넷에는 무엇보다 깔끔한 레이아웃을 유지하기 위해 위젯은 가능한 배제하고 있다. 꼭 필요한 경우 몇 가지 개인적인 기준에 근거하여 적합한 위젯만 추가해서 이용하고 있다.

페이퍼온넷 위젯 적용 기준
  1. [디자인] 블로그가 가지고 있는 아이덴티티를 해치지 않는가?
  2. [디자인] 블로그에 맞게 위젯의 컬러나 모양들을 변경할 수 있는가?
  3. [속도] 블로그 로딩 시간을 지연할 정도로 많은 데이터를 불러오고 있는가?
  4. [기능] 블로그에 꼭 필요한 기능 / 심미적인 디자인을 가지고 있는가?
  5. [기능] 블로그의 콘텐츠를 확산하거나 외부의 콘텐츠를 공유하는 기능을 가지고 있는가?

이 정도 기준을 통과하면 우선 테스트로 2~3일 정도 적용하면서 지켜본 후 최종 결정을 하고 있다. 현재 페이퍼온넷에 적용된 위젯들은 다음과 같다.

1.    한RSS 구독자 수 배너 위젯
2.    Feedburner 전체 구독자수 배너 위젯
3.    음악 재생 플레이어 위젯
4.    북마크 공유 위젯

그리고 이번에 2개의 위젯을 추가로 설치했다.


  1. Tweet Count – 해당 포스터를 트위터(Twitter)로 발행하고, 발행된 링크를 카운터 하는 위젯
  2.  Flickr Badge – 휴대폰을 이용해 가장 업데이트가 빈번한 플리커(Flickr)의 사진을 보여주는 위젯

이번에 추가로 설치한 위젯은 트위터(Twitter)로 콘텐츠를 확산할 수 있게 하고, 플리커(Flickr)에 올라간 다양한 사진을 블로그에서도 확인할 수 있게 하는 기능을 하게 된다. 블로그 방문하시는 분들이 트위터(Twitter)나 플리커(Flickr)에서도 볼 수 있게 되길 희망하며…

/ 편집장의 트위터(Twitter) http://sns.paperon.net (@PAPERonNet)
/ 편집장의 플리커(Flickr) http://photo.paperon.net

저작자 표시 비영리 변경 금지
Posted by 편집장

트랙백 주소 :: http://www.paperon.net/trackback/355 관련글 쓰기

댓글을 달아 주세요

  1. 지연수 2009/08/21 06:52  댓글주소  수정/삭제  댓글쓰기

    안녕하세요. 편집장님.
    맨낭 눈팅만 하다가 처음으로 인사 남깁니다.
    블로그 디자인이 참 깔끔하고, 자주는 아니지만 올려주시는 포스팅에 이미지 처리하시는거 보고는 당연히 디자이너겠구나 했어요.
    숨어있는 위젯들이 많이 있었네요. 다른건 다 찾았는데... 음악 위젯은 못 찾겠어요. ^^; 어디에다 숨겨두신 건가요?
    트위터도 팔로윙하고 갑니다.
    트위터에서 블로그 전체 레이아웃과 디자인 관련해서 문의 드려도 돼죠? 디자이너 명찰 달고 좀 세련된 블로그 만들어 보고 싶거든요. 페이퍼온넷처럼요. 호호

    • 편집장 2009/08/29 08:52  댓글주소  수정/삭제

      디자이너는 아니고 웹 에이전시에서 디자이너들이랑 자주 부딪히면서 일하는 동안 배운 정도에요. ㅎㅎ
      음악 위젯은 제 사진 위쪽에 말 풍선 처럼 생긴 녀석입니다.
      그 녀석 플레이 버튼을 클릭하면, 제가 추천하는 노래 한 곡을 들을 실 수 있스니다.
      블로그 들어갔을 때 기본으로 재생되는 음악은 깜짝깜짝 놀라게 되서, 클릭하실 경우에만 재생이 되는 녀석으로 설치했어요. ^^;
      디자인 블로그 멋지게 만드시길 바랍니다.
      도움이 필요하면 메일 혹은 트위터에서 다시 말씀 주세요. ^^
      감사합니다.

  2. 짠이아빠 2009/08/21 09:17  댓글주소  수정/삭제  댓글쓰기

    아니.. 언제 이렇게 블로그가 깔끔해졌지?
    정말 괜찮은데.. 탐난다.. ㅋㅋ

    • 편집장 2009/08/29 08:53  댓글주소  수정/삭제

      블로그가 깔끔해지면 뭐하나요?
      게을러져서 콘텐츠 업데이트가 이렇게 뜸한데요.
      Flickr 사진을 사이드바에 추가한 것도 콘텐츠 업데이트가 안되서 달아 놓은 건데요. ㅎㅎ

    • 짠이아빠 2009/08/29 10:12  댓글주소  수정/삭제

      너.. 지금 내 앞에서 그런 소리가 나오냐?.. ㅜ.ㅜ
      난.. 뭐 시간이 널널해서 업데이토 하냐? .. 떼끼..

    • 편집장 2009/08/29 20:23  댓글주소  수정/삭제

      업무때문에 바쁜 것 보다,
      게을러서 업데이트가 뜸하다고 말씀드린게요. ㅎㅎ 아시면서...
      눈 표범이랑은 좀 친해 지셨나요? ^^

  3. 참봉 2009/08/21 10:59  댓글주소  수정/삭제  댓글쓰기

    편집장님 깔끔한 스킨 너무 예뻐욤.
    질문 있는데염... Flickr 사진은 어떻게 나오는 건가요?
    F5 누를때마다 다른 사진 나오는 것 같기도 하고, 위쪽 사진 보면 그것도 아니고... 비법을 알려주세염. ^^

    • 편집장 2009/08/29 08:58  댓글주소  수정/삭제

      참봉님 안녕하세요. ^^
      Flickr에서 배지라는 이름으로 Flickr 사진을 블로그에 노출하는 기능을 제공하고 있어요.
      기본 제공하는 뱃지에 제가 소스를 추가하고 변경해서 페이퍼온넷에 최적화 해 둔 것입니다.
      맨 위쪽에 2컷은 최근 사진, 아래쪽 4컷은 랜덤으로 추출해서 보여주는 걸로 소스 수정했습니다.

      플리커(야후 계정)으로 로긴된 경우, http://www.flickr.com/badge.gne 페이지에서 이미지 뱃지를 만드실 수 있습니다. ^^
      도움 되시길 바랍니다.

  4. 에코 2009/08/21 14:40  댓글주소  수정/삭제  댓글쓰기

    편집장님은 정말 이런걸 너무 잘 정리해주셔 ㅋ
    실력자

    • 편집장 2009/08/29 08:59  댓글주소  수정/삭제

      @에코님 (이건 예전 세이클럽에서 유행하던 귓속말 기능입니다. 다른 분들께는 안 보일 수도 있습니다. ㅎㅎ )
      수고하셨습니다. 알바비용은 에코님 계좌로 입금해 드릴께요.
      다음 번에도 부탁드려요. ㅎㅎ

  5. 소스좀알려주세요 2009/08/21 16:38  댓글주소  수정/삭제  댓글쓰기

    궁금했던 부분은 참봉님께서 질문해주셨네요. 위자드팩토리 위젯은 디자인이 깔끔해서 저도 여러개 달고 있어요.
    근데, 트위터 버튼이랑 플리커 뱃지 소스는 어디서 가져오셨나요? 저도 적용하고 싶은데 검색해서 못찾겠네요.
    소스좀 공유 해주세요.

  6. 안병권 2009/08/21 22:34  댓글주소  수정/삭제  댓글쓰기

    페이퍼온넷도 티스토리로 만든 블로그 맞는 건가요?
    준비중인 기업 블로그에 적용하고 싶은데 블로그 디자인 판매 의향이 있으신지 문의드립니다.

    • 편집장 2009/08/29 09:06  댓글주소  수정/삭제

      네, 티스토리입니다.
      페이퍼온넷의 스킨 디자인은 티스토리가 제공하는 기본 스킨을 커스터마이징해서 이용하고 있습니다.
      이 스킨을 판매 한다면, 많은 분들께 욕먹을 일이되겠지요. ㅎㅎ
      아래 링크 가보시면, 티스토리 관련 스킨들을 많이 보실 수 있으실 겁니다. 편하게 이용하시기 바랍니다. ^^

      http://www.textcube.org/theme/search/티스토리

  7. 엣지녀 2009/08/25 15:12  댓글주소  수정/삭제  댓글쓰기

    안녕하세요 ^^
    저번 수업 너무 감사했어요, 이제 더 열씸히 블로그를 꾸려 나가야 겠어요 ^^^

    • 편집장 2009/08/29 09:08  댓글주소  수정/삭제

      S모델 홍보대사에 아주 잘 어울리는 닉네임을 정하셨군요.
      엣지녀! ^^
      제 도움이 필요한 부분이 있음, 언제든 말씀 주세요.
      다음 번 교육엔 사진 촬영 및 포토샵을 이용한 사진 이미지 편집을 할까 하는데 어떠세요? ㅎ

블로그에 적용할 수 있는 수 많은 위젯들이 소개되었고, 지금도 계속 새로운 위젯들이 소개되고 있다. 적용해 볼까 고민도 해보지만 늘 부딧히는 문제는 위젯이 가지고 있는 디자인이 내 블로그의 디자인과 잘 어울리지 못한다는 게 가장 큰 이유였다. 위젯이라는 것이 내 블로그에 꼭 필요한 역할을 하는 것은 아니지만 보조적으로 내 블로그를 더욱 재미있고 콘텐츠를 풍부하게 하는 역할을 한다. 여기 그런 위젯이 가져야 할 도리를 잘 지키는 음악 위젯 하나를 소개할까 한다. 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 동영상 이용안내
Posted by 편집장

트랙백 주소 :: http://www.paperon.net/trackback/312 관련글 쓰기

  1. Subject: 편집장의 생각

    Tracked from paper's me2DAY 2008/06/30 01:20  삭제

    깜찍하고 귀여운 음악 위젯 하나 소개합니다. ^^

  2. Subject: 블로그 뮤직 플레이어 위젯 [Muzicons]!!!

    Tracked from LEEGH.COM 2008/07/01 07:55  삭제

    음악을 블로그에서 틀 수 있게 해주는 mp3 플레이어 위젯 뮤지콘입니다.스트리밍 용량이 무제한이니 무지 좋내요. 무제한 맞겠죠? 자세하게 설명해 놓은 곳을 찾지를 못하겠더군요. 바로 블로그에 달아 봤습니다. 오른쪽에 보이시지요? 못 찾으시는 분들을 위해 아래에 붙입니다. 편집장님 블로그를 통해 알게 됬는데요, 이 위젯 색깔을 코드를 통해 마음대로 바꿀 수 있다는 점이 가장 마음에 들었습니다. 제 블로그 색과 비슷하게 바로 적용시켰지요. <ob...

  3. Subject: 주간 블로고스피어 인사이드 3호 (080626 ~ 080702)

    Tracked from Funlog.kr 2008/07/03 09:11  삭제

    주간 블로고스피어 인사이드 3호입니다. 이제 날씨가 점점 더워지고 있다는 것을 느낍니다. 저는 어서 시원한 바다에 풍덩 몸을 담그는 상상만 하고 지냅니다. 휴가나 여행 계획은 잘 세우고 계신가요? 더위에 짜증이 날때도 있지만 웃으면서 즐거운 한주 보내시고 계시면 좋겠습니다. 또 주간 블로고스피어 인사이드 3호도 유용한 정보가 되길 바랍니다. 블로고스피어 COOL 블로거에도 명함이 필요하다!? 블로그 명함을 만들었습니다 project-R, 레드써니 블..

  4. Subject: 자그니의 생각

    Tracked from zagni's me2DAY 2008/07/11 23:03  삭제

    블로그 음악 위젯

  5. Subject: 블로그에 배경음악 올리는 방법문의

    Tracked from Daum 신지식 2008/10/13 00:18  삭제

    다음에 제 블로그가 있는데, 첫 번째는 블로그 접속을 하면 자연스럽게 흘러나오는 배경음악을 올리고 싶습니다. 두 번째는 블로그 글마다 다른 음악을 배경 으로 깔고 싶습니다. 알려주시면 감사하겠습니다. 가능하면 화면 스크랩까지 해서 상세하게 설명해 주시면 더더욱 감사........

댓글을 달아 주세요

  1. 트렌드온 2008/06/30 05:45  댓글주소  수정/삭제  댓글쓰기

    블로그에 위젯다는 것이 트렌드 같네요. ^^

    채팅에서 시작해서 이것저것... 서로 다른 기능을 하는 위젯들이 기능적인 관점에서는 좋은데 블로그 일관성을 조금 해치게 되는거 같아 저는 잘 안다는 편인데.. ^^

    음악은 저도 블로그내에 흐르게 하고 싶은 욕심이... ^^ 워드프레스 플러그인중 mp3 포맷을 지원하는 것이 있기는하던데... 사용 계정이 mp3만은 막고 있다는... ㅠ..ㅠ 디자인이 귀엽네요. ^^

  2. 트렌드온 2008/06/30 05:45  댓글주소  수정/삭제  댓글쓰기

    블로그에 위젯다는 것이 트렌드 같네요. ^^

    채팅에서 시작해서 이것저것... 서로 다른 기능을 하는 위젯들이 기능적인 관점에서는 좋은데 블로그 일관성을 조금 해치게 되는거 같아 저는 잘 안다는 편인데.. ^^

    음악은 저도 블로그내에 흐르게 하고 싶은 욕심이... ^^ 워드프레스 플러그인중 mp3 포맷을 지원하는 것이 있기는하던데... 사용 계정이 mp3만은 막고 있다는... ㅠ..ㅠ 디자인이 귀엽네요. ^^

    ps, 차단되었다고 나와요.. ㅠ..ㅠ

    • 편집장 2008/06/30 09:33  댓글주소  수정/삭제

      최근에 WZD 같은 곳에서 디자인 예쁜 위젯을 많이 내 놓고 있는 상황도 같은 트렌드에 속하지 않을까 생각합니다. 기능과 디자인을 모두 만족시키는 위젯은 블로거들에게 사랑 받을 수 밖에 없겠죠.

      워드프레스에는 음악이 포함된 위젯만 올리면 되니까 mp3파일을 직접 워드프레스에 올리지 않으셔도 됩니다.
      Muziconx에서 에러가 난다면, 용량 초과한거 아닌지 확인해보세요. ^^

  3. 고이고이 2008/06/30 09:36  댓글주소  수정/삭제  댓글쓰기

    대문 인사말 저도 찾던 기능인데 오호 꼭 달아보겠습니다 ㅋㅋ

  4. 학주니 2008/06/30 09:56  댓글주소  수정/삭제  댓글쓰기

    재미난 위젯이네요. ^^;

  5. 2008/06/30 12:19  댓글주소  수정/삭제  댓글쓰기

    비밀댓글 입니다

  6. rockholic 2008/06/30 13:59  댓글주소  수정/삭제  댓글쓰기

    디자인이 참 마음에 드네요~
    좋은 위젯 소개 감사합니다. ^^

  7. 뿌이 2008/06/30 20:58  댓글주소  수정/삭제  댓글쓰기

    음악이 참 좋네요.. 제목이 뭔가요?

    • 편집장 2008/07/01 00:50  댓글주소  수정/삭제

      MBC 드라마 "연애시대" OST 앨범에서 3곡 뽑은 것입니다. ^^ 저작권 위반 음원이라 소문 내지 말아주세요.

  8. 지인우인 2008/07/01 00:23  댓글주소  수정/삭제  댓글쓰기

    저도 하나 만들어 보았습니다. 정말 마음에 드내요.
    좋은 정보 얻어갑니다. ^_^

  9. 후미후 2008/07/01 03:07  댓글주소  수정/삭제  댓글쓰기

    오홋!!! 바로 이거네요 BGM 하려다가 안되서 거의 포기 하고 있었는데 굿정보네요

  10. 다희 2008/07/01 15:04  댓글주소  수정/삭제  댓글쓰기

    저도 처음에 쓰신 이유와 막연한 거부감 때문에 다는걸 생각도 안해봤는데
    이런 거라면 한번 만들어봐야겠네요.^-^

  11. 오드리햇반 2008/07/04 10:57  댓글주소  수정/삭제  댓글쓰기

    오호! 이거 재밌네요... 로딩이 조금 느리다는 것이 걸리긴 하지만요..
    한번 시도해야겠어요..^^

    • 편집장 2008/07/04 21:33  댓글주소  수정/삭제

      외국에 있는 서버라 느린건 어쩔 수 없는 것 같아요.
      그래도 그런 상황을 고려하고도 서비스의 매력도가 높네요. ^^
      해보시면 만족도가 높으실 거에요.

  12. 지킬 2008/07/04 15:02  댓글주소  수정/삭제  댓글쓰기

    와..이쁘고 편하네요~
    저도 일단 무작정 달아봤어요^^;;
    좋은 정보 감사합니다~

  13. 베티팡팡 2008/07/15 11:04  댓글주소  수정/삭제  댓글쓰기

    저도 무작정달아봤다는 ^^
    블로그가 밋밋했는데 음악위젯 달고 나니까 신나진 느낌이네요

  14. audreyc 2008/11/03 10:42  댓글주소  수정/삭제  댓글쓰기

    뮤직플레이어를 찾다가 여기에 오게 되어 알려주신대로 음악위젯을 달았답니다.
    덕분에 저도 제 블로그에 전보다 오래 머물게 되었어요.^^
    고맙습니다~

    • 편집장 2008/11/04 14:27  댓글주소  수정/삭제

      좋은 곡을 뮤직플레이어 배경음악으로 이용하셨네요. ^^
      유용하게 잘 이용하실 수 있게 되서 저도 기쁩니다.

      방문 감사드립니다.

  15. 오오 2009/06/26 21:09  댓글주소  수정/삭제  댓글쓰기

    한참을 찾던 것인데 이렇게 알게되어 너무너무 감사합니다.^^

  16. 우와 2009/07/01 03:37  댓글주소  수정/삭제  댓글쓰기

    하아.. 좋은거 가르쳐 주셔서 감사합니다! 그런데 이런건 저작권법에 위배되지 않나요???

  17. 'ㅅ'b 2009/12/19 06:10  댓글주소  수정/삭제  댓글쓰기

    감사감사

    예쁜 플레이어로 들으니 음악이 더 알흠답게들리는듯
    네이버블로그 위젯엔 깔지못하네여 아쉽.. 그치만 이걸로 노래를 재생하며
    듣고있다능..ㅎ