사이드바 링크 관리

블로그팁 | 2008/01/08 10:49 | Posted by drchoi

출처)자세한 내용은 여기 참조 paperinz.com

사용자 삽입 이미지





블로그 사이드바에 링크가 많아질 경우 좁은 공간에서 효율적으로 관리해 줄 수 있는 태그이다. paperinz 에 자세히 설명이 나와있지만 내 블로그 사이드바에 적용하니 아래 부분을 적용하면 슬라이드바에 빈 공간만  생긴다. 그래서 아래 부분과 이미지 url을 제거하고 적용하였다. ( 이 부분은 아래 덧글 참조하세요..)
                           <s_link_rep>
                                   <option value=""> </option>
                           </s_link_rep>



  <!-- link -->
      <div class="link">
         <h3>Links</h3>
<br/>
        <div id="as_div" align="left" >      

<img src="http://fs.tistory.com/custom/blog/6/64622/skin/images/is_link_blog.gif" align="absmiddle">&nbsp;<select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:250px;">
            <option value="">--- Select - Blog ---</option>
                         

                            <s_link_rep>
                                   <option value=""> </option>
                           </s_link_rep> 이 부분을 제거하고 아래 링크 방식을 그대로 적용

             </select><br/>

    <!-- meta site -->
<img src="http://fs.tistory.com/custom/blog/6/64622/skin//images/is_link_meta.gif" align="absmiddle">&nbsp;<select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:250px;">
           <option value="">--- Select Meta Hub ---</option>
          

<option value="http://www.newslog.com/w3web/news/"> Web2.0 NewsLog</option>
           <option value="http://www.blogkorea.org/"> Blog Korea</option>
           <option value="http://www.naaroo.com/"> Naaroo</option>
           <option value="http://blog.ebuzz.co.kr/main/blogranking.php"> BUZZ Blog       Ranking</option>
           <option value="http://www.brainn.co.kr/"> BrainN</option>
           <option value="http://bloggernews.media.daum.net/"> Daum BloggerNews</option>
           <option value="http://careerblog.scout.co.kr/"> Careerblog</option>
           <option value="http://www.mediamob.co.kr/"> Mediamob</option>
           <option value="http://openblog.mediamob.co.kr/"> Openblog</option>
           <option value="http://allblog.net"> Allblog</option>
           <option value="http://www.eolin.com/"> Eolin</option>
           <option value="http://blogplus.net/"> Blogplus</option>
           <option value="http://www.spotplex.com/"> Spotplex</option>
           <option value="http://www.technorati.com/"> Technorati</option>

           </select><br/>

      </div>
               </div>

분홍 박스 부분을 제거하고 회색박스 부분과 동일한 방식으로 제목을 정하고 링크를 삽입해 주면 된다.

위의 태그 삽입위치, 스킨편집-skin html 에서 <sidebar elemete><!--링크모듈>에 삽입

사용자 삽입 이미지


이 블로그는 더 이상 업데이트 하지 않습니다. 질문이나 기타 문의 사항은 DRCHOI BLOG 시즌 2를 방문해 주세요.
DRCHOI BLOG 시즌 2
DRCHOI BLOG 편하게 보기
Google Reader or Homepage

댓글을 달아 주세요

  1. Favicon of http://paperinz.com 이드,,, 2008/01/08 14:43  댓글주소  수정/삭제  댓글쓰기

    어라 첫번째께 나타나지 않던가요?? 첫번째 공간은 티스토리 관리자에 있는 링크 부분과 연동이 되는 부분입니다 관리자 메뉴의 링크 부분에 추가를 하면 자동으로 반영됩니다 그곳에 추가를 안 한건 아닌지요??

    안 될리는 없을텐데 ^^;;;

    • Favicon of http://drchoi.or.kr drchoi 2008/01/08 15:34  댓글주소  수정/삭제

      저도 첫번째 것이 블로그 링크가 연동되는 줄 알았는데(링크 있습니다.) 이상하게 빈 박스만 보이네요..원인은 아직 잘 모르겠습니다.^^;; 아무튼 찾아주셔셔 고맙습니다..:)

    • Favicon of http://paperinz.com 이드,,, 2008/01/08 15:55  댓글주소  수정/삭제

      흠 왜 안 되는거징?? 안 될 이유가 없는데,,,

      함튼 안타깝네요 그게 되어야 조금이나마 편한데, 추후라도 원인을 찾아 적용이 되었으면 좋겠군요 ^^*

    • Favicon of http://drchoi.or.kr drchoi 2008/01/08 16:20  댓글주소  수정/삭제

      적용되면 훨 편할텐데 저도 아쉽습니다.^^..시간 나면 다시 적용해 보겠습니다..왜 저만 그런건지 해결을 해야죠..:)

  2. Favicon of http://paperinz.com 이드,,, 2008/01/22 15:35  댓글주소  수정/삭제  댓글쓰기

    이거 왜 안되는지 알았어요 ^^;;;
    제가 꼼꼼하게 확인을 안 한 탓이네요
    위에서 drchoi님이 지우라고한 부분 원래는

    <s_link_rep>
    <option value="(##_link_url_##)"> (##_link_site_##)</option>
    </s_link_rep>

    이렇게 되어 있어야 해요 () 은 [] 로 바꾸어서 사용해야 합니다 [] 부분을 넣어서 쓰니까 글쓰기 화면에선 보이는데 블로그 화면에선 사라지는군요 ^^;;;

  3. Favicon of http://nooegoch.net nooe 2008/09/20 18:15  댓글주소  수정/삭제  댓글쓰기

    감사합니다!!!