티스토리 라이브리 플러그인 위치 변경 삽질 ^^;;

티스토리에서 기본으로 라이브리 플러그인을 설치할 수 있게 되었습니다.

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"> 위쪽에 넣어주면 됩니다. 


그리고 댓글 넣기 부분을 자신이 원하는 부분에 가져다 놓아주면 됩니다. 그러면 적용 끝!