본문 바로가기

과거

블로그하트링에 링크모듈을 넣어봅시다.

사용자 삽입 이미지
사용자 삽입 이미지

마루님의 만드신 블로그하트링을 써오면서 약간 불편한 점이 있었습니다. (블로그하트링을 다는 방법은 마루님블로그 참조)
이웃 블로거들의 링크를 일일이 수작업으로 써줘야 했거든요.
(2번째 메뉴인 Select T-blog가 이웃블로거 링크들입니다)


사용자 삽입 이미지

티스토리 메뉴에 있는 '내 링크에 추가'를 누르면 자동으로 블로그가 링크에 추가되요.
그럼 링크모듈에 자동적으로 들어가게되죠. 블로그하트링을 쓰면 추가해도 나타나지 않습니다.

<!-- T-Blog -->
   <!-- 블로그하트링 외에 일반적인 블로그나 홈페이지 링크 -->
   <img src="http://fs.tistory.com/custom/blog/3/39580/skin/images/is_link_blog.gif" alt="T-Blog" align="middle" /> <select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:145px;">
    <option value="">--- Select T-Blog ---</option>
    <option value="http://블로그주소"> 블로그 타이틀</option>
    <option value="http://블로그주소"> 블로그 타이틀</option>
</select>

위 태그처럼 일일이 블로그이웃들의 주소를 넣어줘야합니다.
그래서 블로그하트링 태그를 수정해봤어요.

<!-- T-Blog -->
   <!-- 블로그하트링 외에 일반적인 블로그나 홈페이지 링크 -->
   <img src="http://fs.tistory.com/custom/blog/3/39580/skin/images/is_link_blog.gif" alt="T-Blog" align="middle" /> <select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:145px;">
    <option value="">--- Select T-Blog ---</option>
                            <s_link_rep>
                                   <option value="[$$_link_url_$$]">[$$_link_site_$$]</option>
                           </s_link_rep>
</select>
[$$_link_url_$$],[$$_link_site_$$] 옆에 $$##로 바꿔주셔야합니다.

이제 링크추가를 하시면 자동으로 블로그하트링에 추가가됩니다.

이제 바뀐 태그를 삽입해줘야하는데요.
사이드바설정에는 삽입을 하면 링크가 보이질 않습니다. 이것때문에 시간을 많이 소비했어요.
관리자모드 > 스킨 > HTML/CSS > skin.html에 직접 넣어야 합니다.
직접넣는 방법은  [cdmanii 박춘호님의 티스토리 사이드바 그만날려보자.]
포스팅이 참고가 되었습니다. cdmanii 박춘호님 감사합니다. ^-^
수정하기전에 백업을 해둬야겠죠. 모르신다면 백업방법을 읽어보세요 [백업방법 보러가기]

    <s_sidebar_element>
    <!-- 달력 모듈 -->
     <div class="calendar">
      <h3>달력</h3>
     
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

     </div>
    </s_sidebar_element>

<s_sidebar_element>
<!-- 블로그하트링 -->
<div class="blogling">

<h3>블로그♥링</h3>
        <!-- Blog♥Rings -->
  <!-- 아래이미지 경로는 그대로 사용하셔도 됩니다. 수정을 원하시면 자신의 계정에 업로드 후 경로를 수정하세요. -->
.
.
.(중간 생략)
.
.
<!-- T-Blog -->
   <!-- 블로그하트링 외에 일반적인 블로그나 홈페이지 링크 -->
   <img src="http://fs.tistory.com/custom/blog/3/39580/skin/images/is_link_blog.gif" alt="T-Blog" align="middle" /> <select onchange="window.open(this.value);" style="font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#000;width:145px;">
    <option value="">--- Select T-Blog ---</option>
                             <s_link_rep>
                                   <option value="[$$_link_url_$$]">[$$_link_site_$$]</option>
                           </s_link_rep>

</select>
.
.
.(중간 생략)
.
.
</div>
</s_sidebar_element>

    <s_sidebar_element>
    <!-- 링크 모듈 -->
[빨강글씨가 새로 태그에 추가된거예요.]

'달력모듈'을 찾으신후 사이에 넣으시면 됩니다. </s_sidebar_element>아래에 넣으시면 됩니다.
그후 사이드바설정에 가시면 블로그하트링이 활성화 되어있을겁니다. 이전에 있던 블로그하트링은 제거해 주시고요. 혹시나 사이드바에 링크모듈이 있으시면 제거해 주시기 바랍니다. ^-^

사용자 삽입 이미지

이제 마음에 드시는 이웃블로거가 있으시다면 링크추가 버튼만 눌러도 자동적으로 블로그하트링에 추가가되실거예요 ^-^ 설정도 티스토리관리자 >링크에서 수정및 추가도 가능합니다~

이제 그동안 추가못했던 이웃들을 추가하러 달려야겠어요~ 고고씽!



반응형