티스토리 사이드바 하나에 작은 배너 두 개 이상 넣기

티스토리 사이드바 설정에 HTML 배너 출력을 이용하여 사이드바 하나를 설치할 때,
작은 배너를 두 개 이상 여러 개 함께 넣을 수 있습니다.

◁ 한 사이드바에 들어가는 대시보드와 트위터의 배너 예입니다.
방법은 아주 간단합니다.
하나의 사이드바에 하나의 배너만 들어간다는 생각을 바꾸기만 하면 가능합니다.


사이드바를 추가하는 플러그인의 설치법은 아래 글의 9번부터 13번을 참조하세요.
▷ 2010/06/11 - [* 블로그 만들며 나누기] - 티스토리 블로그 사이드바, 본문에 알라딘 TTB 배너 달기


관리자에서 사이드바 설정을 엽니다.
HTML 배너 출력을 원하는 사이드바 위치에 넣었다면, 편집을 클릭합니다.


클릭하여 나타나는 입력창의 HTML 소스 부분에 각 배너의 소스 코드를 나란히 적어주면 됩니다.

예를 들어, 대시보드의 소스가 <script type= ~~~중간 생략~~~ /script> 이고,
트위터의 소스가 <a href= ~~~중간 생략~~~ /a>라면 아래와 같이 써줍니다.

<script type= ~~~중간 생략~~~ /script><a href= ~~~중간 생략~~~ /a>

두 배너 사이를 한 칸 띄우고 싶다면 space bar를, 좀더 크게 띄우려면 특수문자(ㄱ을 입력하고 선택한 상태에서 한자키를 눌러서 나타나는 특수문자 1번인 빈칸)를 이용합니다.

참고로, 트위터 배너를 클릭했을 때 새창으로 열고 싶다면,
<a href= 로 시작하는 태그 안에 target="_blank" 를 적어 넣습니다.

<a href=" ~~~ " title="트위터로 이동합니다." target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_logo-a.png" alt="Follow me on Twitter"/></a>

아쉽게도, 대시보드는 제 실력으로 새창으로 열기를 할 수 없습니다.
대신 마우스를 오른쪽 클릭하여 '새 창으로 링크 열기'나 '새 탭으로 링크 열기'를 선택하면 새창으로 띄울 수 있습니다.

배너를 가운데로 정렬하려면, 소스의 맨앞에 <center>을, 맨뒤에 </center>을 적어줍니다.
배너를 오른쪽으로 정렬하려면, 소스의 맨앞에 <div align="right">를, 맨뒤에 </div>를 적어줍니다.

지금까지 살펴본 것처럼 사이드바도 html 소스를 원하는 데로 편집할 수 있습니다.