티스토리에 네이버 이웃커넥트 추가

네이버 이웃

사이드바가 있는 스킨만 해당하는 내용입니다. 지금 티스토리 반응형 스킨 중에는 Whatever 스킨과 #1, #2스킨만 사이드바를 지원하고 그 외에는 비 반응형 스킨과 이용자가 만든 스킨들입니다.

플러그인을 이용해 재사용 가능한 사용자 모듈을 만들고 사이드바에 네이버 이웃커넥트를 달아 봅시다. HTML 편집 창에 코드를 직접 넣어도 되지만 스킨을 변경 할 때 마다. 다시 넣어 줘야 하는 불편함이 있어 사용자 모듈로 만들어 놓는 것이 편리합니다.

네이버 이웃커넥트 위젯 설정

네이버 이웃커넥트 : https://section.blog.naver.com/sub/InstallConnectWidget.nhn

이웃커넥트

설정하는 방법은 어렵지 않습니다. 다른 블로그로 퍼가기 체크와 위젯을 사용할 블로그 주소를 티스토리고 하시면 되고 나머지 원하는 모양 크기 등은 미리 보기를 보면서 본인이 원하는 스타일로 설정하시면 되겠습니다. 그리고 마지막으로 퍼가기를 클릭합니다.


코드복사

코드를 복사할 수 있는 팝업창이 나타나면 "코드복사"를 클릭 합니다.


배너 출력 플러그인

배너출력 플러그인

블로그관리 홈으로 갑니다.

1. 플러그인을 클릭 합니다.
2. 오른쪽 보기에서 관리 및 통계를 선택 합니다.
3. 배너출력 플러그인을 클릭하고 적용 합니다.
4. 메뉴에서 사이드바를 선택 합니다.
5. 사이드바 기본 모듈 HTML 배너출력 오른쪽 플러스(+)를 클릭 합니다.
6. 오른쪽 사이드바1에 생성된 HTML 배너출력 편집을 클릭 합니다.


HTML 소스

7. 이름에 네이버 이웃커넥트로 작성 합니다.(아무 이름이나 상관 없습니다.)
8. HTML 소스에 네이버에서 복사한 코드를 붙여 넣기 합니다.
9. 사용자 모듈에 저장에 체크 합니다.
10. 확인


사이드바

11. 변경사항 저장

여기 까지 하시면 사이드바에 네이버 이웃커넥트가 나타납니다.


참고로 9번에서 사용자 모듈에 저장을 체크를 했기 때문에 사용자 모듈에 네이버 이웃커넥트 플러그인이 생성되었습니다.

이 사용자 모듈은 사이드바 위젯을 지원하는 스킨에서는 계속 유지 되기 때문에 스킨이 변경되어도 사이드바에 추가 또는 삭제를 편리하게 관리 및 이용 할 수 있습니다.

사용자 모듈은 네이버 이웃커넥트뿐만 아니라 HTML 소스를 이용해 만드는 위젯들은 모두 가능하며 애드센스 광고도 HTML 소스만 다르게 넣으면 이웃커넥트 처럼 생성됩니다.

반응형