Helizet에서 프로필 위젯을 선보였습니다. 이에 대해서는 이전 글에서 이미 말씀드렸습니다만 Textcube.com(이하 텍큐)의 프로필 위젯에는 프로필 이미지와 소개글 이외에도 Expertag와 관심블로그 등록버튼이 덤으로 같이 있습니다. 처음 개발자들이 이에 대해서 아무런 고민 없이 구현했다는 아쉬움을 느낍니다. 이제라도 따로따로 구현해주면 좋겠다고 생각하지만...-_-
텍큐를 사용하시는 블로거 분들은 사실상 관심블로그 등록버튼 문제 때문에 Helizet 프로필 위젯을 사용하길 꺼리실지도 모른다는 생각을 합니다. 그리고 저도 어제 꼬날 님의 지적을 받고서 이에 대해서 고민해봤습니다. 그리고 결국엔 (편법이지만) 관심블로그 등록버튼만 따로 떼어내는데 성공했습니다. 그러나 관심블로그를 등록한 블로거 수가 몇 명이나 되는지는 알 수가 없었습니다.

블로그의 프로필 밑에 관심블로그 등록버튼이 붙어있는 것을 보실 수 있습니다. 실험해봤는데 잘 작동합니다. 이 글에서는 관심블로그 등록버튼을 따로 다는 것에 대해서 말씀드리겠습니다.

1. Helizet 프로필 위젯 만들기
Helizet 사이트에 가면 프로필 위젯 탭을 쉽게 발견하실 수 있습니다. 우선 Helizet에 가입한 뒤에 프로필 위젯 탭으로 가면 "위젯 달기와 설정"으로 들어갈 수 있습니다.
우선 위젯의 크기를 선택할 수 있습니다. 각각의 블로그 사이드바 크기에 맞춰서 자연스럽게 크기를 선택할 수 있었으면 좋겠습니다만, 아직은 '좁게', '보통', '넓게'의 3단계의 크기 중에 선택할 수 있습니다. 정확한 크기를 측정해보지 않았습니다만 이 블로그에 있는 위젯이 넓은 위젯이므로 그리 크지 않은 크기라고 생각하시면 됩니다. (참고로 이 블로그의 사이드바는 243px이고, 양쪽에 10px의 여백이 있다는 것을 생각한다면 넓은 위젯의 가로크기는 220px일 것입니다. 다른 크기도 각각 180px, 200px일 것으로 추정됩니다.)
이 곳에서 'Today', '기본정보', '연락처 정보', '학교와 직장 정보', '개인취향 정보'를 차례로 입력한 뒤에 '적용과 퍼가기' 버튼을 누르면 퍼갈 있는 스크립트 코드가 생성됩니다.

소스코드를 복사했다면 텍큐에 위젯 형태로 삽입하면 됩니다.

2. 텍큐에 Helizet 프로필 위젯 등록하기
일단 Helizet 프로필 위젯 코드를 얻었다면 이를 텍큐의 위젯으로 등록해야 합니다.
위젯 등록은 위 이미지에서 보듯이 관리자 페이지의 꾸미기 탭의 위젯에서 할 수 있습니다.

위젯추가 버튼을 누르면 중 하나를 선택할 수 있습니다. 오른쪽 것은 이미지를 보여주기 위한 위젯이고, 왼쪽 것은 HTML코드를 입력할 수 있는 위젯입니다. 지금은 왼쪽 것을 선택합니다.

HTML 코드 위젯을 선택했다면 추가 가능한 위젯 목록에 HTML 코드 위젯이 하나 생겼을 것입니다. 위 이미지에서 동그라미 친 곳의 버튼을 클릭하면 새 버튼이 뜨는데, 그곳의 HTML코드 란에 아까 복사해뒀던 Herizet 코드를 입력합니다. 위젯이름은 마음대로 입력하면 됩니다.
확인을 누르면 위젯의 이름이 바뀐 것을 발견하실 수 있으실 겁니다.

3. 관심블로그 등록버튼 코드 만들기와 위젯 등록하기

관심블로그 등록버튼 코드는 다음과 같습니다.
    <div class="tt-default-sidebar-profile-blogroll">
      <dl>
        <dt>블로그롤 정보</dt>
        <dd>  <div class="tt-default-sidebar-profile-blogroll-add">
                <a href="owner/handler/neighbor/?target=BlogID번호" class="outerOwner"
                                                 onclick="addBlogrollPopup('BlogID번호'); return false;">
                         <span class="action">관심블로그 등록</span>
                </a>
        </div>  </dd>
      </dl>
    </div>
여기서 자신의 BlogID번호를 알아내야 합니다.
블로그아이디를 알아낼 때는 복잡한 방법을 사용해야 하는 줄 알았는데, 생각보다 간단하더군요.

BlogID는 BlogAPI의 BlogID와 일치한다!

관리자 화면에서 환경설정/글쓰기를 보면 BlogAPI Blog ID 번호가 나와있습니다.
제 블로그의 blogid는 481번입니다. 여러분들의 blogid는 다르겠죠. 이 번호를 위의 코드에서 "blogid번호"를 지우고 대신 입력하면 됩니다.

텍큐에 관심블로그 등록버튼 위젯을 만드는 방법은 Helizet 프로필 위젯 만드는 방법과 완전히 동일합니다. 위젯추가 버튼을 누르고 HTML 코드 위젯을 선택한 뒤에 그 위젯에 위에서 소개한 코드를 복사해 넣고, "blogid번호"를 지우고, 위에서 알아낸 숫자를 입력합니다.

확인을 누르고나면 새로운 위젯이 완성됩니다.

4. 위젯 위치 조정하기
위젯을 만들었으면 이제 위치를 결정해야 합니다.
우선 Helizet 프로필 위젯을 마우스로 콕 찍어서 오른쪽으로 이동시킵니다. 그러면 사이드바에 등록되어있는 위젯들 사이에 빨간 줄이 생깁니다. (위 이미지에서의 빨간 줄은 제가 그린 것이 아닙니다.) 빨간 줄이 생겼을 때 마우스 버튼을 떼면 Helizet 프로필 위젯이 빨간 줄이 쳐졌던 곳으로 삽입됩니다. 같은 방법으로 관심블로그 등록버튼 위젯도 위치시킵니다.
그 뒤에 원래 있던 프로필 위젯에서 오른쪽 위의 화살표 아이콘을 클릭합니다. 그렇게 하면 프로필 위젯이 왼쪽으로 옮겨갈 것입니다.
마지막으로 위젯 화면의 가장 밑에 있는 저장하기 버튼 누릅니다.

여기까지 모두 했다면 블로그 메인화면으로 가면 Helizet 프로필 위젯과 관심블로그 등록버튼을 보실 수 있을 겁니다.


5. Helizet 프로필 위젯에대한 기대
블로깅에 신경쓰는 사람들은 이제 멀티블로그를 생각하기 시작했습니다. 하고싶은 이야기는 많은데, 각각의 블로그에서는 전문화를 주고 싶고, 그래서 결국 하고싶은 이야기를 하기 위해서 블로그를 작게 쪼개는 것이죠. 하지만 이렇게 쪼개고나니 각각의 블로그 사이에 소통을 할 수 없다는 문제가 생기기 시작했습니다.
나의 짧은 생각에는 가지 방면에서 한 사람이 운영하는 멀티블로그 사이의 소통이 이뤄져야 한다고 보입니다. 첫번째는 여러 블로그의 글들을 모두 보기를 원하는 사람들을 위해서 전부 모아서 한 블로그에서 보여주는 기능, 즉 메타블로그 기능을 하는 블로그입니다. 두번째는 그들 블로그 사이에서의 블로거의 정체성을 일정하게 유지시켜주는 일이 필요합니다. 기존의 블로그들은 모든 기능들이 각각의 블로그별로 나눠지기 때문에 정체성을 일정하게 유지시켜주는 일을 하지 못합니다.
제가 Helizet 프로필 위젯에 기대를 하는 부분은 두번째 소통, 즉 블로거의 정체성을 유지시켜줄 것으로 보았기 때문입니다. 아직 기능이 제공되지 않았지만, 각각의 블로거들 사이에서의 소통방법 - 즉 SNS - 로서의 역할을 할 것으로 기대합니다.

Helizet을 보면 몇 가지 기능을 더 구현하기 위해 사이트를 개편하고 있습니다. 그러나 이런 쪽으로는 활성화가 될런지, 어떤 가치가 발생할지에 대해서 잘 알지 못하겠습니다. 현재의 저로서는 현재 구현되어있는 프로필 위젯이 개선되어 더 성능이 최적화되길 희망할 뿐입니다.
  1. 스고이 기무찌 2009/05/22 20:04 답글수정삭제

    트랙백 타고 놀라왔어요~^^

    저도 헬리젯 위젯 달고나선, 텍큐 프로필을 못넣고 있었는데, 방명록으로 관심블로그 버튼 왜 없냐고 문의가 많더라구요..<사실은 달랑2분;;>

    한번 저도 시도해 봐야겠네요, 좋은정보 감사합니다^^

  2. 헬리젯 프로필 위젯, 23일간의 성과

    Tracked from 청년실험실 2009/05/25 00:04

    헬리젯이 얼마 전 공개한 "위젯 SNS" 서비스인 <프로필 위젯>의 성과가 궁금합니다. 그러던 참에, 짤막한 리서치를 해봤습니다. 위젯의 성과는 보통 다음과 같은 것으로 측정되는 것 같습니다. 1. 설치 수 2. 노출 수 (Page View) 3. 순수 노출 수 (Unique Visitor) 2번과 3번은 내부적으로만 알수 있게 때문에 제가 접근할 수 없을테고요. 1번을 조사하는 것은 굉장히 쉬웠습니다. 프로필 위젯에 기본적으로 정보를 입력해야하는..

  3. 위젯을 통한 소셜네트워킹.. 헬리젯 프로필 위젯

    Tracked from VoIP on Web2.0 2009/06/01 10:19

    요즘 제 블로그를 자주 방문한 분은 아시겠지만.. 요즘 저의 관심은 인터넷전화(VoIP)를 넘어 소셜웹/소셜미디어로 확장되고 있는 중이다. 해외 유명 VoIP 블로거들이 그러했듯이.. 인터넷전화가 웹과 결합되어야 한다는 점을 인식한다면, 소셜화되고 있는 웹 상의 커뮤니케이션 수단 중의 하나로 인터넷전화(VoIP)가 자리매김해야 한다는 생각이 강해지고 있다는 점이다. 요즘 제가 많이 살펴보고 있는 트위터나 페이스북 등은 자사의 API를 과감하게 개방함..

  4. 관심블로그 등록 위젯

    Tracked from man2manE의 만만한 세상이야기... 2009/06/05 12:00

    얼마전부터 프로필 위젯을 달게되었습니다. 요즘엔 다양한 사이드바 위젯이 많아서 골라쓰는 재미가 있더군요..ㅎㅎ 헠!! 그런데 관심블로그 등록 버튼이 안보이지 뭡니까..-_-;; 관심블로그 등록 버튼은 기본 프로필 위젯이 포함되어 있더군요...-_-;; HTML위젯 등록으로 관심등록 위젯만 등록할수는 없을까 찾아보다가 억지로 붙여봤습니다. 제가 다른 텍큐 계정이 없어서 테스트는 못했는데 혹시 이 포스트를 보시는 분은 사이드바에 있는 관심블로그등록 버튼..

  5. man2manE 2009/06/05 13:09 답글수정삭제

    오홋..저도 고민고민하다가 대충 위젯으로 해봤었는데.....kkom 님의 방법은 어드민의 로그인, 로그아웃까지 반영되어 잘 동작하는지 궁금해지는군요~^^

    • Mr.kkom 2009/06/05 15:57 수정삭제

      아쉽지만 모든 부분에서 제대로 작동하는 것은 아닙니다.
      텍큐가 프로필 영역을 자동생성하도록 되어있는지라.... 그 부분에 대해서는 내부 소스코드를 봐야 만들 수 있을 것으로 사료됩니다. ^^;;;

  6. 때려주자 2009/06/06 10:56 답글수정삭제

    우와, 고맙습니다. 이제 지저분한 프로필 안 봐도 되서 기분이 좋습니다.

  7. 컴ⓣing 2009/06/17 20:27 답글수정삭제

    안녕하세요... ^^;;
    덕분에 좋은 팁 얻어갑니다~
    :D
    즐거운 저녁시간 되세요~~~

  8. mahabanya 2009/06/21 00:41 답글수정삭제

    뒤늦게 본 1인. 기본 프로필 지우면 관심블로그 등록 버튼도 같이 없어지는줄 모르고 있었군요-_-

    • Mr.kkom 2009/06/21 07:56 수정삭제

      하하하....
      텍큐가 빨리 고쳐줘야 할 문제라고 생각합니다. ^^
      근데 그 기능이 코어에 있기 때문에 쉽게 고쳐지지는 못할 것 같습니다. ^^;;;

  9. 폴. 2009/07/04 00:51 답글수정삭제

    안녕하세요- 프로필 위젯 빼버렸더니 버튼이 사라져서 조금 불편했는데 덕분에 등록 버튼만 넣었어요. 고맙습니다.

  10. Briller_Kate 2009/07/08 11:59 답글수정삭제

    잘 읽고 갑니다 ^^
    혹시 관심블로그 등록버튼 이미지를 변경하는 방법은 없을까요? ^^

    • Mr.kkom 2009/07/08 22:44 수정삭제

      가능할 것 같긴 한데 해보지 않아서 잘 모르겠습니다. ^^;;;
      직접 해보시면 어떨까요? ^^
      언젠가 해보게 되면 알려드릴께요.

  11. 한성민 2009/07/10 19:12 답글수정삭제

    이런 유용한 정보가 있었군요....
    나중에 적용을 해 봐야 되겠어요...^^
    잘 읽고 갑니다...~~~~

  12. 텍스트큐브닷컴 블로그 스킨 수정시 참고할만한 포스팅

    Tracked from 케이트의 아뜰리에 2009/07/15 10:48

    블로그 스킨 수정하면서 도움이 되었던 사이트와 포스팅들 소개해드리려구요. 스킨에 변화를 주고 싶으신 분들은 아래 링크들을 돌아다니시면서 참고하시는 것도 좋을 것 같습니다. * Textcube.org 설치형 블로그 서비스, 다운로드, 블로그키워드, 스킨모음 및 제작가이드 수록. 메뉴 중 [ 스킨 ] 에 들어가시면, 올라온 자료들 중에 마음에 드는 스킨을 다운받으실 수 있습니다. 다운받으실 때, 그 스킨에 달려있는 댓글들도 한 번쯤 읽어보시구요. 스킨..

  13. 관심블로그 등록 이미지 변경

    Tracked from 케이트의 아뜰리에 2009/07/15 13:38

    원래 이렇게 생겼던 '관심블로그로 등록' 버튼을 뚝딱뚝딱 바꿨습니다. 개인적으로 주황색에 비호감을 갖고 있는지라 내내 눈에 거슬렸거든요. 여전히 css쪽은 까막눈인 관계로 어떻게 해야할지 몰라 헤매이다가, 그나마 쪼오끔 알고 있는 태그로 떠듬떠듬 만들어 봤는데, 다행히 되네요~ 너무 어설퍼서 누구 보여드리기 부끄럽지만, 혹시 저처럼 주황색 관블등록 버튼이 싫으신 분들도 계시지 않을까해서 포스팅해봅니다. 우선 제가 바꾼 등록 버튼은 아래와 생겼습니다...

  14. 2009/07/15 13:40 답글수정삭제

    비밀댓글 입니다

    • Mr.kkom 2009/07/15 17:43 수정삭제

      잘 하셨습니다.
      제가 해보고자 했으나... 시간이 좀 부족했습니다. ㅜㅜ
      덕분에 좋은 포스트가 생기셨네요. ^.^

  15. Jewai 2009/07/15 22:47 답글수정삭제

    으악~!너무 감사드립니다..^-^

    저같은 설치형 블로그 초보에겐 정말 도움 되는 글이네요! :)

  16. Rhyme 2009/08/07 09:52 답글수정삭제

    혹시 저 '관심블로그' 버튼을 텍스트로 할 수는 없나요..??

  17. 텍스트큐브 관심 블로그 등록 버튼이 없는 황당한 경우 대처법

    Tracked from 2009/12/12 04:47

    간단하다. [code]http://내 블로그 주소/owner/handler/neighbor/?target=관심블로그로 추가할 아이 번호[/code] 이렇게 주소 표시줄에 넣고 엔터 치면 된다. 관심 블로그로 추가할 아이 번호는 어디서 알아낼 수 있을까? 해당 블로그로 가서 소스 보기를 한다. 파이어폭스나 크롬을 사용한다면 Ctrl + U 하면 되고, 익스플로러를 쓴다면 마우스 우클릭 후 소스 보기를 선택하면 된다. 그리고 style.css가 있는 줄..

트랙백 주소 :: http://science.binote.com/160/trackback/
옵션
댓글 달기