앞선 포스팅중 티스토리 사이드바에 원하는 배너를 넣는 방법은 "이미지 배너출력" 옵션을 사용하였는데요, 이미지 배너출력은 만들기 편리하다는 장점도 있지만, 하나의 문제점은 링크를 누를시 현재창이 없어진다는 것입니다, 티스토리 사이드바의 배너를 클릭시 새창으로 열리게 하려면 '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 지역 중심의 미국 생활 정보 블로그

,


티스토리 블로그를 운영 하다보면 이런저런 이유로 '사이드바'에 배너를 넣고 싶을때가 생깁니다. 저의 경우 아마존(Amazon)쇼핑시 Coupon Code를 자동으로 찾아주어 구입가격을 낯춰 주는 Honey서비스를 링크해 보려 합니다. 링크주소--> https://www.joinhoney.com/ref/kozblw



티스토리 사이드바에 배너 넣는 방법


1. 원하는 이미지를 만든후 "글쓰기 >> 사진추가 >> 서식" 순으로 작업합니다.


배너 넣기




2. 추가된 이미지를 마우스 오른쪽을 선택하여 이미지 주소를 복사해 놓습니다.


배너 넣기




3. 티스토리 '관리 >> 사이드바 >> 이미지 배너출력' 을 선택후 원하는 위치로 배너를 이동시켭니다.


배너 넣기




4. 편집을 누른후 '이름 >> 이미지 URL >> 연결할 URL' 을 입력후 '확인 >> 저장' 합니다.

- 이미지 URL : no2에서 이미지 주소를 복사해 놓은것을 붙여넣기 합니다.

- 연결할 URL : 해당 이미지를 클릭시 이동할 인터넷 주소를 입력합니다.


배너 넣기




5. 티스토리 화면에 배너가 출력된 것이 보이지죠, 클릭 해보세요 ! 원하는 페이지로 이동 되실겁니다.


배너 넣기


이상 티스토리 블로그 사이드바에 원하는 배너 넣는 방법이었습니다.



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

블로그 이미지

naraegreen

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

,