본문 바로가기

report A (life&intrest)/blog

티스토리 블로그의 MY LINK, 분류와 접기가 가능한 링크로 바꾸기.

티스토리 블로그에서 아주 유용하게 이용하고 있는 MY LINK 기능.
다른 블로그 서비스와 달리, 티스토리 블로그 외에 네이버 블로그, 다음 블로그, 기타 사이트 들까지 모두 링크가 가능해서 아주 마음에 드는 기능이다.
그러나 단점이 없진 않은데, 바로 '분류'와 '접기'가 안된다는 점!
한 두달쯤 맘에 드는 사이트마다 링크 추가,추가,추가.....하다보니 , 아래 사진처럼 기~~다란 MY LINK 리스트를 갖게 되 버렸다.



가뜩이나 복잡한 사이드바에서 너무 차지하는 공간이 많고,
분류가 안되다 보니 찾아가려는 사이트를 빠르게 찾아내기도 힘들게 되버렸다는.
그래서 바꾸기로 했다. 분류와 접기가 가능한 링크로.
바꾼 결과물이 바로 아래 사진.


그럼 바꾸는 방법. go go go.

                                                                                                                                              
1.
    언제나처럼,
    관리자화면(ADMIN) > 스킨 > HTML/CSS 편집으로 간다.
2.
    아래 첨부파일을 다운받아서, 그 내용을 복사, 원하는 위치에 붙여넣기 한다.
    예를 들면, 나의 경우,
    원래의  MY LINK 위치에 이 접어놓은 링크들이 놓이기를 바래서
    skin.html에서  <!-- 링크 모듈 -->을 찾아서
    그 아래에다가 첨부파일의 소스들을 넣어주었다.    


3.
    첨부파일 속 내용은 다음과 같다.

   <DIV>
   <SELECT style="WIDTH: 155px; FONT: 9pt "맑은 고딕"; COLOR: #bbbaba" onchange=window.open(this.value);>
   <OPTION>MY LINK----------</OPTION>
   <OPTION value=http://clelun.tistory.com/>시엘룬의 센서티브 리포트</OPTION>
   <OPTION value=http://nextgoal.tistory.com/>티비의 세상구경</OPTION>
   </SPAN></DIv>

    
현재, 나의 블로그 스킨에서 링크가 위치한 왼쪽의 사이드바 영역은 다른 스킨들보다 너비가 좁은 편이다.
그래서 위의 소스를 보면 WIDTH가 155로 작게 지정되어있는데,  
이 링크창이 본인의 블로그에 적용했을때 너무 작다고 생각된다면 155를 좀 더 큰 수로 바꿔주면 된다. 기본적인 너비를 가진 블로그 스킨들의 경우 180~200가량이 적당할듯.
링크를 분류하고 싶다면 위의 소스를 복사해서 연달아 두번 넣어주면 창이 두개가 뜬다.
각각의 창에 대해  <OPTION>MY LINK----------</OPTION> 부분의 MY LINK를 분류명으로 바꿔 주면 될듯.
현재 나는 interesting BLOG와 favorites SITE 두개의 링크창으로 분류해 놓았는데, 조만간 더 세분화 해줄 생각.
새로운 링크를 추가하고 싶다면,  
<OPTION value=http://clelun.tistory.com/>시엘룬의 센서티브 리포트</OPTION> 부분을 복사하여,바로 아래 붙여넣기 하고,
 "
http://clelun.tistory.com/"부분을 원하는 링크 주소로, "시엘룬의 센서티브 리포트" 부분을 원하는 이름으로 바꿔주면 된다.

                                                                                                                                            


실제, 내 블로그에 적용시킨 모습은 아래와 같다.
끄응, 난 링크 목록이 너무 길어서 한 화면에 캡쳐가 안된다는.;;;여러번의 분류가 필요함.;;;