앞선 포스팅중 티스토리 사이드바에 원하는 배너를 넣는 방법은 "이미지 배너출력" 옵션을 사용하였는데요, 이미지 배너출력은 만들기 편리하다는 장점도 있지만, 하나의 문제점은 링크를 누를시 현재창이 없어진다는 것입니다, 티스토리 사이드바의 배너를 클릭시 새창으로 열리게 하려면 'HTML 배너출력' 옵션을 이용 해야 합니다.


이미지 배너출력에 관한 포스팅 바로가기 --> http://sfnarae.tistory.com/313



새창에서 열리는 티스토리 사이드바에 배너 넣기 (HTML 배너출력)


1. 원하는 이미지를 만든후 글쓰기 화면에서

"글쓰기 >> 글 >> 비공개" 또는  "글쓰기 >> 사진추가 >> 서식" 으로 저장합니다. (글이 공개되지만 않으면 되니, 둘중 아무 옵션으로나 저장하시면 됩니다.)


HTML img


2. 이미지 주소 복사 (Copy image address)는 작성중인 문서내에서 또는 작성후에 하여도 결과는 동일합니다.

이미지위에 마우스 커스를 두고 오른쪽 버튼을 누린후 "Copy image address"를 누르시면 됩니다.


HTML img

HTML img


3. HTML 배너출력 "사이드바 >> HTML 배너출력 >> 편집" 순으로 선택합니다.


HTML img


4. HTML 배너출력 화면에서 "이름 과 HTML 소스"를 입력후 확인 하시면 됩니다.


HTML img


HTML 소스 예제 (실수를 줄이기 위해서 복사해서 사용하세요)

<a href="https://www.joinhoney.com/ref/kozblw" target=_blank><img src="https://t1.daumcdn.net/cfile/tistory/26364235576C232B0D" border="0"></a>


HTML 설명 :

- href="target url" : 클릭시 이동하고자 하는 주소

- target=_blank : 새창으로 열고 싶을경우 사용, 지우면 현재창에서 열립니다.

- img src="image 주소(no2)" : No2에 설명된 배너 이미지가 있는 주소

-  border="0" : 기본적인 이미지 경계선이 1픽셀로 표시되는데 경계선을 없애고 싶을때, 번호 변경으로 경계선의 크기를 변경가능



공감과 댓글은 글쓴이에게 많은 힘이됩니다. ~~




블로그 이미지

naraegreen

San Francisco 및 Bay Area 지역 중심의 미국 생활 정보 블로그

,