티스토리 블로그 사이드바에 배너를 달아보자

지금 넥5에 관련된 포스팅을 하고 있는데 아무리 쥐어짜도 글감이 안나오길래 한번 색다른 주제로 포스팅을 해보겠습니다

1.배너 선정

가장 간단해보이지만 의외로 (나만)어려운 것이죠 저는 진보넷의 "주민번호 없는 인터넷"이미지를 사용하겠습니다

배너 주제가 참 좋죠? 이 배너는[http://i-pin.jinbo.net] 에서 구할 수 있습니다 우측 상단의 행동합시다를 클릭하세요 그럼 아래와 같이 2개의 이미지가 있습니다

이 이미지를 다운받거나 아니면 다운받지 않아도 무방합니다 이따가 직접 연결할 수 있으니까요

2.플러그인 설정 및 소스코드 삽입

티스토리 관리자 설정->플러그인 설정에 가보면 배너 삽입이라는 플러그인이 있습니다 이 플러그인을 사용해주세요

위의 두 이미지는 200x200입니다 따라서 가로세로 설정도 200x200으로 해줘야겠죠? 아래는 그 스크립트입니다 복사해서 쓰세요

<!-- color -->

<div align="center">

<a target="_blank" class="con_link" href="http://i-pin.jinbo.net">

<img style="WIDTH: 200px; HEIGHT: 200px" src="http://i-pin.jinbo.net/images/mark_colored.png" type="w2&quot;" border="0" />

</a>

</div>

<!-- 쿨펀치의 세상리뷰에서 퍼왔습니다 -->

<!-- white -->

<div align="center">

<a target="_blank" class="con_link" href="http://i-pin.jinbo.net">

<img style="WIDTH: 200px; HEIGHT: 200px" src="http://i-pin.jinbo.net/images/mark_white.png" type="w2&quot;" border="0" />

</a>

</div>

<!-- 쿨펀치의 세상리뷰에서 퍼왔습니다 -->

여기에서  WIDTH:와 HEIGHT를 수정해주면 되는데 저는 170으로 했습니다 또한 <a target>부분 있죠? 그 부분을 지우면 아무 사이트로도 연결되지 않습니다 완전히 장식용이 되는 것이죠

또한 다른 배너를 쓴다면 그 배너에 맞게 적절하게 수정하셔야 됩니다

3.만약 블로그에 직접 업로드하고 싶다면?

티스토리 관리->HTML/CSS설정에 가시면 상단에 파일 업로드가 있죠? 거기에 쓰고싶은 배너파일을 업로드하면 됩니다

여기 추가버튼을 누르면 업로드가 가능한데 업로드한 파일을 우클릭 후 링크 주소 복사한 후 위의 <img style>의 src=""부분에 이 링크 주소를 넣어주면 됩니다 저는 아래와 같이 되는군요

src="http://cfs.tistory.com/custom/blog/117/1175301/skin/images/mark_colored.png?=499073264"

4.배너 적용

위의 수정한 스크립트를 모두 복사합니다

복사하셨으면 관리->사이드바에 HTML배너출력이라고 있을거예요 거기 +버튼을 누르고 사이드바1에 방금 생성한 HTML 배너출력 편집 버튼을 누른 후 코드를 붙여넣고 이름은 어떤 것으로 하든 무방합니다

확인 후 우측 상단의 저장을 클릭하세요 그러면 스킨에 따라 다르게 나오기는 하는데 저는 우측에 되었군요 좌측에 나올 수도 있습니다. 이상입니다