라이브리 : LiveRe Blog

라이브리 설치하기 #2 텀블러

| 0 comments |

 

안녕하세요. 샤인입니다!

소셜댓글 라이브리가 블로거들을 위해 베이직7 자동발급 시스템을 베타오픈한 것 알고 계시죠?

오늘은 텀블러에 소셜댓글 라이브리 설치하기를 (나름…) 친절하게 소개해드리려고 합니다.

 

텀블러(tumblr)는 블로그와 SNS가 합쳐진 마이크로 블로그입니다.

트위터의 단문이 아쉽지만 블로그는 무거우셨다면 텀블러를 써보시는 건 어떨까요?

텀블러는 내가 좋아하는 이미지, 영상 그리고 인용문 등을 저장하고 트위터 페북으로 쉽게 공유할 수 있습니다.

전세계 트렌드 세터들이 모여 본인의 개성을 표현하는 곳이기도 하여 다른 텀블러 구경하는 재미도 쏠쏠한데요.

아쉬운 점이 하나 있다면 댓글 기능이 없다는 것인데 그 점은 라이브리 설치로 해결할 수 있지요 😀

 

저도 얼마 전 라이브리팀 개발자 4번독수리님의 도움으로 제 텀블러에 라이브리를 설치하였는데요.

코드를 전혀 모르는 분들도 이 포스팅만 보면 따라서 설치하실 수 있도록 쉽고 상세하게 성명해드리겠습니다.

 

 

먼저, 라이브리 홈페이지에서 서비스>설치하기로 들어갑니다!

 

▶ 설치하기 바로가기

 

 

가지고 있는 아이디로 로그인 합니다. 라이브리는 다양한 SNS 로그인을 지원하고 있습니다.

로그인 후에 [다음으로] 버튼을 눌러주세요!

 

 

라이브리 코드발급 내역이 나옵니다. 코드를 자동발급 받은적이 없으면 아무 것도 안나오겠죠?

[새 라이브리 발급받기]를 클릭합니다.

 

 

그럼 설치자 이용 약관이 나오는데요.

약관을 꼼꼼하게 읽어주신 후 동의하시면 체크박스에 체크한 후 [새 라이브리 발급받기]를 클릭합니다.

 

 

짜잔!

그러면 드디어 코드 생성페이지가 나오는데요.

우리는 텀블러에 설치할거니까 사이트 유형은 텀블러를 선택하시고

추후 해당 코드를 관리할 때 기억하기 용이하도록 코드이름을 재기발랄하면서도 대표성을 보이도록 지어줍니다.

(이래놓고 제 텀블러 코드 이름은 쟈스트 텀블러.. 텀블러 여러개 가지고 있는데 지금 폭풍 후회중입니다)

사이트 URL은 라이브리를 설치할 텀블러 주소를 넣어주고요 [코드생성]을 클릭하시면

하단에 나만의 소중한 라이브리 코드가 생성됩니다!

 

해당 코드를 복사해서 메모장 같은 곳에 붙여넣어 설치 준비를 해주시고요

이제 이 코드를 텀블러에 설치해봅시다!

 

라이브리를 설치하고자 하는 텀블러로 이동합니다.

 

 

텀블러에 로그인 하시면 우측 상단에 테마를 커스터마이즈 할 수 있는 버튼이 생기는데요.

클릭하시면 아래와 같은 화면이 나타납니다.

 

 

좌측의 [Edit HTML]버튼을 클릭합니다.

 

 

저 왼쪽 코드들이 예쁘게 줄맞춰 있는 부분에 라이브리 설치코드를 삽입하시면 됩니다.

<head></head>사이에 설치하라고 써있던 첫 번째 코드를 해당 영역에 넣어줍니다.

 

 

[Ctrl+F] 눌러 /head를 찾아서 그 위에 1번 코드를 위 그림과 같이 붙여넣어주세요!

 

 

이제 두 번째 코드를 삽입해 봅시다.

 

 

두 번째 코드는 <body>의 {block:posts}의 내부 라이브리가 출력되기를 원하는 부분에 붙여넣기 합니다.

 

위치를 잘 모르겠으면 {/block:posts}바로 윗부분에 붙여넣기 하면 작동합니다.

그리고 수정한 HTML을 저장합니다.

 

텀블러에 가보면 라이브리가 잘 설치된 것을 보실 수 있습니다.

메인에서 리스트로 뜰 때에는 나타나지 않고요 해당 포스트를 클릭하면 라이브리가 보인답니다.

 

예쁘게 잘 설치되었죠? 😀

 

 

어때요? 따라해보니 참 쉽죠?

그럼 이상 샤인의 친절한 가이드 마무리하겠습니다.

궁금한 점이 있으시면 댓글에 질문 남겨주세요. 성공하셔도 남겨주기입니다! 🙂

 

 

 

q&a

faq