티스토리 사이드바 모듈에 모듈 추가하고 제목 넣기, 제목 바꾸기 - html
앞선 글에서 구글 맞춤 검색을 통해 수익 창출하는 방법에 대해 알려드렸습니다. 그런데 그 글에서는 단순히 관리자 도구에서 사이드바로 들어가 사용자 모듈을 만드는 방법을 알려드렸습니다.
하지만 그 방법을 사용하면 모듈 상단에 제목을 넣을 수 없습니다. 그래서 제가 어떤 모듈이던 그 모듈을 html로 추가하고 제목도 넣고 나중에 수정도 할 수 있는 방법을 알려드리겠습니다.
이것이 단순히 사이드바에서 사용자 모듈로 만든 것이고, 아래가 html을 수정하여 모듈을 추가한 것입니다.
이렇게 모듈에 제목을 추가하고, 아이콘까지 추가하는 방법을 알려드리겠습니다.
우선 html편집을 들어갑니다. html편집으로 들어가는 방법을 잘 모르시면 아래 링크를 통해 들어가시면 됩니다.
html 편집에 들어오셨다면 html편집에서 사이드바에 해당되는 부분을 찾으셔야 합니다. 제 스킨은 fastboot1.6.2버전이고, 많은 분들이 이 스킨을 사용하시니 이 스킨을 기준으로 설명드리겠습니다.
사이드바와 관련된 <s_sidebar element>를 찾습니다. 이 부분은 스킨마다 다를 수 있으니 관련 부분을 찾고 이 부분만 본인의 스킨에 맞게 수정해서 사용하시면 됩니다.
기본 틀은 아래와 같습니다.
위 파일을 다운받으셔서 사용하시면 됩니다.
이 기본 틀 파일의 내용을 필요에 따라 맞게 수정해서 html 편집의 사이드바 부분에 삽입하시면 됩니다.
기본 틀 파일 사용하기
다시 한 번 말씀드리지만 <s_slidebar_element>와 </s_slidebar_element> 부분은 본인 스킨의 사이드바에 맞게 수정하셔야 합니다.
제가 <!--모듈 이름-->이라고 해 둔 부분은 관리자 페이지의 사이드바에서 나타낼 모듈 이름입니다. 보통 공지사항이든 카테고리 모듈이든 이런 이름을 나타냅니다.
html을 수정해서 하는 방법이지만 사이드바에 나타낼 순서는 관리자 페이지의 사이드바에서 수정이 가능하기에 이 모듈 이름 부분에 있는 주석과 내용을 없애시면 관리자 페이지의 사이드바 페이지에서 이름없음으로 뜹니다. 이 부분은 블로그 페이지에서는 나타나지 않으므로 큰 신경을 쓰지 않으셔도 됩니다.
그리고 보시면 <i class="fa fa-credit-card"></i> 부분에서 credit-card는 모듈 제목 옆에 있는 아이콘을 뜻합니다. 제 블로그 사이드바에 있는 구글 맞춤 검색의 제목 옆에 있는 돋보기 모양은 search이고, 달력모듈은 calendar입니다. 필요에 따라 맞는 것으로 바꾸시면 됩니다.
그리고 제가 사이드바에 나타낼 제목이라는 부분을 한글로 썼는데요. 이 부분이 실제 사이드바에 제목으로 나타날 부분입니다. 이 부분을 수정해서 사용하시면 됩니다.
그리고 애드센스든 구글 맞춤검색이든 각각 코드가 있을 것입니다. 이 코드는 <!-- 코드 --> 부분을 지우시고 그 자리에 붙여넣기 하시면 됩니다.
그렇게 하시고 html에 붙여넣기 하시고 저장을 누르시면 되는데요. 그 전에 하셔야 할 것이 사이드바의 순서를 따로 적어놓으시거나 캡쳐해 두시는 것이 좋습니다. 이렇게 html을 수정하신 후 저장을 누르시면 가끔 사이드바 순서가 엉망이 되거나 사이드바 모듈 중 일부가 기본 모듈 쪽으로 넘어가 있는 경우가 있기 때문입니다.
[티스토리] - 티스토리 포스팅 제목 윗부분에 광고넣기
[티스토리] - 새로운 색인 생성 범위 문제가 발견됨 - 제출된 URL에 크롤링 문제가 있습니다
티스토리 카테고리
애드센스 카테고리
유용한 프로그램 카테고리
[재테크] - 비상금 통장 만들기 CMA, MMF, MMW, 종금형
[재테크] 주식과 펀드의 차이
스마트폰 데이터 절약하기 - 크롬 데이터 절약 모드
프로그램 제거, 레지스트리 제거, 잔여파일 제거 - Revo Uninstaller (feat. 무료프로그램) 사용방법
컴퓨터 원격제어 프로그램 - 팀뷰어(Team viewer)
'기타 > 티스토리' 카테고리의 다른 글
Fastboot 본문 제목부분 배경색 변경 (0) | 2018.07.25 |
---|---|
fastboot 제목 글씨 색, 글씨 크기 변경 (0) | 2018.07.23 |
구글 맞춤검색으로 수익올리기 (0) | 2018.07.11 |
티스토리 posted by라는 문구 지우기 (0) | 2018.07.04 |
Fastboot 스킨 사이드바 넓히기, 넓이 조절 (0) | 2018.06.26 |