티스토리 사이드바 편집

안녕하세요 오늘은 티스토리 사이드바 편집에 대해서 알아보겠습니다. 

저는 오디세이 스킨을 사용하고 광고를 달았는데 문제는 달력, 방문자 수, archives, SnsPlugin 때문에 아래에 있는 하단 배너광고를 노출시키기 어려웠습니다ㅠㅠ.

 

AdMob 광고노출 최적화를 위해 꾸미기 -> 스킨편집->html 편집으로 들어가 줍니다.

---

코드를 찾아서 지울 때 <s_sidebar_element>를 포함했는지 확인하세요.

1. 달력 지우기

 

Ctrl f를 통해 box-calendar을 찾아줍니다.

<s_sidebar_element>
                <!-- 달력 모듈-->
                <div class="box-calendar">
                  <h3 class="title-sidebar"><span class="blind">Calendar</span></h3>
                  <div class="inner-calendar">

  
«   2025/01   »
  

    

      
일
      
월
      
화
      
수
      
목
      
금
      
토
    
  
  

    

      
 
      
 
      
 
      
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>
                </div>
              </s_sidebar_element>

그러면 html 코드 안에 </s_sidebar_element>............. </s_sidebar_element>로 구성된 코드가 보이는데요 위에 나와있는 코드 전체를 지워줍니다.

 

---

2. 방문자수 삭제

Ctrl f를 통해 box-visit을 찾아줍니다.

<s_sidebar_element>
    <!-- 방문자수 -->
<div class="box-visit">
	<h3 class="title-sidebar"><span class ="blind">방문자수
</span>Total</h3>
			<p class="text-total"></p>
			<ul>
				<li class="item-visit">Today : 
</li>
			<li class = "item-visit">Yesterday :
</li>
			</ul>
			</div>
              </s_sidebar_element>

html에서 위 코드 전체 삭제

 

 

---

3. archives 삭제

ctrl f로 box-archive를 찾아줍니다

<s_sidebar_element>
                <!-- 글 보관함 -->
                <div class="box-archive">
                  <h3 class="title-sidebar">Archives</h3>
                  <ul class="list-sidebar">
                    <s_archive_rep>
                      <li><a href="" class="link-sidebar"></a></li>
                    </s_archive_rep>
                  </ul>
                </div>
              </s_sidebar_element>

html에서 위 코드 전체 삭제

 

---

4. 공지사항 삭제

ctrl f로 <s_rct_notice>를 찾아줍니다.

<s_sidebar_element>
                <!-- 공지사항 -->
                <s_rct_notice>
                  <div class="box-notice">
                    <h3 class="title-sidebar">공지사항</h3>
                    <ul class="list-sidebar">
                      <s_rct_notice_rep>
                        <li><a href="" class="link-sidebar"></a></li>
                      </s_rct_notice_rep>
                    </ul>
                  </div>
                </s_rct_notice>
              </s_sidebar_element>

html에서 위 코드 전체 삭제

---

5. 사이드바 플러그인 삭제

ctrl f로 <box-plugins>를 찾아줍니다.

<s_sidebar_element>
                <!-- 페이스북 트위터 플러그인 -->
                <div class="box-plugins">
                  <h3 class="title-sidebar blind">페이스북 트위터 플러그인</h3>
                  <ul class="tab-sns">
                    <li class="tab-button item-facebook on"><a class="tab-button" href="#" onclick="return false;">Facebook</a></li>
                    <li class="tab-button item-twitter"><a class="tab-button" href="#" onclick="return false;">Twitter</a></li>
                  </ul>

                  <div class="plugin-facebook">
                    <div id="fb-root"></div>
                      <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = '//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v3.2&appId=360877073936113&autoLogAppEvents=1';
                        fjs.parentNode.insertBefore(js, fjs);
                      }(document, 'script', 'facebook-jssdk'));</script>
                    <div class="fb-page" data-href="" data-tabs="timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="" class="fb-xfbml-parse-ignore"><a href=""></a></blockquote>
                    </div>
                  </div>

                  <div class="plugin-twitter" style="display: none;">
                    <a class="twitter-timeline" href=""></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                  </div>
                </div>
              </s_sidebar_element>

html에서 위 코드 전체 삭제

---

완료 후 글과 광고가 자연스럽게 이어져 있는 것을 볼 수 있습니다.