본문 바로가기

Tech-tips/How to blog

네이버 이웃커넥트 위젯/ 분해 및 커스텀

네이버 이웃커넥트 위젯/ 분해 및 커스텀


네이버는 자기네 블로그 시스템의 이웃이라는 개념을 외부 블로그에도 개방해서 열린이웃이라는 명칭으로 사용할 수 있게 해줍니다. 네이버 블로그 이웃끼리 지원하는 기능인, 댓글 알림 같은 기능은 지원 하지 않으나 RSS로 글을 끌어다가 네이버me에 뿌려 주는 기능은 합니다. 기본적으로 네이버me 자체에서 지원하는 RSS 리더와 똑같은 기능입니다. 

관련글 → 네이버 이웃커넥트 위젯을 티스토리에서 사용하기


심플 위젯 코드 복사 버튼


이웃커넥트의 이웃 추가 버튼은 이웃커넥트 위젯과는 다르게 별도로 커스텀 할 수 있습니다. 스크립트가 아니라 아주 기본적은 anchor 태그로 이루어져있기 때문인데요. 기본 코드를 발급받으려면 일단 열린이웃을 기본계정으로 설정한 다음, 심플 위젯 코드 복사를 해줍니다.


<a href="http://section.blog.naver.com/connect/PopConnectBuddyAddForm.nhn?blogId=incusx&widgetSeq=1347594&sender=code" target="_blank">

<img src="http://blogimgs.naver.net/buddyconnect/b.gif" width="136" height="38" border="0" alt="이웃추가" style="background:url(http://blogimgs.naver.net/buddyconnect/bg_simple_skin1.gif) 0 -60px no-repeat; vertical-align:top">

</a>



<a href="http://section.blog.naver.com/connect/ViewMoreBuddyPosts.nhn?blogId=incusx" target="_blank" style="letter-spacing:-1px;text-decoration:none;color:#999">

새글보기

</a>


버튼은 크게 2파트로 구성되어 있습니다. 네이버 이웃커넥트에서 코드를 발급 받으면 무지복잡해 보이나, 차떼고 포떼고 나면 딸랑 2개 남습니다. 

위젯 추가 버튼도 있으나 없애도 별 상관은 없습니다. 


이웃추가 버튼과 새글보기 버튼으로 나뉩니다. 하지만 열린 이웃기능은 새글보기 기능을 전혀 지원하지 않으니 이 역시도 네이버 블로그에서 사용하실게 아니라면 과감히 지우시면 됩니다. 


네이버 블로그의 경우 새글 보기 부분에 “새글 보기" 텍스트 대신에 자신이 넣고 싶은 문구를 넣을 수 있습니다. 


새글 보기 버튼은 ViewMoreBuddyPosts 라는 주소를 가진 anchor 태그를 찾으시면 됩니다. 

이웃 추가 버튼은 PopConnectBuddyAddForm라는 주소를 가진 anchor(a)태그를 찾으시면 됩니다.


이제 사이에 들어간 img 부분을 자기 나름대로 교채하시면 완료입니다. 네이버 사용자 분 같은 경우에는 자신의 블로그에 비밀글로 해서 이미지를 올리고, 그 이미지 주소를 따다가 안에 넣어주시면 이미지 짤리는 일 없이 잘 작동합니다. 티스토리 블로그 같은 경우에는 알아서 잘 하시리라 믿고 따로 설명하지 않습니다.


저 같은 경우에는 글리피콘을 이미지 대신해서 아이콘으로 만들어 보았습니다.