http://notice.tistory.com/1726
라이브리 댓글은 각종 SNS 계정으로 로그인하여 댓글을 달 수 있는 소셜 댓글 서비스입니다.
기존에는 라이브리 사이트에서 직접 가져와 수동으로 장착하였습니다. 물론 저도 잘 사용하지 않지만 따로 장착해 뒀습니다.
라이브리 플러그인의 장점은 라이브리에 작성하여도 자동으로 티스토리 댓글에도 올라갑니다.
그런데 위치가 본문 끝이 장착되는 아쉬움이 있습니다. 이 플러그인 위치를 변경하고자 삽질을 잠깐 해봤습니다.
2가지 방법으로 삽질을 해보았는데, 첫번째 방법은 인터넷에 떠돌아다니는 [카테고리 위치 변경 소스]를 변형하여 위치를 바꾸었습니다.
위치는 변경되나 UI가 조금 깨지고, IE에서는 안나와서 다른 방법을 사용했습니다.
바로 플러그인 수동 적용!
플러그인을 적용하였을 때 나타나는 내용을 모두 수동으로 복사하여 지정 위치에 붙여넣기입니다. 그리고 플러그인을 꺼버리면 플러그인이 적용된 상태로 됩니다.
역시 위치가 변경은 되었고 UI도 모두 정상적이지만 티스토리-라이브리간의 연동이 안됩니다.
라이브리에서 작성하면 티스토리에 자동으로 작성되야 하지만 플러그인을 끈 상태라 자동으로 댓글이 작성이 안됩니다.
위처럼 기본 댓글창 밑으로 소셜댓글이 이동하였습니다. 다만 연동이 안되니..
이리저리 삽질을 더 하면 가능할 듯 합니다. [카테고리 위치 수정 소스]를 활용해서 하면 가능 할 듯 합니다.
연동 기능 포기하시고 라이브리를 적용하려면 아래대로 따라해 보세요 ^^.
<!---- 라이브리 댓글 초기조건 ----->
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://fx.livere.co.kr:8080/js/t_livere_lib.js"></script>
<script type="text/javascript" src="http://fx.livere.co.kr:8080/js/t_livere.js"></script>
<script type="text/javascript" src="http://fx.livere.co.kr:8080/consumers/tistory/livere_tistory.js"></script>
<script type="text/javascript">
var livere_user_name = 'zipi';
var livere_homepage = 'http://zipi.me';
var livere_blog_id = '블로그 ID';
var livere_entry_id = '[ ##_article_rep_link_##]';
livere_entry_id = livere_entry_id.replace('/','');
var livere_default_guest_image = 'http:// guest 이미지 주소'; // 없을경우 null
var livere_article_id = '[ ##_article_rep_link_##]';
livere_article_id = livere_article_id.replace('/','');
var livere_consumer_seq = null;
var livere_smartlogin_seq = null;
var livere_useTistoryComment = 'true';
var livere_livere_seq = 'LiveRe 발급키';
var livere_refer = 'zipi.me[ ##_article_rep_link_##]';
var livere_blogurl = '[ ##_blog_link_##]';
var livere_title = '[ ##_article_rep_title_##]';
var livere_redirect_path = 'http://zipi.me/plugins/LiveRe/redirect.html';
</script>
<!---- //라이브리 댓글 초기조건 ----->
<!-- 라이브리 댓글 넣기 -->
<div id="livereContainer_325" class="livereContainer"></div><div id="livereContainer"></div>
<script type="text/javascript">
livereInit(livere_entry_id, livere_refer, livere_title);
</script>
<!-- //라이브리 댓글 넣기 -->
//치환자가 적용되지 않게 하려고 [ ##을 [##으로 바꿔주세요.
먼저 플러그인을 들어가서 라이브리를 활성화 시킵니다.
LiveRe 발급키를 받고, 그 키를 위에 넣어줍니다. 그리고 자신의 티스토리 주소를 잘 넣어줍니다.
블로그 ID의 경우에는 플러그인을 적용 한 후 아무 페이지나 들어간 후 소스보기를 하면 알 수 있습니다.
위처럼 livere로 검색하면 위와 같이 나옵니다.
여기서 blog_id와 livere_seq 같이 잘 모르는 것만 쓱쓱 빼서 위에 넣어줍니다.
초기조건은 본문 바로 윗부분에 넣어줍니다.
주로 <div class="article"> 위쪽에 넣어주면 됩니다.
그리고 댓글 넣기 부분을 자신이 원하는 부분에 가져다 놓아주면 됩니다. 그러면 적용 끝!
'일상' 카테고리의 다른 글
iPad2/iPhone4S 완탈은 다음주?? (0) | 2012.01.06 |
---|---|
할일없을때 만드는 앱..!? (6) | 2012.01.04 |
3년반을 사용한 소니 e888!! 이제 안녕~!! (6) | 2011.12.21 |
티스도리닷컴 경품 수령기 (2) | 2011.12.16 |
SK의 LTE요금! 낮은 요금제는 3G보다 더 좋다?? (14) | 2011.09.29 |
댓글