블로그 사이드바에 배너 추가하는 방법(네이버,티스토리)

블로그 사이드바에 배너 추가하는 방법(네이버,티스토리)

안녕하세요. 김설명입니다.

오늘 알려드릴 블로그 정보는 

블로그 사이드바 이미지배너 추가하는 방법

먼저 이미지로 확인해보시죠.

<네이버블로그 사이드바 배너>

제 네이버블로그 사이드바입니다.

보시다시피 네이버블로그에서는 저의 유튜브채널과 티스토리블로그를 홍보하는 배너를 달았습니다.

위젯을 통해서 삽입시켰으며 물론 클릭하면 링크이동이 가능합니다.

배너이미지 크기는 170 x 80 픽셀, 포토샵을 이용해서 제작했습니다.

***광고***

***광고***

1)이미지 제작

2)에디터 설정

블로그관리 -> 기본에디터 설정-> 스마트에디터2.0 선택을 해줍니다.

스마트에디터 one에서도 이론상 가능하지만 이상하게 배너위젯이 클릭이 안되는 오류가 생기네요.

스마트에디터2.0을 이용하셔야 깔끔하게 위젯을 만들 수 있습니다.

3)사진 업로드 후 링크적용

글쓰기를 누르신 다음에 만든 배너이미지를 업로드 해주시고 이미지를 클릭주세요.

 홍보하시는 사이트 링크를 적용해주세요.

그럼 이미지에 링크가 첨부가 되었습니다. 이미지를 클릭하면 사이트가 뜰 수 있게 된거에요.

4)HTML 소스 복사하기

아래 보시면 editor 옆에 HTML이 있습니다. 클릭해줍니다.

그러면 배너이미지가 텍스트화되어서 보일겁니다. 복사해줍니다.

5)위젯 생성후 삽입하기

관리 - 꾸미기설정 - 레이아웃 위젯설정을 눌러주시면됩니다.

위젯 직접등록을 누르고 위젯 이름을 붙여주시고 아까 복사한 코드를 입력하면 됩니다.

생성된 위젯을 원하는 위치에 놓으면 완성!

<티스토리 사이드바 배너>

1)배너이미지 제작

2)글쓰기 - 사진업로드

***광고***

***광고***

3)업로드된 사진 주소 복사

4)티스토리 관리 - 사이드바 - 이미지 배너출력

이미지배너 이름을 붙여주시고

업로드된 사진의 주소 복사한 것을 이미지 URL에 넣습니다.

홍보하고 싶은 사이트의 주소를 연결할 URL에 넣습니다.

그리고 확인을 눌러주시면 됩니다.

생성된 사이드바를 원하시는 위치에 가져다 놓으면 완성!