본문 바로가기

Tech-tips/How to blog

Disqus Featured Comment 기능 사용하기 14년 5월에 새로 추가된 기능입니다. 관리자가 원하는 댓글을 최상단에 올릴수 있습니다. 이렇게 말이죠. Featured 된 코맨트는 트로피가 수여됩니다. 관리자로 로그인 후 원하는 코맨트의 옵션에서 Feature this comment를 누르시면 됩니다. 특정 코맨트를 상단에 그만 띄우고 싶으면 해당 코맨트의 옵션에서 Stop featuring을 누르면 됩니다. 이제부터 드립 잘치는분을 게시글 마다 선정해서 상단에 올려 드리는 작업을 해야 겠습니다. =3=3 더보기
디스커스 코맨트에서 HTML 태그 사용하기 디스커스 코맨트 플러그 인은 여러가지 강력한 기능을 제공합니다. 관리자 모드에서 뿐만 아니라 사용자 측면에서도 여러가지 흥미로운 기능을 많이 제공하는데요, 이번에 소개해 드릴기능은 코맨트의 서식을 꾸미는 기능입니다. 아시는 분은 별로 없지만 디스커스 코맨트 플러그인에서는 HTML 태그를 지원합니다.따라서 일반적인 티스토리 코맨트 플러그인 보다 더 화려하고 다채로운 댓글을 남길수 있습니다. 기본적으로 이용가능한 태그는 다음과 같습니다. 단일로 사용가능한 태그 - 줄바꿈 링크를 거는데 사용되는 태그 입니다. 보통 url을 입력창에 넣으면 자동으로 변환되나, 링크 주소대신 자신이 원하는 문구로 대채할때 사용할 수 있습니다. e.g) 테스트 링크 입니다. 강조 표시 (기본적으로 볼드 입니다.) 인용구 캡션 테그.. 더보기
새로 변경된 디스커스 알림 기능 살펴보기 디스커스의 알림창이 새롭게 변경 되었습니다. 디스커스 댓글의 말풍선 버튼을 누르면 옆에 뜨게 됩니다. 이전에는 댓글창에 겹쳐서 리스트 처럼 뜨게 되었지만 지금은 사이드 바에 별도의 창이 겹쳐서 뜨게 변경 되었습니다. 이번 업데이트는 디스커스 자체의 알림기능이 완전히 개선되면서 생긴 기능입니다. 모달 팝업에서 View on Disqus.com 버튼을 누르면 새롭게 변경된 알림창으로 넘어가게 됩니다. 이번에 정말 많은 기능들이 개선이 되었는데요, 간단하게 요약을 해보자면,- 알림창에서 바로 답글달기 기능 (더 이상 답글을 달기 위해서 그 댓글이 달린 사이트에 접속하지 않아도 됩니다.)- 팔로워 알림에서 바로 맞팔 할 수 있는 기능- 답글 알림만 모아 볼 수 있는 기능 자세한 업데이트 내역 보기 이 기능은 디.. 더보기
페이스북 페이지 위젯 추가하기 페이스 북 페이지는 기존 페이스북 계정이 있으면 누구나 만들 수 있습니다. 페이스북 페이지를 만들고나면 하나의 인물이나, 대상으로 지정이 되어서 자체에 좋아요 버튼을 눌러 포스팅하는 소식을 받아 볼 수 있습니다. 페이지를 생성하면 자체의 위젯을 사용할 수 있습니다. 페이지 위젯은 페이스북 개발자 홈페이지에서 받을 수 있는데요, 페이지 위젯은 두가지 종류가 있습니다. 하나는 ‘like box’라고 하나의 페이지에 대해서 좋아요 버튼을 게시하고 좋아요를 남긴 사람들의 프로필 사진을 띄워줍니다. 두번째는 ‘Facepile’이라고 해서 페이지나 앱에 대한 좋아요를 바로 남길 수 있는 버튼입니다. 이 두가지 위젯은 페이스북 댓글과 같이 굳이 개발자 등록을 하지 않아도 iframe으로 코드만 따온 뒤에 추가 할 수.. 더보기
다음뷰 추천 위젯 코드 수정하기 티스토리 블로거라면 필수적으로 사용하시는 것중 하나가 다음뷰 일겁니다. 제가 네이버 블로그를 쓸데만해도 글 하나 발행할때마다 다음뷰 홈페이지에 가서 위젯을 퍼오는 과정이 너무 귀찮았는데요, 티스토리는 다음이 관리를 하고 있다보니 다음뷰와의 연동이 아주 잘 되어있습니다. 글의 발행/송고나 이벤트 참여도 클릭 한번으로 가능하며 아주 편리합니다. 가장 큰 장점으로는 다음뷰 추천 위젯을 스킨에 네이티브로 심을 수 있다는 것입니다. 물론 html을 잘 모르시는 분들을 위해서 티스토리에서는 다음 뷰 추천 위젯 플러그인을 제공하고 있습니다. 그래서 이것을 활용하시면 게시글 하단에 별 다른 설정 없이도 추천 위젯을 달 수 있습니다. 그러나 티스토리를 좀 오래 사용하시다 보면 남들 처럼 둥둥떠다니는 호버 버튼도 달아보고.. 더보기
다음뷰 글 목록 위젯 수정하기 다음뷰가 2013년 초에 개편을 하면서 위젯 디자인이 세련되게 바뀌었습니다. 그러나 이전까지는 최신글/인기글/추천글 목록위젯을 구할수가 있었으나, 현재는 지원을 하지 않고 있습니다. 디자인이 개편한 다음 뷰와 어울리지 않아 더 이상 제공을 하지 않는 것 같습니다. 그래도 대부분 이런 서비스들이 구식코드를 완전히 사용할 수 없게 만들지 않고 어느 정도는 계속 사용할 수 있게 유지를 해주는 편인데요, 그래서 예전에 발급 받아놓은 코드를 십분 활용하면 다음뷰 글 목록 위젯을 사용 할 수 있습니다. 다음뷰 글 목록 위젯은 이렇게 생겼습니다. 여기서 api가 나타내 주는 부분을 조정해주면 아주 간단하게 수정을 할 수 있습니다. 위쪽의 주소가 나타내는 부분을 대충 해석해보자면, 5번 스킨(검정)이 적용되고, 목록에.. 더보기
네이버 이웃커넥트, 티스토리에서도 사용하기 (열린 이웃) 네이버에서 티스토리로 넘어오신 분이라면 네이버 이웃기능을 티스토리에서도 계속 이용하시고 싶으실 겁니다. 이를 위해서 네이버는 열린 이웃이라는 기능을 지원합니다. 그러나 이 기능에는 큰 함정이 있는데요, 기존의 서로이웃이나, 이웃추가가 된 사람은 열린 이웃의 추가가 되지 않습니다. 그러니까 동일 아이디와 네이버 이웃 등록이 되어있고, 여기에 열린이웃을 추가하려면 추가가 안됩니다. 게다가 이 열린이웃이라는게 답글 알림도 안 오며, 새글 알림도 매우느리게 옵니다. 그냥 기본적으로 네이버me에서 지원하는 RSS리더 기능을 열린 이웃 기능이라고 거창하게 포장 한 것 입니다. 일단 위젯 생성을 위해서는 네이버 계정을 만들고 이웃커넥트 홈페이지로 갑니다. 여기서 이웃커넥트 위젯을 생성하실때 다른 블로그로 퍼가기를 선.. 더보기
네이버 이웃커넥트 위젯/ 분해 및 커스텀 네이버는 자기네 블로그 시스템의 이웃이라는 개념을 외부 블로그에도 개방해서 열린이웃이라는 명칭으로 사용할 수 있게 해줍니다. 네이버 블로그 이웃끼리 지원하는 기능인, 댓글 알림 같은 기능은 지원 하지 않으나 RSS로 글을 끌어다가 네이버me에 뿌려 주는 기능은 합니다. 기본적으로 네이버me 자체에서 지원하는 RSS 리더와 똑같은 기능입니다. 관련글 → 네이버 이웃커넥트 위젯을 티스토리에서 사용하기 이웃커넥트의 이웃 추가 버튼은 이웃커넥트 위젯과는 다르게 별도로 커스텀 할 수 있습니다. 스크립트가 아니라 아주 기본적은 anchor 태그로 이루어져있기 때문인데요. 기본 코드를 발급받으려면 일단 열린이웃을 기본계정으로 설정한 다음, 심플 위젯 코드 복사를 해줍니다. 새글보기 버튼은 크게 2파트로 구성되어 있습.. 더보기
티스토리 링크 추가 버튼 만들기 티스토리는 네이버 블로그 처럼 네이버me가 있어서 이웃블로그의 일거수 일투족을 보여준다던가, 아니면 다음처럼 친구 맺기 기능이 있다던가, 이글루스처럼 키배를 뜰수 있는 옥타곤을 열어준다던가 하는 기능이 전혀 없습니다. 즉, 친목친목을 할 곳이 전혀 없다는 것이죠. 특별하게 RSS를 구독하거나 아니면 트위터를 팔로우하지 않는 이상은 해당 블로그에서 무슨일이 일어나는지는 알도리가 없습니다. 미약하게나마 티스토리에서도 타 블로거와의 교류를 위해서 링크기능을 제공합니다. 이 링크기능은 타 블로그와 자신 블로그 간의 교류상태를 간략하게 보여주며, 새글이 올라오면 표시도 뜹니다. 다만 새글 알림이 온다던가 하는 고차원의 기능은 없습니다. 그래서 결론은 너무 썰렁해서 무인도라고 불리우는 티스토리 이기는 하지만 서로 .. 더보기
Faceyourmanga에서 캐릭터 프로필 만들기 제가 지금 현재 쓰고 있는 아바타는 FYM에서 만든 애니메이션 아바타입니다. 지금부터 이것을 어떻게 만드는지 알아보도록 하겠습니다. 일단 홈페이지에 접속해서 아바타를 만드려면 회원가입을 해야 하는데, 제 경험으로는 양식을 입력해서 하는 방법이 영 시원찮아서 페이스북으로 연동하는 것을 추천합니다. 로그인 후 start now를 누릅니다. 성별을 선택합니다. 얼굴 형부터, 눈,눈썹, 입모양 등등 정말 선택할게 많으므로 충분히 시간을 가지고 만드시기 바랍니다. 아바타를 저장한 후에도 다시 불러와서 수정이 가능합니다. 저도 한 30분의 삽질 끝에 완성했습니다. 실물과는 전혀 관련 없으니 참고하시기 바랍니다. =3 상단의 프로필을 누르면 자신의 정보란에서 저장한 망가타를 볼 수 있습니다. 더보기