본문 바로가기

Tech-tips

운영체제 별 시스템 폰트 적용 블로그에서 보이는 폰트 같은 것에 별다른 관심이 없다면 모든 운영체제에서 굴림체로 뜨게 할 수도 있다. 그러나 전 우주의 평화와 번영을 위해서 그런 일은 삼가토록 한다. 요즘은 시스템에서 기본으로 제공하는 폰트도 나쁘지 않은 편이므로 양심이 있다면 시스템 폰트를 불러오도록 설정해주는 것이 좋다. 특히 운영체제에 따라서 지원하는 기본 시스템 폰트가 다르므로 font-family를 지정할 때 신중하게 하여야 한다. - 시스템 별로 기본 지원하는 한글 폰트 목록 - 윈도우xp - 아직도 사용 중이라면 자연사 박물관에 자리 마련 가능윈도우 비스타,7,8 - 맑은 고딕 OS X 라이언 (10.8) - 애플 고딕OS X 마운틴 라이언 (10.9) - 애플 산돌 고딕 네오 우분투 - 나눔고딕 안드로이드 4.4 이전 .. 더보기
티스토리 에디터 클래스 분석 스킨 수정을 하다 보면 다른 부분은 건드리기 싫고 딱 본문에 나오는 이 부분만 바꿔보고 싶다는 생각을 할 때가 있다. 이를 위해서 몇 가지 css 셀랙터가 필요한데 이 기회에 정리를 해보았다. 티스토리 공식 스킨 가이드에는 더 보기 접기 부분만 나와 있기 때문에 좀 불만이 있는 부분이기도 하다. tt_article_useless_p_margin→ 티스토리 글 설정에서 문단 간격 없음을 선택하면 자동으로 감싸지는 div. 의외로 활용도가 많고 스킨 구조에 상관없이 딱 글 부분만 선택해서 css 적용하기 유용한 셀렉터 이므로 왠만하면 이 옵션을 켜는게 좋다. 물론 이걸 안 켜 놓으면 문단 사이 간격이 어마어마하게 넓어지기 때문에 이미 다 사용하고 있는 기능이라고 본다. 참고로 문단 간격 없음을 설정하지 않으.. 더보기
페이스북 페이지 위젯 추가하기 페이스 북 페이지는 기존 페이스북 계정이 있으면 누구나 만들 수 있습니다. 페이스북 페이지를 만들고나면 하나의 인물이나, 대상으로 지정이 되어서 자체에 좋아요 버튼을 눌러 포스팅하는 소식을 받아 볼 수 있습니다. 페이지를 생성하면 자체의 위젯을 사용할 수 있습니다. 페이지 위젯은 페이스북 개발자 홈페이지에서 받을 수 있는데요, 페이지 위젯은 두가지 종류가 있습니다. 하나는 ‘like box’라고 하나의 페이지에 대해서 좋아요 버튼을 게시하고 좋아요를 남긴 사람들의 프로필 사진을 띄워줍니다. 두번째는 ‘Facepile’이라고 해서 페이지나 앱에 대한 좋아요를 바로 남길 수 있는 버튼입니다. 이 두가지 위젯은 페이스북 댓글과 같이 굳이 개발자 등록을 하지 않아도 iframe으로 코드만 따온 뒤에 추가 할 수.. 더보기
다음뷰 추천 위젯 코드 수정하기 티스토리 블로거라면 필수적으로 사용하시는 것중 하나가 다음뷰 일겁니다. 제가 네이버 블로그를 쓸데만해도 글 하나 발행할때마다 다음뷰 홈페이지에 가서 위젯을 퍼오는 과정이 너무 귀찮았는데요, 티스토리는 다음이 관리를 하고 있다보니 다음뷰와의 연동이 아주 잘 되어있습니다. 글의 발행/송고나 이벤트 참여도 클릭 한번으로 가능하며 아주 편리합니다. 가장 큰 장점으로는 다음뷰 추천 위젯을 스킨에 네이티브로 심을 수 있다는 것입니다. 물론 html을 잘 모르시는 분들을 위해서 티스토리에서는 다음 뷰 추천 위젯 플러그인을 제공하고 있습니다. 그래서 이것을 활용하시면 게시글 하단에 별 다른 설정 없이도 추천 위젯을 달 수 있습니다. 그러나 티스토리를 좀 오래 사용하시다 보면 남들 처럼 둥둥떠다니는 호버 버튼도 달아보고.. 더보기
다음뷰 글 목록 위젯 수정하기 다음뷰가 2013년 초에 개편을 하면서 위젯 디자인이 세련되게 바뀌었습니다. 그러나 이전까지는 최신글/인기글/추천글 목록위젯을 구할수가 있었으나, 현재는 지원을 하지 않고 있습니다. 디자인이 개편한 다음 뷰와 어울리지 않아 더 이상 제공을 하지 않는 것 같습니다. 그래도 대부분 이런 서비스들이 구식코드를 완전히 사용할 수 없게 만들지 않고 어느 정도는 계속 사용할 수 있게 유지를 해주는 편인데요, 그래서 예전에 발급 받아놓은 코드를 십분 활용하면 다음뷰 글 목록 위젯을 사용 할 수 있습니다. 다음뷰 글 목록 위젯은 이렇게 생겼습니다. 여기서 api가 나타내 주는 부분을 조정해주면 아주 간단하게 수정을 할 수 있습니다. 위쪽의 주소가 나타내는 부분을 대충 해석해보자면, 5번 스킨(검정)이 적용되고, 목록에.. 더보기
네이버 이웃커넥트, 티스토리에서도 사용하기 (열린 이웃) 네이버에서 티스토리로 넘어오신 분이라면 네이버 이웃기능을 티스토리에서도 계속 이용하시고 싶으실 겁니다. 이를 위해서 네이버는 열린 이웃이라는 기능을 지원합니다. 그러나 이 기능에는 큰 함정이 있는데요, 기존의 서로이웃이나, 이웃추가가 된 사람은 열린 이웃의 추가가 되지 않습니다. 그러니까 동일 아이디와 네이버 이웃 등록이 되어있고, 여기에 열린이웃을 추가하려면 추가가 안됩니다. 게다가 이 열린이웃이라는게 답글 알림도 안 오며, 새글 알림도 매우느리게 옵니다. 그냥 기본적으로 네이버me에서 지원하는 RSS리더 기능을 열린 이웃 기능이라고 거창하게 포장 한 것 입니다. 일단 위젯 생성을 위해서는 네이버 계정을 만들고 이웃커넥트 홈페이지로 갑니다. 여기서 이웃커넥트 위젯을 생성하실때 다른 블로그로 퍼가기를 선.. 더보기
네이버 이웃커넥트 위젯/ 분해 및 커스텀 네이버는 자기네 블로그 시스템의 이웃이라는 개념을 외부 블로그에도 개방해서 열린이웃이라는 명칭으로 사용할 수 있게 해줍니다. 네이버 블로그 이웃끼리 지원하는 기능인, 댓글 알림 같은 기능은 지원 하지 않으나 RSS로 글을 끌어다가 네이버me에 뿌려 주는 기능은 합니다. 기본적으로 네이버me 자체에서 지원하는 RSS 리더와 똑같은 기능입니다. 관련글 → 네이버 이웃커넥트 위젯을 티스토리에서 사용하기 이웃커넥트의 이웃 추가 버튼은 이웃커넥트 위젯과는 다르게 별도로 커스텀 할 수 있습니다. 스크립트가 아니라 아주 기본적은 anchor 태그로 이루어져있기 때문인데요. 기본 코드를 발급받으려면 일단 열린이웃을 기본계정으로 설정한 다음, 심플 위젯 코드 복사를 해줍니다. 새글보기 버튼은 크게 2파트로 구성되어 있습.. 더보기
티스토리 링크 추가 버튼 만들기 티스토리는 네이버 블로그 처럼 네이버me가 있어서 이웃블로그의 일거수 일투족을 보여준다던가, 아니면 다음처럼 친구 맺기 기능이 있다던가, 이글루스처럼 키배를 뜰수 있는 옥타곤을 열어준다던가 하는 기능이 전혀 없습니다. 즉, 친목친목을 할 곳이 전혀 없다는 것이죠. 특별하게 RSS를 구독하거나 아니면 트위터를 팔로우하지 않는 이상은 해당 블로그에서 무슨일이 일어나는지는 알도리가 없습니다. 미약하게나마 티스토리에서도 타 블로거와의 교류를 위해서 링크기능을 제공합니다. 이 링크기능은 타 블로그와 자신 블로그 간의 교류상태를 간략하게 보여주며, 새글이 올라오면 표시도 뜹니다. 다만 새글 알림이 온다던가 하는 고차원의 기능은 없습니다. 그래서 결론은 너무 썰렁해서 무인도라고 불리우는 티스토리 이기는 하지만 서로 .. 더보기
티스토리 운영체제 별 에디터/ 기본 단축키 분석 많은 분들이 아시다시피, 티스토리에는 자체 단축키가 있습니다. 무조건 마우스로 조져야 되는 네이버나, 이글루스 같은 여타 블로그와는 다르게 에디터나 블로그 전반에서 단축키를 지원하기 때문에, 이런 단축키를 몇 개만 알아두면 정말 빠르게 포스팅과 관리를 할 수 있습니다. 하지만 무슨 이유에서 인지 이전에는 에디터 내부에 도움말을 통해서 단축키 파악이 가능하였지만, 어느 새 그 메뉴가 없어졌습니다. 그래서 저도 최근에서야 알게 되어 뒤늦게 정리를 해봅니다. 아마도 이전 사진과 비교해보았을 때 메뉴에 마이피플 스티커가 추가되면서 빠진듯한데, 병크도 이런 병크가 없네요 -_- 시중에 단축키 관련 포스팅이 많이있지만, 운영체제 별로 분석해놓은 것은 없습니다. 윈도우에 IE 구버전 위주로 만들어진 티스토리 에디터는.. 더보기
Faceyourmanga에서 캐릭터 프로필 만들기 제가 지금 현재 쓰고 있는 아바타는 FYM에서 만든 애니메이션 아바타입니다. 지금부터 이것을 어떻게 만드는지 알아보도록 하겠습니다. 일단 홈페이지에 접속해서 아바타를 만드려면 회원가입을 해야 하는데, 제 경험으로는 양식을 입력해서 하는 방법이 영 시원찮아서 페이스북으로 연동하는 것을 추천합니다. 로그인 후 start now를 누릅니다. 성별을 선택합니다. 얼굴 형부터, 눈,눈썹, 입모양 등등 정말 선택할게 많으므로 충분히 시간을 가지고 만드시기 바랍니다. 아바타를 저장한 후에도 다시 불러와서 수정이 가능합니다. 저도 한 30분의 삽질 끝에 완성했습니다. 실물과는 전혀 관련 없으니 참고하시기 바랍니다. =3 상단의 프로필을 누르면 자신의 정보란에서 저장한 망가타를 볼 수 있습니다. 더보기

티스토리툴바