티스토리 블로그에 네이버 이웃커넥트 위젯 연동하기

 현재 티스토리는 블로그간의 이웃 맺기나 친구 관리와 같은 기능을 제공하지 않고 있습니다.

 그래서 자주 방문하는 블로그라던지, 관심있는 친구의 포스팅을 보고 싶다면 이를 별도로 관리하거나 노출할 수 있는 방법이 없습니다. 티스토리에서 내 링크라는 것을 제공하여 관심있는 블로그나 사이트를 등록할 수도 있지만, 관리자 페이지에서 직접 개별적으로 URL을 등록해주어야 하는 등, 요즘 제공되는 위젯 등에 비하면 디자인이나 기능이 상당히 부족한 편입니다.

 

 그런 반면 네이버에서는 블로거 간의 소통을 위한 이웃 커넥트라는 기능을 제공하고 있습니다.

 그럼 네이버 블로그에서 제공하는 이웃커넥트라는 기능을 사용하면 좋을 것 같은데, 가능할까요?

 네. 다행히도 네이버에서는 네이버 블로그가 아닌 타 블로그에도 이웃커넥트 연동 기능을 제공하고 있습니다.

 

 이웃커넥트를 활용하면 내가 관심있어하는 블로그를 쉽게 등록하고, 볼 수도 있고, 최근 올라온 포스팅도 쉽게 확인할 수 있습니다. 또한 반대로 나의 블로그에 관심있어하는 이웃커넥트를 사용하는 블로거가 나의 블로그를 또 방문하기 위해 자신의 이웃으로 등록해 놓을 수도 있습니다.

 

 그럼 이제 네이버에서 제공하는 이웃커넥트라는 위젯을 티스토리 블로그에 설치하는 방법을 알아보도록 하겠습니다.^^

 

방법은 어렵지 않으니, 아래 순서대로 차근차근 따라해보시면 금방 설치하실 수 있습니다.

 

 

 먼저 네이버 계정은 다들 하나씩 가지고 계실 것입니다. 네이버 이웃커넥트 위젯을 사용하려면 네이버 블로그가 있어야 하는데, 네이버는 회원 가입을 통해 아이디가 생성되면, 바로 블로그도 하나 갖게 됩니다.

 

 

 

1) 네이버 로그인한 후, 블로그 페이지로 이동하기

 네이버(http://www.naver.com) 로그인 후, 우측 중앙의 내 정보 영역에서 블로그 아이콘을 선택합니다. 그럼 바로 하단에 블로그 관련 내용이 표시되는데, 가장 하단의 '내 블로그' 텍스트를 클릭하여 내 블로그로 이동합니다.

 

 

 

 

2) 관리 페이지로 이동하기

 내 블로그 페이지로 이동하면 좌측 상단에 관리,통계 텍스트가 보입니다. 여기에서 [관리] 텍스트를 클릭합니다.

 

 

 

 

3) 이웃 그룹 관리 페이지로 이동하기

 - 관리 페이지에서 [기본설정 - 열린이웃(아웃,그룹 관리)] 텍스트를 선택합니다.

 

 

 

 

4) 이웃커넥트 관리 페이지로 이동합니다.

  열리이웃,그룹 관리 페이지 우측 상단의 [이웃커넥트 관리하기] 버튼을 클릭합니다.

  계속 링크만 클릭하여 페이지를 이동하고 있습니다. 잘 하고 있어요~~~ ㅎㅎㅎ 

 

 

 

5) 위젯퍼가기 페이지로 이동하기

 저의 네이버 블로그의 이웃커넥트 환경 설정 화면이 나타납니다. 네이버 블로그가 아닌 다른 블로그에 퍼갈 것이므로 한 번 더 다른 페이지로 이동해야 합니다. 화면 우측 중앙에 떠 있는 배너 버튼인 [위젯퍼가기]를 클릭합니다.

 

 

 

 

 

6) 이웃 커넥트 퍼가기 설정하기

 드디어 타 스토리에 네이버 이웃커넥트를 연동할 수 있는 환경을 설정할 수 있는 페이지에 도달하였습니다. 휴~

 티스토리 블로그로 퍼갈 네이버 이웃커넥트의 형태, 옵션 등을 설정합니다.

 

 아래 스크린샷에서 반드시 설명대로 설정해야 할 부분은 빨간색 박스로 된 부분입니다.

 * 이웃커넥트 위젯을 설치할 블로그로 '다른 블로그로 퍼가기'를 선택해야 합니다.

 * 그리고 위젯을 사용할 블로그 주소 입력 란에 티스토리 블로그 주소를 입력합니다.

   - 티스토리 블로그에서 이웃커넥트를 퍼가게 되면 이웃커넥트와 연동된 블로그가 2개(네이버 기본 블로그와 방금 연동한 티스토리 블로그)가 됩니다. 그렇기 때문에 두 개의 블로그 중 하나를 대표 블로그로 선택해야 합니다. 연동할 티스토리 블로그를 대표 블로그로 설정하려면 블로그 주소 입력란 바로 하단의 '설치한 블로그를 나의 대표블로그로 사용합니다.'를 선택해 주세요.

 * 이 이외의 욥선은 위젯이 어떻게 화면에 노출될 것인지에 대한 옵션이므로 직접 선택해보시고, 마음에 드는 설정값으로 설정하시면 됩니다.

 

 

 모든 설정이 완료되었다면 페이지 하단의 '퍼가기' 버튼을 클릭합니다.

 

 

 

7) 이웃커넥트 위젯코드 복사하기

 네이버 이웃커넥트를 삽입할 수 있는 스크립트 코드가 생성되었습니다.  이를 복사합니다. (Ctrl+C)

 

 

 

 

8) 이제 네이버 이웃커넥트를 연동할 티스토리 블로그의 관리자 페이지로 이동하여 이웃커넥트 위젯을 설정합니다.

 

 티스토리 관리자 페이지에서 만약 사이드바에 사용가능한 태그 입력기 플러그인이 선택되어 있지 않다면 이를 사용하도록 설정합니다.

 

 

 

 태그 입력기 플러그인 설정이 완료되었다면 좌측 메뉴의 [꾸미기 - 사이드바] 메뉴를 선택합니다. (또는 태그 입력기 플러그인 사용 연동과 함께, 바로 사이드바 설정 화면으로 바로 이동되기도 합니다.)

 

 

 

 

 네이버의 이웃커넥트를 배치할 사이드바 영역에 '태그 입력기'를 삽입합니다. 삽입 후, 치환자 영역에 7)번 단계에서 네이버로 부터 받은 고유 이웃커넥트 연동 스크립트를 복사하여 입력합니다. 이름도 설정하여 주었다면 하단의 [확인] 버튼을 클릭하여 화면을 빠져나옵니다.

 

 

 

 

 이웃커넥트 위젯 생성 및 연동 설정이 모두 끝났으므로 사이드바 설정 페이지(현재 페이지)의 우측 상단의 저장 버튼을 클릭하여 최종 내용을 서버에 저장합니다.

 

 모든 작업이 완료되었습니다!! 참 쉽죠~

 

 

 

9) 티스토리에서 네이버 이웃커텍트 위젯 확인하기

 티스토리 블로그에 자신이 설정한 영역에 이웃커넥트가 잘 표시되는지 확인합니다. (구독자 0명의 굴욕???)

 이제 막 이웃커넥트 연동을 했기 때문에 나를 추가한 친구가 없네요. ㅎㅎ (앞으로 계속 없을지도 몰라!! 퍽퍽!!)

 

 

 

 이웃커넥트가 잘 표시된다면 모든 작업은 끝이 났습니다.

 

 

 혹시 이웃커넥트를 사이드바에 적용하였는데, 사이드 바의 크기와 이웃 커넥트 위젯의 사이즈가 잘 맞지 않아 가운데 정렬이 되어 있지 않다면, 태그 입력기에 center 태그를 적용하면 문제가 해결됩니다.

 사이드바에 추가된 (네이버 이웃커넥트) '태그 입력기'에서 [편집] 버튼을 클릭하여 치환자 영역에 좀 전에 입력한 이웃커넥트 스크립트 코드 상하단을 <center> ... </center> 로 감싸 줍니다. 그리고 확인 버튼 클릭!! 그리고 저장!!

 

 

 

이제 이웃커넥트가 가운데 정렬되어 잘 보이는 것을 확인하실 수 있습니다!! 

 

어떠 신가요? 잘 적용이 되셨는지요?

혹시 잘 안되시거나 궁금한 사항이 있으시면 댓글 남겨주시면 도와드리도록 하겠습니다.^^

 

그리고 이웃커넥트가 잘 연동 되셨다면 친구로도 등록 부탁드려요~ ^^

 

좋은 하루되세요~