del.icio.us 는 소위 웹2.0 개념에 충실한 신세대 북마크 사이트다. ‘맛있는(delicious)’이라는 단어를 활용한 재밌는 도메인이 인상적인 이 서비스는 자신이 즐겨 찾는 사이트를 북마크해 놓고 다른 사람과 공유할 수 있는 이른바 Social Bookmark 사이트다.(관련글 보기)

이 글에서 다루고자 하는 내용은 이 del.icio.us 의 북마크를 내 블로그에 옮겨오기에 관한 것이다. 물론 del.icio.us 웹사이트에 가서 이용할 수도 있으나 내 블로그로 가져오면 일단 본인이 사용하기 편할뿐더러 블로그 방문자들과 자신이 즐겨 보는 페이지를 공유할 수 있다는 장점이 있다.

이러한 기능의 구현은 다만 주로 태터툴즈나 텍스트큐브를 사용하는 설치형 블로그 및 티스토리 이용자가 쉽게 사용할 수 있는 방법이다.

1) 자신의 del.icio.us 페이지 오른 쪽 상단에 메뉴에서 settings 에 들어간다.
2) 그 페이지에서 link rolls 라는 메뉴를 찾아 클릭한다.
3) 이 페이지의 Display Options에서 원하는 대로 화면을 디자인한다.
4) 다 되었으면 상단에 만들어진 코드를 복사한다.

del.icio.us의 link rolls 페이지

여기까지가 코드를 생성하는 절차였고 다음은 이를 어떻게 내 블로그에 표현할 것인가가 문제다. 기본적으로 사이드바에 구현하는 방법과 별도의 페이지로 구현하는 방법이 있다.

1) 사이드바를 이용할 경우에는 관리자페이지의 스킨에서 사이드바나 또는 스킨편집에서 적당한 곳에 코드를 삽입하면 된다. 사이드바일 경우가 편집이 편한데 사이드바에서 플러그인으로 제공하는 CodeBanner를 가져와서 그곳에 코드를 심으면 된다.

CodeBanner

2) 별도의 페이지로 구현하는 방법은 블로그의 상단메뉴를 사용하는 방법이다. 일단 블로그에 새로운 글쓰기를 통해 북마크 코드를 글로 올린다. 문제는 이를 항상 꺼내볼 수 있으려면 좀더 편리한 인터페이스가 있어야 할 텐데 이 문제는 해당 글을 상단메뉴에서 찾아볼 수 있게 하면 해결될 것이다. 방법은 스킨편집에서 아래와 같은 CSS Tabs 코드를 찾아서 적당한 곳에 새 메뉴를 만들고 여기에 글의 절대주소를 입력해주면 된다. 이 블로그의 경우는 메뉴 이름을 My del.icio.us라고 하고 방명록 바로 앞에 위치시켰다.

<!– CSS Tabs 상단 탭에 추가하실수 있습니다–>
<ul>
<li class=”tab_hm”><a href=”” title=”처음으로~”><span>Home</span></a></li>
<li class=”tab_lc”><a href=”” title=”위치로그”><span>Location</span></a></li>
<li class=”tab_tag”><a href=”” title=”태그”><span>Tag</span></a></li>
<li class=”tab_key”><a href=”” title=”키워드”><span>Keyword</span></a></li>
<li class=”tab_del”><a href=”http://foog.com/139″ title=”딜리셔스”><span>My del.icio.us</span></a></li>
<li class=”tab_guest”><a href=”” title=”방명록”><span>GuestBook</span></a></li>
</ul>