티스토리 빈약한 내 블로그 사이드바에 메뉴 박스를 달아서 꾸며보자.

따라하시기 전에 반드시 skin.html 및 style.css 파일을 백업(저장)받으시기 바랍니다. 백업 방법은 아래 링크를 클릭하세요.

티스토리 스킨 저장 방법 [초급]

혹 아래 내용대로 따라하다가 발생할지 모르는 불상사(?)에 대해서는 책임지지 않습니다.

블로그 처음 개설한 뒤 어딘가 어전합니다. 스킨에서 기본으로 제공하는 메뉴만 나타나기에 썰렁한 느낌도 들고. 간단한 메뉴 박스 하나 제공합니다. 티스토리 블로그에서 제공하는 서식을 약간 수정한 것입니다.

http://mediglish.tistory.com/

위 블로그를 방문해서 좌측 메뉴 하단을 보면 아래 네번째 그림과 같은 메뉴가 보입니다. 이 메뉴를 블로그에 삽입하고자 한다면 아래 설명대로 따라 합니다.

[관리자] => [사이드바] => [태그 입력기] 순서대로 클릭합니다.

태그 입력히 우측 + 버튼을 클릭하면 아래 사진 처럼 사이드바 상단에 [태그 입력기]가 추가된 것을 확인할 수 있습니다.

태그 입력기의 [편집] 버튼을 클릭하면 아래와 같은 편집창이 뜹니다. <이름>란에는 적당한 이름을 써주고, <치환자>란에는 아래 소스를 삽입합니다.

sidebarmenu100.txt

그리고 [확인]을 클릭하고 관리자 페이지 우측 상단 [저장]을 한번 더 클릭합니다. 그리고 나서 블로그 홈으로 접속하면 아래와 같은 맨 마지막 사진 처럼 사이드바 영역에 메뉴박스가 생긴 것을 확인할 수 있습니다.

일단 박스 안 메뉴 중 아무 링크나 클릭해서 정상적으로 작동하는지 확인해 봅니다. 제대로 작동한다면 다시 편집에서 소스 수정을 통해 디자인(레이아웃)이나 메뉴 내용을 바꿔 주면 됩니다.

반드시 사이드바에 설치할 필요는 없습니다. 아래 링크를 클릭하면 본문 하단 및 우측에 동시에 설치되어 있는 것을 알 수 있습니다.

http://mediglish.tistory.com/4008

+ 아래는 위 소스를 수정해서 만든 메뉴 박스