티스토리 공지사항에 댓글창 추가하기

Posted by 만웅이 만웅이
블로그 노하우/블로그꾸미기

티스토리블로그 댓글모듈적용하기


저번 포스팅에서는 티스토리 공지사항모듈을 사이드바에 추가하는 방법과

공지사항모듈이 보이지 않을때 해결하는 방법을 가르쳐드렸는데요,



다름아닌 한가지 문제아닌 문제점이 있습니다.

그것은 티스토리공지사항모듈에는 댓글을 달 수 있는 입력란이 없다는것입니다.


저같은 경우는 공지사항을 설치한 이유가 아시다시피 티스토리블로그에는

네이버블로그와는 다르게 이웃추가 및 쪽지보내기 등과 같은 소통기능이 없기때문에


사용자들이 저한테 하고싶은 말이나 질문같은것들을 댓글로밖에 표현할 수 없는데요,


이런 댓글들을 쓸 수 있는 전용공간이 없어서 제가 포스팅한 아무글들에 댓글을

달아주시더라구요.


이러한 불편함을 해결하기 위해서 저는 공지사항모듈을 추가해서 공지사항에 댓글을 달 수 있도록 하려는 의도였는데, 불행스럽게도 티스토리공지사항모듈에는

댓글입력창이 없더라구요.


이러한 이유때문에 오늘은 공지사항모듈에도 댓글창을 입력할 수 있는 기능을 알려드리려고 하니 필요하신 분들은 참조하시기 바랍니다.






sns댓글서비스 라이브리 설치하는방법


오늘 제가 소개할 방법은 라이브리(livere)에서 제공하는 코드를 발급받아 추가시킨뒤 티스토리공지사항 모듈에 댓글을 입력할 수 있는 댓글창만 추가시키는

방법으로 라이브리(livere)의 장점은 설치가 간편하며 PC는 물론 모바일에서도 댓글작성이 가능하다는 것입니다.



우선, 라이브리(livere)라는 회사는 라이브플러그인이라는 서비스를 제공하여 댓글을 SNS로 공유하고 웹과 앱에서 편리하게 관리할 수 있는 소셜댓글서비스로

웹사이트나 블로그에 간단히 설치가 가능하며 현재 20,987개(2015.10.12일기준)의 웹사이트에 설치되어 있다고 합니다.


자 이제 설치를 해보도록 하겠습니다. 우선 라이브리(livere)홈페이지로 접속 후 상단에 라이브리 설치를 눌러주세요.




라이브리홈페이지 : http://www.livere.com/



그리고 티스토리 블로그를 클릭 후 코드발급시 기본정보접근권한(블로그리스트정보,방문자수,댓글수,업데이트된새글정보)과 글쓰기 권한을 허용해야함으로

허가하기를 눌러주세요.




티스토리블로그 로그인이되어 제 닉내임이 나타났네요. 다음을 눌러주시고 새 라이브리 발급받기를 누르고 약관에 동의 후 다음을 눌러주세요.



라이브리 설치코드를 발급받기위해 아래의 정보를 입력하시고 코드생성하기를 누르면 본인의 코드가 생성이 되며 하단에 상세설정하기를 눌러주세요.



본인이 원하시는데로 세부설정을 하신 후 하단에 적용을 눌러주세요.



총 2개의 최종스크립트가 발급이 되었고 1번 스크립트는 설명에 나와있듯 HTML편집에서 <head>스크립트1</head>사이에 코드를 삽입해주시면 됩니다.



그리고 2번 스크립트는 본인이 원하는곳에 설치해주시면 되는데 저는 공지사항모듈에 설치를 해야함으로, HTML편집에서 [##_notice_rep_desc_##]를 Ctrl+F 를

눌러 찾아주시면됩니다. 제 블로그는 복사가 금지되어있기에 [##_notice_rep_desc_##] 를 파일첨부하였습니다.




스크립트2 삽입하는곳위치.txt


[##_notice_rep_desc_##] 아래에 </div><!--//article--> 의 다음줄에 스크립트2를 삽입해주시면 되는데 블로그스킨마다 조금씩달라 </div><!--//article-->가

없을수도 있습니다. 제 블로그스킨도 </div><!--//article--> 가 없습니다. 그런분들은 아래처럼 </div>바로밑에 삽입해주시면 됩니다.


[##_notice_rep_desc_##]

</div>


스크립트2


</div>

</s_notice_rep>



스크립트 삽입을 다 하셨다면 저장을 누르고 제대로 적용이 되었는지 확인을 해보도록 할까요?


아! 물론 그 전에 본인의 블로그에 공지사항모듈이 설치가 되어있어야 합니다. 그래야 공지사항으로 들어가서 확인을 할 수가 있죠.

공지사항모듈설정하는 방법은 아래제목을 클릭하시면 해당포스팅으로 넘어갑니다. 이미 설치하신 분들은 PASS ~



자 확인을 해보도록 합시다. 공지사항 글을 하나 작성하겠습니다.



댓글입력창 설치전과 설치후 사진입니다.



아래쪽에 댓글입력창이 설치가 된게 보이시죠? 이로서 사용자들과의 소통창구가 만들어졌습니다. 매우 뿌듯하네요 ㅎㅎ

그리고 번외로 공지사항모듈을 설치하지 않고, 사이드바에 직접 댓글창을 설치해보았습니다.


우선 스크립트1은 똑같이 적용하였고, 스크립트2만 사이드바로 들어가서 HTML 배너출력을 추가한뒤 편집창에서 붙여넣기 하였습니다.



어떻게 적용되었는지 한번 볼까요?



뭐 나쁘진 않았으나, 개인적으로 블로그의 깔끔함을 중요시하는 저로서는 좀 번잡한 듯 하여 저는 공지사항모듈로 적용하였습니다.

여러분도 마음에 드시는 방법으로 댓글창을 한번 설치해보시고, 네티즌들과의 소통창구를 만들어보시기 바랍니다. ^^






이 댓글을 비밀 댓글로