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

Posted at 2011/12/28 09:25 | Posted in 일상
                 
티스토리에서 기본으로 라이브리 플러그인을 설치할 수 있게 되었습니다.

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


그리고 댓글 넣기 부분을 자신이 원하는 부분에 가져다 놓아주면 됩니다. 그러면 적용 끝! 
linkwithin
  1. 지금은 플러그인이 없는 것 같네요?!
    • 2011/12/29 10:53 [Edit/Del]
      ㅎㅎ. 지금은 떼어냈습니다.
      상단에 있으니 뭔가 불편하고, 거기에 링크도 1차주소로 걸리더군요.

      하단으로 수동으로 추가하니 티스토리 연동이 안되서 불편하고. 결국 떼버렸습니다.

      매번 트위터 가서 확인할 순 없으니까요 ㅎㅎ
  2. 잠시 떼어내셨나?;; 확인하려고 들어왔는데~ 암튼 잘 보고 갑니다~ ㅎ
    • 2011/12/29 10:54 [Edit/Del]
      떼어버렸습니다. ^^

      2차 주소 쓰는데 플러그인 쓰면 1차 주소로 링크가 걸리더라구요 ㅎㅎ
  3. 아 그렇구나...; 저도 그럼 그것 적용되기 전까진 달기 힘들겠네요... 저도 2차인데 ;ㅅ; 흐규.. ㄷㄷ
    • 2011/12/31 23:05 [Edit/Del]
      1차 주소로 링크가 걸려버리니..
      조금 더 수정이 되야 할 듯 합니다.;;

      위치도 문제고... 그래서 뗴어버렸죠.
      그런데 제대로 달리신 분들 보니, 깔끔하고 예쁘네요.
  4. 저도 달아봤는데, 댓글창 숨김으로 놓으면 문제가 없는데, 펼침으로 해놓으면 스킨이 깨지는 부분이 생기네요.. 에효.. 그래서 닫아버렸습니다. ㅠㅠㅠㅠㅠㅠ
    • 2012/01/02 09:22 [Edit/Del]
      저는 숨김으로 하니깐 크롬은 그닥 문제가 없는데 IE에서는 갈라져서 나오더라구요. ㅡㅡ.

      그리고 링크도 1차주소로 되어 있어서 떼어버렸습니다.

      크롬/IE에서 숨김한상태로 로그인/로그아웃된 상태 모두 체크해보니까 조금씩 다르더라구요.
  5. 도움이 되실 듯 하여 라이브리 옴기기 트랙백 걸고 갑니다~ ^^
    • 2012/01/10 12:13 [Edit/Del]
      좋은 정보 감사합니다...

      저것도 해보았는데 저럴 경우의 단점이 몇가지 있어서 기존 댓글을 사용합니다.

      먼저 250자 제한.. 소셜이다 보니 250 제한이 있는데, 저처럼 가끔 긴 댓글이 달릴 경우가 있어서 말이죠..

      그리고 2차 주소 사용중인데 소셜댓글을 이용하면 2차주소가 아닌 1차주소로 링크가 걸리더라구요 ㅠㅠ...

      그리고 결정적으로 위 방법이 스킨마다 조금씩 에러가 나타납니다. 저의 경우 크롬에서는 문제가 없는데 IE에서는 위치가 잘 안바뀌더라구요...

      조금 더 수정이 되야 할 듯 합니다.
    • 2012/01/10 15:34 [Edit/Del]
      아.. 그런 문제 점도 있었군요...

      저도 조금 사용해보니 알림이 기능도 잘 않되는 것같구..

      2% 부족함을 느끼네요... ^^
  6. 음.. 저도 적용해보았더니 이런 문제점 때문에 사용하기가 조금 애매~ 하네요 ㅠㅠ 댓글창 바로 위에 나오면 더 좋을텐데요! 하루빨리 개선되길...

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기