본문 바로가기

블로그

페이스북 페이지 위젯 추가하기 페이스 북 페이지는 기존 페이스북 계정이 있으면 누구나 만들 수 있습니다. 페이스북 페이지를 만들고나면 하나의 인물이나, 대상으로 지정이 되어서 자체에 좋아요 버튼을 눌러 포스팅하는 소식을 받아 볼 수 있습니다. 페이지를 생성하면 자체의 위젯을 사용할 수 있습니다. 페이지 위젯은 페이스북 개발자 홈페이지에서 받을 수 있는데요, 페이지 위젯은 두가지 종류가 있습니다. 하나는 ‘like box’라고 하나의 페이지에 대해서 좋아요 버튼을 게시하고 좋아요를 남긴 사람들의 프로필 사진을 띄워줍니다. 두번째는 ‘Facepile’이라고 해서 페이지나 앱에 대한 좋아요를 바로 남길 수 있는 버튼입니다. 이 두가지 위젯은 페이스북 댓글과 같이 굳이 개발자 등록을 하지 않아도 iframe으로 코드만 따온 뒤에 추가 할 수.. 더보기
Hare - Ultra Lightweight Tistory Skin 이전 부터 제작하고 있었던 스킨입니다.이미 오래 전에 만들어 두었지만 뒤늦게 내놓는 이유는 관리가 안되는 동안에도 꾸준한 방문자 유치를 위한 자구책이라고 보시면 됩니다. -ㅅ-;시중에 있는 반응형 티스토리 스킨 중에서 가장 가벼울 것으로 예상 (총 용량 0.19mb)제작과정 몇 번 포스팅하고 마지막으로 본 스킨파일이 업로드 됩니다. 더보기
스킨 업데이트 v 2.1 - 오프켄버스 메뉴 어쩌면 이게 마지막 업데이트가 될지도 모르겠군요...사이트 전반에 오프켄버스 메뉴를 추가했습니다.이제 모바일에서도 손쉽게 메뉴에 접근이 가능합니다. 더보기
티스토리 새 관리 - 메인 완료 이제 이짓을 모든 페이지마다 할걸 생각하니 정신이 아득하군요 -ㅅ-그리고 SVG를 CSS에 쑤셔 넣는거 너무 귀찮아요... 색상 변경도 귀찮고... 더보기
티스토리 새 관리 - 오늘은 여기까지 데이터 url로 SVG를 CSS에 심어넣는 것은 처음 써봤는데 생각보다 신기합니다. 문제는 코드가 너무 길어서 SCSS에 집어 넣으면 가로 스크롤이 엄청 길어지는게 좀 귀찮습니다. -ㅅ- 그리고 티스토리 이 미친놈들이 거의 모든 UI요소를 스프라이트로 짜버려서 그거 없애느라 혼났습니다. -_- 아니 셀렉터가 모자라던 시절인 것은 이해는 하지만, heading까지 다음체로해서 png로 만들 필요는 있었나 싶네요 (걍 웹폰트 쓰지...) 마크업이 아니라 CSS로 위에 덮어 씌우는 일은 마이피 스킨만들때도 해봤지만, 아이콘 같은거 집어넣으려고 하면 :before 써가면서 삽질해야 하는거 사람할일 아닙니다; 걍 워드프레스처럼 관리도 스킨질 좀 하게 해주지... P.S 반응형 됩니다. 일부 플래시 요소는 어떻게 .. 더보기
티스토리 새 관리 화면 기존 관리화면이 너무 마음에 안들어서 새로 스타일시트를 짜고 있습니다. 이제 아이콘과 Sprite 이미지만 교체하면 거의 완성입니다. 더보기
다음뷰 추천 위젯 코드 수정하기 티스토리 블로거라면 필수적으로 사용하시는 것중 하나가 다음뷰 일겁니다. 제가 네이버 블로그를 쓸데만해도 글 하나 발행할때마다 다음뷰 홈페이지에 가서 위젯을 퍼오는 과정이 너무 귀찮았는데요, 티스토리는 다음이 관리를 하고 있다보니 다음뷰와의 연동이 아주 잘 되어있습니다. 글의 발행/송고나 이벤트 참여도 클릭 한번으로 가능하며 아주 편리합니다. 가장 큰 장점으로는 다음뷰 추천 위젯을 스킨에 네이티브로 심을 수 있다는 것입니다. 물론 html을 잘 모르시는 분들을 위해서 티스토리에서는 다음 뷰 추천 위젯 플러그인을 제공하고 있습니다. 그래서 이것을 활용하시면 게시글 하단에 별 다른 설정 없이도 추천 위젯을 달 수 있습니다. 그러나 티스토리를 좀 오래 사용하시다 보면 남들 처럼 둥둥떠다니는 호버 버튼도 달아보고.. 더보기
다음뷰 글 목록 위젯 수정하기 다음뷰가 2013년 초에 개편을 하면서 위젯 디자인이 세련되게 바뀌었습니다. 그러나 이전까지는 최신글/인기글/추천글 목록위젯을 구할수가 있었으나, 현재는 지원을 하지 않고 있습니다. 디자인이 개편한 다음 뷰와 어울리지 않아 더 이상 제공을 하지 않는 것 같습니다. 그래도 대부분 이런 서비스들이 구식코드를 완전히 사용할 수 없게 만들지 않고 어느 정도는 계속 사용할 수 있게 유지를 해주는 편인데요, 그래서 예전에 발급 받아놓은 코드를 십분 활용하면 다음뷰 글 목록 위젯을 사용 할 수 있습니다. 다음뷰 글 목록 위젯은 이렇게 생겼습니다. 여기서 api가 나타내 주는 부분을 조정해주면 아주 간단하게 수정을 할 수 있습니다. 위쪽의 주소가 나타내는 부분을 대충 해석해보자면, 5번 스킨(검정)이 적용되고, 목록에.. 더보기
스킨 업데이트 v 2.0.1 초고해상도(1920px 이상)에서 탑바와 하단부가 삐져나가는 문제를 수정했습니다. 스킨의 컨테이너 최대크기는 1920px으로 잡아놓았기 때문에 그 이상으로는 안 커집니다. 모바일에서 좀 더 누르기 쉬운 버튼으로 상단 메뉴 디자인을 바꾸었습니다. 크기를 키우고 애니메이션을 제거하여 프레임 드랍도 줄였습니다. 티에디션에 있는 상단 슬라이더에 컨트롤 부가 마우스 호버시에만 노출됩니다. 섬네일 갯수를 12개에서 24개로 증가했습니다. 기타) 네이버 이웃커넥트 버튼이 추가 되었습니다. 더보기
네이버 이웃커넥트, 티스토리에서도 사용하기 (열린 이웃) 네이버에서 티스토리로 넘어오신 분이라면 네이버 이웃기능을 티스토리에서도 계속 이용하시고 싶으실 겁니다. 이를 위해서 네이버는 열린 이웃이라는 기능을 지원합니다. 그러나 이 기능에는 큰 함정이 있는데요, 기존의 서로이웃이나, 이웃추가가 된 사람은 열린 이웃의 추가가 되지 않습니다. 그러니까 동일 아이디와 네이버 이웃 등록이 되어있고, 여기에 열린이웃을 추가하려면 추가가 안됩니다. 게다가 이 열린이웃이라는게 답글 알림도 안 오며, 새글 알림도 매우느리게 옵니다. 그냥 기본적으로 네이버me에서 지원하는 RSS리더 기능을 열린 이웃 기능이라고 거창하게 포장 한 것 입니다. 일단 위젯 생성을 위해서는 네이버 계정을 만들고 이웃커넥트 홈페이지로 갑니다. 여기서 이웃커넥트 위젯을 생성하실때 다른 블로그로 퍼가기를 선.. 더보기

티스토리툴바