Skip to content

토트에 소셜댓글 라이브리 설치하기! 블로그랑 놀자 붑샤!

2011.03.17 15:21 삽군난무붑샤 Edit

URL : http://thoth.kr/9967998

%EC%82%BD%EA%B5%B0.gif

토트 블로그에 라이브리 달았습니다. 음하하하핫!

삽질의 기록은 뒤로하고 최대한 쉽고 간단하게 설치법을 적을께요.
라이브리가 뭔지 궁금하신분은 아래 링크를 참조 하세요.

소셜댓글, 라이브리(LiveRe)에 오신 것을 환영합니다!
http://www.livere.co.kr/ver6web/

그럼 시작!

1. 아래의 코드를 메모장에 복사하세요

<!-- livere comment code start -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.livere.co.kr/ver5/livere.jsp" charset="utf-8" ></script>

<div id='layer' style='600px;'>
<script language="javascript">
var rep = "{$document->getPermanentUrl()}";
var title = "[{$document->getTitle()}]";
livereReply = new Livere( rep , "layer" , title , "", "트위터아이디", "default" , "openwhite" , 15);
livereReply.init();
</script>
</div>

<!-- livere comment code end -->

2. 복사한 코드를 수정하세요.

<div id='layer' style='600px;'> 

위 코드 에서 600px 는 라이브리 댓글위젯의 가로길이 입니다. 자기 블로그에 어울리는 너비로 수정하세요. 참고로 600px 정도면 대부분의 블로그에 어울립니다.

livereReply = new Livere( rep , "layer" , title , "", "트위터아이디", "default" , "openwhite" , 15);

위 코드의 트위터아이디 를 자신의 트위터 아이디로 수정하세요. 중요합니다.
이렇게만 수정하면 라이브리 잘 돌아갑니다.

더 세밀하게 코드 수정하고 싶으신분은 아래의 링크를 참조하세요.

무료 배포 소셜 댓글창 라이브리(LiveRe) 자세한 설치 방법 - http://mastmanban.tistory.com/
3. 관리자 모드의 HTML.CSS 편집으로 가서 수정한 코드를 붙여 넣으세요.

1) HTML.CSS 편집으로 가세요.

2) 우선 스킨을 백업 하세요
3) 단축키 Ctrl+F 를 누르면 브라우저 검색창이 뜹니다.
4) <a name="comment"></a>  를 복사해서 검색하세요. 찾은 코드 아랫줄에 <div class="feedback reply"> 가 있을 겁니다.
5) <div class="feedback reply"> 아랫줄에 수정한 라이브리 코드를 붙여 넣으세요.
6) 스킨을 저장 하세요.

%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%A6%AC%20%EC%84%A4%EC%B9%98%20%EC%9D%B4%EB%AF%B8%EC%A7%80_2.gif

4. 라이브리가 제대로 달렸나요? 댓글을 달아서 테스트를 해봅니다.

%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%A6%AC%20%EB%8B%AC%EA%B8%B0%20%EC%9D%B8%EC%A6%9D_1.gif
라이브리 댓글 테스트

이렇게 오류가 안나고, 댓글이 잘 달리면 끝난겁니다.

9969627.jpg
참 쉽죠? - 출처: 참 쉽죠? - 스레디키, 스레딕 위키

5. 삽질 방지를 위한 Q&A (스킨 종류에 따라 설치법이 다릅니다! 꼭 읽어보세요)

Q. 설치하다 스킨이 오류났어요! 블로그가 안나와요! 관리자 모드에 못들어가요!
A. 토트 메인페이지에서 로그인하면 관리자모드 들어갈수 있어요. 스킨 복구하고 다시 시도 하세요.

Q. 모든 스킨에서 적용법이 다 똑같나요?
A. 매우 중요한 질문을 하셨군요. 스킨의 80%는 구조가 비슷하지만 몇가지 구조가 다른 스킨이 있습니다. 자기가 쓰는 스킨이 아래에 해당되면 설치방법이 약간 다르니 주의하세요.

1. PXE Xesta v2.5 스킨
스킨이 html 파일 여러개로 나뉘어져 있습니다. style.blog.html 파일을 열어  <a name="comment"></a> 코드를 검색해서 마찬가지로 붙이면 됩니다.

2. Emplode-Light, Viewfinder 스킨
스킨에서 <a name="comment"></a> 를 찾으면 나오는데  아랫줄에 <div class="feedback reply"> 코드가 없습니다. <a name="comment"></a> 아랫줄에 코드를 붙이면 잘 동작합니다.

3. Coporate 스킨
스킨에 <a name="comment"></a> 라는 코드가 없어서 검색해도 안 나와요. 대신  <div id="comment" class="feedback reply"> 라는 코드가 있습니다. 이 코드를 검색해서 아랫줄에 라이브리 코드를 붙이세요.

Q. 라이브리 회사에서 공개한 티스토리용 코드와 이글에 있는 코드는 뭐가 다른건가요?
A. 글주소와 글제목을 불러오는 변수값이 다릅니다. 약간 복잡합니다. 자세히 알고싶은분은 펼쳐보세요.

Q. 꼭  스킨편집으로 <a name="comment"></a> 이라는 코드를 검색해서 그 아래에 라이브리를 붙여야 하나요? 머리글이나 꼬리글, html 삽입 애드온에 간편하게 넣으면 안되나요?

A1. 저도 아쉽지만(난 간편한게 좋다구!) 머리글, 꼬리글, html 삽입 애드온 등등..에는 라이브리 코드 붙여도 제대로 안 돌아갑니다.

A2.  글주소와 제목을 불러오는 코드가 막혀있는 구역 같습니다. 라이브리로 로그인할때 글주소를 못 불러와서 오류가 나요. 글본문 구역도 코드가 막혀있는것 같고요. 참고로 사이드바 위젯에는 라이브리 코드 붙여도 돌아갑니다.

Q. 이런거 어떻게 아셨어요?

A1. 잉여력과 삽질로요.

A2. 새하얗게 불태웠어OTL. 사실은 두달전에 코드를 포럼에 질문했는데 질문이 씹혔어요. 두달간 생활코딩 강좌를 찔끔찔끔 째려보다가, 어제 문득 생각나서 삽질하다보니 성공했다는건 말못해요.뉴훼훼훼훼

그럼이만

white%20(18).gif

Share
3
이 글과 관련된 글
  1. [2012/02/22] 토트의 세계에 오신것을 환영합니다! by 한성민 (0)
  2. [2012/02/20] 토트의 세계에 오신것을 환영합니다! by 불티나 (0)
  3. [2012/02/14] 토트의 세계에 오신것을 환영합니다! by IT컨설턴트김동규 (0)
  4. [2012/02/08] 토트의 세계에 오신것을 환영합니다! by 망각의선율 (0)
  5. [2012/02/07] 토트시작! by 메인포 (124)
Tag :
,  ,  ,  ,  ,  ,  ,  ,  ,  ,  ,  ,  ,  ,  ,  , 

Leave Comments

 

분류

태그

최근 글

크리에이티브 커먼즈 라이선스
삽군난무붑샤의 저작물인 이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 3.0 Unported 라이선스에 따라 이용할 수 있습니다.
스팸 퇴치! Click Here!
T-NAVI