땀똔의 프로필 사진

티스토리, 사이드 바에 구독 버튼 넣기~

    0

 

그리고, 스킨의 밸런스를 깨뜨리는 구독 버튼은 보이지 않게 만들기..
  

 

<!-- 먼저 티스토리 관리자 페이지에서..
     구독 버튼을 표시하기로 설정하고,
     구독 버튼의 위치를 "우-중, 우-하, 좌-하" 셋 중 하나로 설정한다 -->
     
<!-- 사이드 바에 아래의 링크를 추가 -->
<span class="subs">구독하기</span>


<script>
	/* 사이드 바에 추가한 구독 링크를 클릭하면 본문 내의 숨겨져 있는 구독 버튼을 클릭하고 페이지 새로고침 */
    $(".subs").click(function(){
    	$(".btn_menu_toolbar.btn_subscription").trigger("click");
        setTimeout(function(){ location.reload() }, 500);
    });
    
    /* 사이드 바의 구독 링크의 텍스트를 현재의 구독상태에 맞게 바꾸기 */
    $(document).ready(function(){
        if ( $(".btn_tool .txt_state").text() == "구독중" ) {
            $(".subs").text("구독중")
        }
    });
</script>

<style>
    /* 본문의 구독버튼 감추기 */
    .toolbar_rc { display:none } /* 오른쪽 가운데 */
    .toolbar_rb { display:none } /* 오른쪽 하단 */
    .toolbar_lb { display:none } /* 왼쪽 하단 */
    
    span.subs { cursor:pointer }
</style>

 

 

다운로드

 

Tistory_Subscribe_Button_On_SideBar.txt
1.7 kB

 

 



카테고리 훑어보기, 그리고 공감하고픈 이야기들





(?)