티스토리 오른쪽 사이드바 추가하기

티스토리 사이드바 추가하기

 

관리자페이지 > 스킨편집 > html코드 편집

 

 

 

 

1. HTML 편집 페이지에서 Ctrl+F 로 sidebar 검색 후 sidebar 태그의 가장 아래로 이동

2. 오른쪽 사이드바 추가하는 코드 작성

<div id="sidebar">
...
</div>

<!-- 오른쪽 사이드바 추가-->
<div id="Rside"> 오른쪽 사이드바 추가
</div>
<!-- 오른쪽 사이드바 추가-->

3. CSS 편집 페이지로 이동

4. sidebar 코드의 가장아래 (content주석의 윗부분)에 Rside 코드 추가

/*
 * sidebar
 */
 ...
 
 
 /* Rside 추가 */
#Rside { position: fixed; right: 200px; bottom: 0; padding: 0;
width: 300px; height: 100%; background-color: #fff; border: 1px solid #ddd; cursor: default; }
@media (max-width: 1817px){ #Rside {display: none;} }
/* Rside 추가 */
 
 
 /*
 * content
 */
 ...

5. 오른쪽 사이드바의 html 코드 부분에 원하는 코드 추가하기 (예 : 전체 글 목록)

6. 편집 완료