티스토리에 네이버 이웃커넥트 달기

네이버에 이웃 커넥트가 달고 싶어서 "네이버 이웃커넥트 달기"로 검색해서 사이드바에 달았습니다. 반응형스킨#2 라서 이웃커넥트 달고나면 일부러 카테고리를 열지 않으면 보이지가 않습니다. 스킨을 바꾸려고하니 검색이 잘 되지 않는다고 하고 딱히 마음에 가는 스킨도 없는지라 고민하다가 사이드바에 이웃추가 버튼만 더 달았더니 만족스럽습니다.

1. 티스토리에 이웃커넥트다는 방법

네이버 관리-기본설정-이웃그룹관리에 들어갑니다.

이웃커넥트 관리하기를 클릭합니다. 네이버 블로그 홈에 이웃커넥트를 설치해놓았다면 박스 아래의 톱니바퀴를 누르셔도 됩니다. 이웃커넥트관리하기 오른쪽 옆에 달린 위젯 퍼가기를 클릭합니다.

다른 블로그로 퍼가기로 선택하고 중간부분의 위젯을 설치할 내 블로그 주소입력칸에 내티스토리 주소를 입력하고 아래의 대표블로그로 사용에 체크합니다. 내가 다른 블로그를 이웃추가하면 내 티스토리로 이웃추가된다고 하는데 해보니 네이버로만 연결되네요. 

아래 디자인까지 정하고 퍼가기를 누르면 소스가 나오고 복사해 둡니다. 이때 메모장에 복사해서 저장해 두시면 안전합니다. 복사내용이 없어지면 위젯관리에서 다시 코드를 받아도 됩니다.

티스토리로 돌아와서 티스토리 관리자홈-꾸미기-사이드바를 선택합니다. 

 

태그입력기 옆의 +를 누르면 사이드바의 위치에 

처럼 태그입력기가 설치되고 편집을 누릅니다. 이름에 나만 구별할 수 있는 적당한 이름을 넣고 치환자에 조금전 네이버에서 복사한 소스를 ctrl+V로 붙여넣고 아래 모듈을 체크합니다. 체크하면 만들어진 모듈은 나중에 또 사용해도 되고 아님 체크 하지않고 확인을 눌러 편집을 마쳐도 됩니다. 왼쪽 네줄 모양을 클릭해서 적당한 위치로 옮기면 됩니다.

변경사항 저장을 누르고 홈으로 오면 이웃커넥트가 나타납니다. 사이드바 가운데 놓고 싶으면 치환자 입력때 가장 앞에 <center>을 적고 가장 끝에 </center>을 추가하면 됩니다. 

2. 이웃추가 버튼만 html 편집으로 달기

위에서 연결한 네이버 블로그의 이웃커넥트 관리에 들어갑니다. 

  빨간 박스 친 부분을 누르면 다른 창이 나오고 아래를 보시면 다음 사진과 같이 나옵니다.

심플 위제 코드 복사라고 되어있는 아래쪽 코드복사를 누르면 팝업창이 나오고 다시 코드 복사를 한뒤 내 티스토리로 옵니다. 내 티스토리의 설정-스킨편집-html편집으로 들어갑니다.

편집창에  ctrl-F를 누르고 hide를 치고 엔터를 누르면 

검색결과 위치에 노란색이 칠 해지고 부근으로 이동합니다. </div> 바로 위줄에

             <center>

             </center>

을 입력하고 <center></center>사이에 좀 전에 코드복사한 내용을 ctrl-V로 붙여넣고 적용을 하고 나면 왼쪽에 보이는 이웃 추가 버튼이 생깁니다. 처음에 그냥 붙여 넣었더니 왼쪽에 가 있어서 가운데 나오게 하기 위해 center을 사용했습니다.

혹시 마음에 들지 않는 곳에 생기면 html내부의 다른 곳에 옮겨가며 확인하시면 됩니다.

이웃추가 버튼이 배경색이랑 다르지만 네이버 특유의 느낌이 납니다. 예전에 왼쪽 보이는 사이드바를 수정할때 도움을 받았던 사이트를 즐겨찾기에 넣었다가 컴퓨터 포멧하는 바람에 없어져서 다시 볼 수가 없어 아쉬운데 이제 이렇게 이웃추가해 놓으면 늘 새글을 읽을 수 있네요.

이글을 쓰고 바로 스킨을 바꾸었습니다. 반응형 #2를 사용하시는 분을 위해 제가 쓰던 스킨을 사진으로 남깁니다.