안녕하세요 지선샤인입니다 :)
많이들 기다리셨던 LiveRe Basic 오픈 후 각종 채널을 통해 설치 방법을 문의가 폭주했습니다.

HTML코드를 다룰줄 아는 분이라면 페이지 설명만 따라가면 손쉽게 설치할 수 있으셨겠지만
사실 저처럼 소스코드가 지렁이로 보이며 현기증을 일으키는 분들 또한 많이 계실꺼라 생각해요.
(IT회사에서 일하지만 기계나 코드와는 친하지 않은 지선
샤인입니다 하핫)

그리하여 야심차고 친절하게 준비한 포스트
이름하야, 컴맹 지선샤인도 성공했다. 소셜댓글 LiveRe 설치방법!

오늘은 가장 많은 유저들이 분포한 티스토리 블로그편으로 시작합니다.


STEP1. LiveRe 홈페이지에서 설치코드 받기

LiveRe 설치코드는 www.LiveRe.co.kr 에서 받으실 수 있습니다.


약관에 동의하시면 하단에 소스코드 창이 뜨는데요

코드창을 클릭하시면 라이브리 베이직 설치코드가 자동으로 복사됩니다.
복사된 코드는 일단 메모장에 붙여넣으세요.


STEP2. 블로그에 LiveRe 설치코드 삽입하기

자 이제 본인의 티스토리 블로그로 갑니다.


관리자 페이지에서 스킨> HTML/CSS 편집으로 들어갑니다.





복사해놓은 설치코드가 1번코드와 2번코드로 나뉘어져있죠?

두 코드가 들어가는 위치가 달라서 나누어놓은 것인데요

1번코드 두줄은 Ctrl+F 를 눌러 </head>를 검색하고 그 윗줄에 넣어주세요.


■ 1번코드


그리고 2번 코드는 댓글창이 출력되길 원하는 위치에 넣으시면 되는데요

위치를 어디에 둘지 잘 모르시는 분들은
Ctrl+F 를 누르신 후 actionTrail을 찾으셔서 그 하단에 넣으시면 됩니다.




■ 2번코드


푸른색으로 표시된 두 변수는 티스토리에서 제공하는 참조자를 바탕으로 만들어진 값입니다.
티스토리가 아닌 다른 설치형 블로그 유저분들은 워드프레스/텍스트큐브편 포스팅을 참고하세요 :)


STEP3. 개인설정하기

2번 코드에서 LiveRed 컬러로 표시해드린 부분이 개인적으로 설정하셔야 하는 부분인데요.

맨 윗줄의 라이브리 폭은 최소 515px부터 900px까지 본인 블로그 폭에 맞춰 설정하시면 되고요

bold로 표시한 줄의 괄호속 내용을 본인에 맞게 수정하면 됩니다.
티스토리 유저분들은 붉은색 부분만 손보시면 되는데요. 궁금하신 분들이 계실 것 같아 각 요소들에 대해 설명드릴게요

■ rep
http://를 제외한 해당 게시물의 url이 들어가게 되는데
티스토리 설치자의 경우에는 저희가 참조차를 넣어드렸기 때문에 따로 설정하지 않으셔도 됩니다.

■ "layer"
targetDIV 부분으로 라이브리가 표시될 엘리먼트의 id와 연관있는 요소입니다. 
예제에서는 설치코드를 감싸고 있는 영역이 <div id="layer"> 2번 설치코드 </div>로 되어있기 때문에 그냥 두시면 됩니다.
id 값은 원하시는 값으로 잡아주시면 됩니다.

■ title
포스팅시 해당 댓글에 첨부되는 타이틀 입니다.
티스토리 설치자의 경우에는 저희가 참조차를 넣어드렸기 때문에 따로 설정하지 않으셔도 됩니다.

■ "태그"
포스팅시 해당 댓글에 첨부되는 태그 입니다. 댓글이 트위터로 보내질 경우 해시태그로 표시됩니다.

■ "트위터아이디"
관리자 트위터 계정 파라메터입니다. 댓글을 관리하시는 트위터 계정을 @없이 적어주시면 됩니다.

■ 15
마지막 숫자가 써있는 요소는 더보기 대수 파라메터입니다. 한번에 표시할 수 댓글 리스트의 개수를 적어주시면 됩니다.


어떠세요? 어렵지 않게 설치하실 수 있겠지요?

후훗! 코드의 코자도 모르던 제가 성공한걸 보면 누구나 쉽게 설치하실 수 있을거에요 :)


아참, 잊을뻔한 정말 중요한 사실!

참고로 스킨의 화면출력설정에서 블로그 글보기를 1로 해야 라이브리가 정상적으로 출력됩니다.

포스트 보고 설치 성공하신 분들 댓글 달아주심 제 기쁨이 두배가 될 것 같아요 :D

이상, 갓 코드맹 탈출한 지선샤인이었습니다!


지선샤인 (@JEESUNSHINE)

박지선은 시지온에서 Branding을 담당하고 있다. 그림 감상과 사진찍는 것을 좋아하고 문화예술과 인테리어에 관심이 많다. 우주사랑을 외치는 astromantist 이며, 아직까지도 불편한 만년필과 필름카메라를 고집하는 아날로그 감성의 소유자이다. 좋아하는 말은 A dream you dream alone is only dream. A dream you dream together is reality.



 


Posted by cosmic shine


댓글을 달아 주세요

  1. 2012.01.12 09:35 신고

    아주 맘에 들어요

  2. 2013.01.12 19:28 신고

    워드프레스에 설치하는 방법 좀 자세히 설명 부탁드릴수 없을까요? head부분에 삽입하는 1번 소스는 알겠는데, page.php와 single.php에 삽입하는 2번 소스는 대체 어느 부분에 삽입을 해야하는 것인지요? 의문점은,, 제가 준비하는 홈페이지는 메뉴가 다섯 페이지로 구성이 되 있는데요, 1번 및 2번 소스만 정상적으로 삽입이 되면 그 이후엔 제가 원하는 페이지에 자동으로 삽입이 되는 것인지도 궁금합니다.

  3. 2013.02.06 05:50 신고

    아주 맘에 들어요

  4. 2013.02.06 05:51 신고

    아주 맘에 들어요

  5. 2013.04.16 15:12 신고

    아주 훌륭 했어요. 감사

이전버튼 1 ··· 4 5 6 7 8 9 이전버튼