티스토리

Readiz - Read easy
검색하기

블로그 홈

Readiz - Read easy

blog.readiz.com/m

Read everything in the world easily. http://readiz.com/

구독자
3
방명록 방문하기
공지 마음의 평화가 왔다 모두보기

주요 글 목록

  • #1, #2스킨에 쓰인 티스토리 스킨 새 치환자 #1, #2스킨에 쓰인 티스토리 스킨 새 치환자 #1, #2 Tistory 반응형 스킨을 뜯어보면서 새로 생긴 치환자를 정리해보고 있습니다. 다음버전 FastBoot은 성능향상을 주안점으로 해서 업데이트를 할 예정이라 RSS 로딩을 최소화 하려고 생각중이거든요.. 아마 RSS 로딩 하더라도 메인에서만 할듯 합니다. 티스토리 측에서 새 치환자를 공개해준다고 했는데 아직까지도 이야기가 없어서리.. 한번 찾아봤습니다. 글 내용 치환자 (#1 스킨 포함) - 카테고리 부분 가 보입니다. 글 하단부 관련 글 치환자 (#2 스킨 포함) '' Related Articles more 부분과 부분이 보입니다. 이제 더이상의 Javascript 삽질은 필요 없겠.. 공감수 10 댓글수 12 2016. 2. 29.
  • [MathJAX] MathJAX 설정법 / 플러그인 충돌 해결 MathJax설정법 / 플러그인 충돌 해결 이것은 FastBoot 뿐만 아니라 유사한 구문이 있는 CSS를 사용하는 스킨이라면 모두 해당되는 문제인 것 같습니다. 그래서 카테고리를 Tistory로 올리지만, FastBoot을 사용하시는 분들에게도 여전히 유효한 수정 방법입니다. MathJax에 대해서 간단히 소개해드리자면, 웹상에서 쉽게 수식을 넣지 못하는데(물론 티스토리는 자체 입력도구를 가지고 있긴 하지만 한번 입력하면 수정하기가 용이하지 않고 입력도 편하지는 않다고 봅니다) 이것을 해결해주는 플러그인입니다. 사이트 주소는 http://www.mathjax.org/demos/tex-samples/ 위 사이트 들어가보시면 어떤 플러그인인지 대충 감이 오실거라고 봅니다. 이 플러그인을 사용하려면 아래처럼.. 공감수 7 댓글수 9 2014. 10. 30.
  • 9월 초대장 배포 [10장] 9월도 끝나가네요~ 본격적인 가을이 오기 전인 10월 전에 9월 초대장 배포하려고 합니다. 간단하게 이메일과 운영하실 블로그 설명해주시면 추첨을 통해(?) 10분께 배포해드리도록 하겠습니다. 티스토리 블로그가 요즘들어 많이 변화하고 있는데 얼른 일조를 해야해야할 텐데 말이지요. 예전만큼 운영을 못하고 있네요. 이메일 주소는 보내드리기 전에 구글링 등으로 한번 검사를 할 예정이니 사용중이신 이메일로 부탁드리겠습니다! 스팸 근절을 위한 것이니 양해 부탁드립니다. 8월 배포이력 첨부합니다. :) 어느덧 배포가 86분께 되었네요.. ^^ 공감수 7 댓글수 33 2014. 9. 28.
  • 특정 창크기에서 특정요소 숨기기 (미디어쿼리 사용) 특정 창크기에서 요소 숨기기 기겸배님께서 문의주신 내용입니다. "근데 카테고리 오른쪽에 있는 애드센스의 경우 Readiz 님 블로그 처럼 화면을 줄이면 제대로 동작 하는거 같은데 문제는 화면을 줄이면 Readiz 님 블로그처럼 다음페이지로 넘기는 오른쪽에 큰 화살표가 없어져야 하는데 제 블로그에선 애드센스와 화살표가 겹쳐서 표시가 되네요 화면을 줄이면 화살표가 없어지게 하는건 어떻게 하는건가요?" 이를 구현하는 방법은 여러가지가 있겠지만 가장 간단한 방법은 미디어쿼리(media-query)를 이용하는 것입니다. 우선 특정 요소를 숨기기 위한 CSS코드는 다음처럼 사용될 것입니다. #outer_btn_right { display: none; } 여기에 이제 media-query를 사용해봅시다. 전체를 감싸.. 공감수 15 댓글수 2 2014. 8. 21.
  • 8월 초대장 배포 [10장] 8월 초대장 배포 안녕하세요? 오랜만에 다시 초대장 배포글로 포스팅을 시작합니다. 오랜만이라고 해도 1달여만인 것 같은데, 그동안 쌓인 질문도 있고 이 질문들부터 좀 답변 드리면서 포스팅 재개해야겠습니다. 근 2달간 인턴쉽으로 정말 바쁜나날을 보냈는데, 끝나고 나니 좀 허탈한 감도 있네요. 처음에는 블로깅과 인턴쉽 둘다 열심히 해야지했는데 출근 5시의 크리가 너무 컸어요. 초대장을 티스토리에서 또 받을 수 있을 줄 몰랐는데 그동안 활동한게 있어서 그런지 다행스럽게도 이번달까지는 주었네요. 이번달에 또 받으려면 지금부터라도 열심히 포스팅해야겠습니다. 초대장 10장은 이번에는 1줄 소개로 간단하게 배포하려고 합니다. 운영하실 목적이나 각오 등을 간단하게 메일주소와 함께 남겨주시면 오늘 중으로 선발해서 배포해.. 공감수 5 댓글수 66 2014. 8. 13.
  • 7월 초대장 배포 [10+a장] 아마 이번달에 포스팅하기가 힘든지라 이번달 이후로는 배포가 힘들수도 있겠네요. 아무튼 주말간에 배포하려고 오랜만에 다시 배포 포스팅을 합니다. 수령 요령은 뭐 달라지지 않았습니다. 1. 초대장을 받으실 E-mail2. 운영할 블로그에 관한 설명 * 비밀댓글로 혹시라도 지금이나 과거에 인터넷에서 활동한 이력이 있는(유투브 동영상 채널이라던지, 타사 (N사라던지)에서 운영중인 블로그라던지) 것을 보여주시면 거의 무조건 받으실 수 있습니다. 가급적 블로그를 인터넷 창고로 쓰시는 분들이 아닌 생산적으로 활동하실 분들이 운영했으면 좋겠다고 생각하기 때문입니다. 또한 작성해주신 이메일과 IP는 한번 개인적으로 확인해볼 예정이니 가급적 사용하시던 것으로 적어주시길 부탁드립니다. 사용이력이 없는 이메일로 적어주실 경우.. 공감수 1 댓글수 42 2014. 7. 12.
  • 6월 초대장 배포 [10장 + a] 이번달도 어김없이 초대장 배포합니다. 매달 하고 있지만 이번달에는 포스팅하기가 어려워서 다음달에는 끊기지 않을까 걱정이 되네요 ㅎㅎ.. 1. 초대장을 받으실 E-mail2. 운영할 블로그에 관한 설명 * 비밀댓글로 추가적으로 현재 인터넷에서 활동하고 있는(유투브 채널이라던지, 타사에서 운영중인 블로그라던지) 것을 보여주시면 거의 무조건 받으실 수 있습니다. 가급적 블로그를 인터넷 창고용이 아닌 활발히 활동하고 계신 분들이 운영했으면 좋겠다고 생각하기 때문입니다. 초대장을 요청하시는 분의 IP및 E-mail은 한번 체크할 예정이니 평소에 사용하시던 것으로 적어주세요. 사용이력 없는 이메일은 스팸성으로 간주하고 운영목적이 티스토리에 부합하여도 드리지 않을 수도 있습니다. 저번에 동일 IP로 다른 닉네임인척 .. 공감수 0 댓글수 73 2014. 6. 7.
  • 티스토리 블로그 메인화면을 /category로 리다이렉트 시키기 간단한 것인데요. 질문하신 분이 계셔서 포스팅합니다. 메인으로 들어오는 이용자들을 /category 혹은 다른 경로로 이동하게 하는 코드입니다. 티에디션도 싫고 메인으로 접속하는 사람들에게 그냥 최근글만 간단하게 보여주고 싶다 하시는 분들께 유용할 것 같네요. skin.html의 안쪽에다가 아래 코드를 넣으세요. /* Main Page Redirect by Readiz */ var urlAddr = decodeURIComponent(location.href);urlAddr = urlAddr.replace('http://','').replace('https://','');urlAddr = urlAddr.split('#')[0]; urlAddr = urlAddr.split('?')[0]; var url = .. 공감수 38 댓글수 45 2014. 5. 31.
  • 비동기 애드센스 최적화 삽입 간단한 포스팅입니다. 요지는 이것입니다. 비동기애드센스를 페이지에 여러개 넣을 때, 중복되는 script가 들어가므로 이걸 최소화 시키고, 확실하게 스크립트를 나중에 실행시키도록 해서 페이지 로딩에 지장을 안주게 하자는 것입니다. 원래 애드센스 구조는 아래처럼 되어 있습니다. (adsbygoogle = window.adsbygoogle || []).push({}); 애드센스 광고를 비동기로 3개 쓴다 하면, 스크립트가 중복됩니다. 또한 물론 script에 async가 붙어 있긴 하지만, 확실하게 나중에 로딩시키는 방법은 페이지의 끝부분에 가서 스크립트를 로딩시키는 것입니다. 따라서 광고를 출력하고자 하는 부분에는 태그만 넣어두고, 스크립트 부분을 제거한 뒤 페이지 끝부분에서 광고를 일괄적으로 넣도록 하면.. 공감수 9 댓글수 23 2014. 5. 13.
  • 100,000 Hits / 6개월 기념 블로그 통계 100,000 Hits! 티스토리를 오래 운영하신 다른 분들에 비하면 얼마 안되는 수치라서 별 것 아닐 수도 있지만.. 6개월만에 드디어 10만 히트가 넘었습니다. PV(페이지뷰)는 진작에 넘었지만, 티스토리 카운터는 이제야 넘었네요. 페이지뷰(PV) 페이지뷰 수를 보면 확실히 아직은 블로그가 성장기임에는 틀림 없지만, 곧 정체기로 접어들 것 같습니다. 다른 말로 해석하면 이제 올만한 분들은 다 왔다.. 이런 의미로도 쓰일 수 있으려나요. 제 블로그의 대부분의 내용은 티스토리 블로그와 관련이 있죠. 확실히 티스토리라는 풀이 그렇게 크지는 않은 것 같습니다. (의미없는) 티스토리 카운터 티스토리 카운터는 저번달부터 정체기네요. 애초에 제 블로그가 흔한 네이버 포기 블로그여서 그런듯 합니다. 네이버 유입은 .. 공감수 0 댓글수 16 2014. 5. 11.
  • 5월 초대장 배포 [10+a장] 5월 초대장 배포합니다. 제 초대로 티스토리 가입하신 분들도 이제 40분이 넘었네요.. 1. E-mail2. 운영할 블로그3. (있다면) 전에 운영하던 블로그 3번을 적어주시면 받으실 확률이 더 올라갈 겁니다. 세항목(혹은 두항목)을 비밀댓글로 남겨주세요. 가급적 받고 운영 안하실 분들에게는 드리지 않으려고 합니다. IP및 E-mail은 한번 체크할 예정이니 평소에 사용하시던 것으로 적어주세요. 사용이력 없는 이메일은 스팸성으로 간주하고 운영목적이 티스토리에 부합하여도 드리지 않는 수도 있습니다. 저번에 동일 IP로 다른 닉네임인척 신청하시던 분 계시던데 다 걸러내니까 제 블로그에서는 한번만 신청해주세요. 티스토리 초대장 왜이리 받기 힘드냐고 하시는 분들께.. 저는 지인의 도움으로 가입하였습니다만, 간혹.. 공감수 0 댓글수 40 2014. 5. 10.
  • 본문 하단 다른글 보기 좌측에 애드센스 넣는 법 본문 하단 좌측 애드센스 삽입 벌써 세번째네요. 애드센스 관련 질문이 많아 이번에 정리하고 가려고 아예 작정하고 세번째 포스팅을 합니다. 이번에는 많은 분들이 물어보시는 다른글 더보기 좌측에 광고를 삽입하는 방법인데요, 이것이야말로 JS를 사용하지 않으면 답이 없습니다. CSS를 쓰거나 기타 반응형 광고단위를 사용하신다 하더라도, 티스토리에서 애드센스 광고를 넣을 수 있는 방법은 [$$_article_rep_desc_$$]의 상단이나 하단에 넣는 것이기 때문이죠. 본문 사이에 일반적인 방법으로 광고를 삽입하는 것은 자바스크립트를 제외하면 불가능합니다. 그래서 특히 이 부분에 대해 궁금해하시는 분들이 많은 것 같습니다. 일단 시작하기 전에, 이 방법은 Bootstrap 기반 스킨에서만 유효합니다. clas.. 공감수 8 댓글수 49 2014. 4. 22.
  • 반응형 스킨 본문 우측 상단(PC) / 본문 상단(모바일) 애드센스 넣는 법 반응형 애드센스 안쓰고 애드센스 넣어보자! - 2 사실 애드센스 관련 강좌는 다른 블로그에서도 많이 다뤄지고 있는 것이라서 피하려고 했지만, 여쭤보시는 분들이 많아서 한 2~3편 정도로 계속 쓰게 될 것 같습니다. 우선 오늘은 제 블로그에서 사용중인 본문 상단 우측 광고의 삽입에 대해 알아보도록 합시다. 물론 반응형이라는 전제 하에서 쓰는 것이고, 구글에서는 모바일 상단에 큰 직사각형의 광고를 허용하지 않고 있으므로 반응형 디자인에서 모바일의 경우 이 큰 광고를 배제시킬 방법도 강구해야 합니다. 아래 스크린샷을 보고 시작합시다. PC(336 * 280px) Mobile(200 * 200px) 시작하기 전에 저번 강좌를 한번 보고 오시는 것도 도움이 될 것입니다. 저번 강좌에서 추가적인 내용만을 다룰 것이.. 공감수 20 댓글수 39 2014. 4. 21.
  • 반응형 애드센스 안쓰고 원하는 애드센스 노출시키기 Make Responsive Adsense! 특히나 반응형 스킨에서 이슈가 되는 문제일 것입니다. 구글 애드센스의 반응형 광고 단위는 문제가 많습니다. 물론 잘 다루는 분들은 관계가 없지만, 일단은 어렵습니다. 원하는 형태로의 변형이 쉽지 않죠.. 또한 반응형 광고 단위는 광고 크기를 수정하는 것일 뿐, 광고가 나오는 위치를 조절할 수 있는 것은 아닙니다. CSS를 조합하여 사용하면 위치도 데스크탑에서 우측, 모바일에서 중앙 이런 정도는 지정이 가능하지만 아예 다른 광고를 노출시킬 수는 없다는 것이 문제죠. 무조건 반응형 애드센스만 사용해야 합니다. 하지만 창크기를 감지하여 애드센스를 삽입하는 코드를 사용한다면 이런 문제에서 벗어날 수 있습니다. 제 블로그를 예시로 보여드리면서 코드를 한번 보도록 하겠습.. 공감수 8 댓글수 33 2014. 4. 19.
  • 마크쿼리 스킨 티에디션 꾸미기 - 1 마크쿼리 스킨에 Fast TSilde v0.1 넣기 Fast TSlide는 반응형 스킨 티에디션에서 작동하도록 디자인 된 슬라이드쇼 형식의 티에디션 요소입니다. 반응형 스킨에 알맞는 티에디션 요소가 없어서 제작하게 되었습니다. 모습은 하단과 같습니다. 본 블로그에서 예제확인 가능합니다. 이에관한 자세한 사항은 아래 링크를 통해 우선 알아보세요. Fast TSlide v0.1 http://blog.readiz.com/197 이 글에서는 마크쿼리 스킨으로 알려진 Ungki, H님이 제작한 스킨에서 반응형 티에디션 요소인 Fast TSlide를 삽입하는 방법에 대해 알아보겠습니다. 몇몇 분들이 Fast TSlide를 마크쿼리 스킨에 적용하는 법을 여쭤보셔서 포스팅합니다. 기본 적용법은 위 링크를 타고 들어가시.. 공감수 2 댓글수 11 2014. 4. 13.
  • 반응형 스킨용 티에디션 요소 - Fast TSlide v0.1 Fast TSlide v0.1 for Tistory T-Edition Fast TSlide는 반응형 스킨(혹은 아니라도)을 위한 슬라이드쇼 티에디션 요소입니다. 전부터 반응형 스킨에 티에디션을 꾸미는 강좌를 하고 있었는데, 이에 관련하여 Masonry 말고 다른 요소도 추가시켜보겠다고 했었는데 드디어 공개합니다. Responsive Slideshow라는 오픈소스를 티에디션에 맞게 수정한 것이며, 반응형 스킨에서 그동안 티에디션이 Masonry만 사용해서 좀 단조웠는데, 이것을 보완하기 위해 제작하였습니다. 우선은 FastBoot 스킨을 사용하고 계시면 아래 코드를 바로 삽입하여 적용 가능합니다. 다른 스킨을 사용하시더라도 Fontawesome과 jQuery를 사용중이시라면 문제없이 적용될 것으로 보입니다.. 공감수 5 댓글수 38 2014. 4. 11.
  • 상단바 드롭다운 메뉴 넣기 (Bootstrap기반 스킨) 이 포스팅은 FastBoot을 포함한 Bootstrap 기반 스킨 모두에 적용됩니다. Bootstrap기반 티스토리 스킨 상단바 드롭다운 메뉴 넣기 예전부터 연재하려던 주제인데.. 이번에 제 스킨을 설치하신 분 중 깔끔하게 사용하시는 분이 계셔서 한번 포스팅을 해보게 되었습니다. ^^ Qyuoo님 블로그(http://qyuoo.tistory.com/)+ Onasaju님도 드롭다운 메뉴를 쓰고 계십니다. (http://onasaju.tistory.com/) 두 분 다 저보다 깔끔하게 쓰고 계시더군요.. ㅋㅋ FastBoot은 기본적으로는 상단바에 카테고리를 지원하지 않습니다. 왜냐하면 처음 사용하시는 분들이 사용하기에 그리 커스텀하기 쉬운 요소가 아니라고 판단했기 때문이구요.. 그 대신 1.5.1버전부터 .. 공감수 3 댓글수 18 2014. 4. 8.
  • 댓글 쓰기와 댓글 읽기 순서 바꾸는 방법 본 내용은 FastBoot v1.5.1이하 전버전과 특히 관련이 있습니다. 댓글 쓰기와 댓글 보기, 순서 바꾸는 방법 Cooltime님이 질문주신 내용인데 간단한 내용이라 포스팅 해봅니다. 아마 바꾸기를 원하셨던 분들이 더 있는 것 같아요. 일단 내용은 FastBoot스킨에 맞춰져 있는데, 댓글 쓰기와 읽기의 순서가 다른 다른 스킨에서도 마찬가지 방법으로 적용이 가능합니다. skin.html을 수정하면 됩니다. 아래 코드인데요, 딱 보시면 감이 오시지 않나요? ^^; 댓글 읽기, 댓글 쓰기 두개 순서를 바꾸면 됩니다. 현재 스크린샷에 나온 모습은 지금 코드를 접어놓은 상태이고, 실제로는 접어놓은 부분 사이에 코드들이 많아 구조를 모르시면 복잡해서 못찾으셨을 거에요. 아무튼 아래처럼 바꾸면 됩니다. 그러면.. 공감수 2 댓글수 43 2014. 4. 7.
  • [마감] Readiz가 4월 초대장 빠르게 드립니다. 언제나 저는 월초에 초대장 나눔을 하고 있습니다. :) 댓글 남기신 분들 글 꼼꼼히 읽어보고 드릴 겁니다. 오히려 저번에 자세한 조건을 내걸었더니 아예 덧글조차 안남기시더라구요. 특별한 조건은 없습니다. 그냥 어필만 잘하시면 돼요. 10장 배포 계획중입니다. 그러나 역시 저번달처럼 여의치 않으면 다 안할 수도 있습니다.. 티스토리는 다양한 방법으로 활용할 수 있는데, 거의 대부분의 분들이 그저 창고로 쓰시는 건 참 안타깝습니다. 분명 주제를 가지고 글을 꾸준히 쓸 수 있고, 쓰다보면 늘기 마련이라서 참 좋다고 생각하거든요.. 저도 뭐 일상이 없는 것도 아니고, 짬내서 글쓰고, 모바일로 피드백 하고 이러면서 하고 있는데 충분히 할만합니다. 아직까지 국내에서 공짜로 이렇게 무한대의 자유도를 가진 서비스는 없.. 공감수 0 댓글수 15 2014. 4. 2.
  • 반응형 스킨에 대한 오해 1 - 방문자 수가 줄어든다? 반응형 스킨에 대한 오해 1 - 방문자 수가 줄어든다? 몇몇 분들께서 반응형 스킨을 적용한 이후 방문자 수가 줄어들었다고 하십니다. 하나는 분명합니다. 티스토리 카운터가 줄어든다는 것이죠. 그런데 실제 방문자도 줄어들었을까요? 제가 제 스킨을 적용하신 여러 분들의 블로그를 살펴본 결과, 이 점은 티스토리에서 카운터 오류가 난다고 밖에 설명이 되지 않는 부분이 아닌가 싶습니다. 정확한 집계는 Google Analytics를 사용하여 할 수 있는데, serika님이 이에 관해서 분석하시고 올린 글이 있습니다. http://serika.kr/3335 제 블로그는 실 유입자가 그다지 많지 않아 정확한 자료가 되기 어려워 serika님의 자료를 인용해 글을 작성합니다. 우선 통계가 어떤 식으로 잡히는지 살펴보면,.. 공감수 19 댓글수 19 2014. 3. 29.
  • RSS Feed 이용, 최근글 목록에 이미지 넣기 RSS Feed 이용, 최근글 목록에 이미지 넣기 저번 글에 FastBoot v1.4는 최근글 목록 이미지를 Ajax로 긁어오고 있다고 했고, 이것이 고민이라고 했었는데요. 2014/03/24 - [연재/Tistory] - 갤러리형 스킨 구현, 그 구현 후에 이어지는 고민 이 글에서 밝혔던 Ajax를 사용하지 않는 마크쿼리 스킨 제작자이신 Ungki, H님이 사용하고 있는 방식은 최근글 목록을 통째로 RSS Feed에서 가져오는 방식이었는데, 저는 이것을 좀 바꿔 생각해서 이미지 목록을 가져온 다음, 최근글 목록에 일치하는 이미지로 덮어쓰는 방법을 구현해보았습니다. 이렇게 하면 코멘트수도 사라지지 않고 그대로 노출되며, 발행하지 않은 글의 목록 역시 사라지지 않고 그대로 보입니다. 간단한 XML Pars.. 공감수 9 댓글수 7 2014. 3. 26.
  • 갤러리형 스킨 구현, 그 구현 후에 이어지는 고민 갤러리형 스킨 구현, 그 구현 후에 이어지는 고민 티스토리가 자유도가 크게 높아 선호는 서비스이지만 항상 2%가 부족하다고 느껴지는 부분이 두가지 있습니다. 하나는 바로 갤러리형 스킨 구현에 관한 문제입니다. 또다른 한가지 문제는 해가 흐르고 흘러 이제 Mobile First라는 단어가 생길 정도로 모바일 기기에 대한 관심도도 높아지고 있는데 이에대한 대응이 완벽하지 못하다는게 제 생각입니다. 오늘은 이 두가지 중에 첫번째에 대해 이야기 해보고자 합니다. 현재 티스토리 스킨 중 갤러리형 스킨이라고 나와있는 스킨들은 구현방식이 하나로 통일될 수밖에 없습니다. Ajax로 요청을 보내는 것인데, 간단히 기술적인 배경지식이 없는 분들을 소개를 하자면.. Ajax 요청이란? $.ajax({ url:i, dataT.. 공감수 5 댓글수 16 2014. 3. 24.
  • 상대방 댓글 때문에 악성코드 감지되었을 때 해결법 티스토리 블로그 상대방 댓글 때문에 악성코드 감지되었을 때 해결법 별다른 외부 플러그인을 사용하지 않는데도 특정 포스트에서 상대방의 댓글 때문에 티스토리 포스팅이 보이지 않으시는 분들이 있으신걸로 알고 있는데, 이런 문제가 되는 분들의 댓글을 다 삭제하자니 좀 그렇죠. 거기다가 앞으로 댓글을 다실 분들까지 모니터링을 할 수는 없는 노릇이고.. 가장 간단한 해결책은 티스토리 플러그인 중 아래 플러그인들을 사용 중지하는 것입니다. 이 두가지 플러그인은 상대방 블로그에서 index.gif 혹은 favicon.ico파일을 불러오기 때문에, 크롬에서 외부서버에서 코드를 삽입하는 것으로 인식을 합니다. 따라서 자신의 블로그에 문제가 있는 것과 상관없이 상대방 블로그에 문제가 있을 경우 그 상대방이 자신의 블로그에 .. 공감수 0 댓글수 11 2014. 3. 22.
  • 반응형 스킨에서 티에디션도 반응형으로 만들기 - 4 반응형 스킨에서 티에디션도 반응형으로 만들기 - 4 비교적 오랜만에 돌아온 시리즈물입니다. ^^ 이번 시간에는 이번에 배포한 FastBoot v1.4처럼 우측 상단에 빨간색 배찌로 코멘트수를 보여주는 형태의 티에디션으로 하는 것을 설명해드리려고 합니다. 저번에 반응형으로 하기 2편에서 사실 제가 자세한 설명은 해드리지 않았었는데, 이번에는 코드에 대한 설명을 조금 하면서 새로 바뀐 버전을 어떻게 적용하는지 설명해드리겠습니다. 본 반응형 티에디션 적용은 FastBoot 스킨이나 마크쿼리님의 스켈레톤 스킨을 쓰시는 분들 모두 적용 가능하십니다. Bootstrap을 사용하고 있는 스킨이라면 문제없이 적용됩니다. 일단, 저 맨 위쪽에 Responsive Tistory라고 쓰여진 회색바를 궁금해하시는 분들이 많이.. 공감수 5 댓글수 23 2014. 3. 20.
  • 블로그 폰트 설정에 관하여 블로그 폰트 설정, 어떻게 해야 할까? FastBoot에만 국한된 이야기도 아니고, 티스토리 블로그에서 한 번쯤은 생각해보게 되는 폰트설정에 관한 이야기를 해보려고 합니다. 2014/01/13 - [Web/Programming/Design] - [CSS] 웹폰트 로딩중에도 본문 나오게 하기2014/02/22 - [Web/Programming/Design] - [폰트] 구글 Fonts이용, 영문 웹폰트 적용시키기 위 글에 관심이 있으시면 한번 보셔도 좋을 것 같습니다. 블로그에 웹폰트를 적용시키는법을 다룬 포스팅들입니다. 지금 이야기 하려는 것과 밀접한 관련이 있습니다. 1. 웹에서 기본폰트를 제외한 폰트사용, 괜찮은가? 웹에서 폰트적용을 하는 것은 매우 Critical한 문제가 있습니다. 당연한 것이지만.. 공감수 3 댓글수 9 2014. 3. 19.
  • 티스토리 에디터에서 넣을 수 있는 요소들 FastBoot스킨 .article 부분 수정 테스트차 포스팅합니다. 티스토리 블로그 스킨 제작을 위해서는 .article 안의 요소들도 무시할 수 없는 법인데, 그 요소들이 아래에 있습니다. 실제 적용되는 HTML요소들이 어떤 것들인지 한번 알아봅시다. 더 나아가 반응형에 부적합한 요소들이 무엇이 있는지도 살펴봅시다. 글꼴 조절 크기 조절 굵게 밑줄 기울임 취소선 글색상 글배경색상 왼쪽정렬 가운데정렬 오른족정렬 양쪽정렬 들여쓰기 내어쓰기 줄간격목록목록2목록3목록4목록5 마이피플스티커 이모티콘 URL(링크) 특수문자☎ 테이블, 폭 지정 되어 있어 반응형으로 하기 곤란 레이아웃 역시 전체 폭이 고정되어 있어서 반응형으로 하기 곤란하다. 색있는 박스인용구더보기(작성시 태그 아님, 작성 후 태그 적용) 구분선.. 공감수 3 댓글수 9 2014. 3. 16.
  • 반응형 스킨에서 티에디션도 반응형으로 만들기 - 3 왜 내 티에디션이 꼬이는걸까!? 티스토리 블로그 티에디션을 반응형으로 만드는 세번째 시간입니다. 이번 시간에는 저번 시간에 포스팅한 내용을 조금 더 심도있게, 흔히들 적용과정에서 실수하시는 부분에 대해 알려드리려고 합니다. 이 포스팅을 하게 된 이유는 아래 사진을 보시면 알 수 있는데요, 제 강의를 보시고 직접 티에디션을 적용하신 분입니다. Masonry 플러그인을 사용하면 가끔 이렇게 겹쳐나오는 모습을 볼 수 있는데, 물론 기본적으로 저번시간에 포스팅했던 요소를 한번만 쓰면 문제가 없습니다. 이 티에디션을 적용하신 분께서는 이 요소를 여러번 반복해서 사용하셨습니다. 여러번 사용하게 되면 각 요소에 대해 Masonry는 '초기화'를 시켜주어야 합니다. 기본적으로 맨 첫번째 요소는 제가 초기화가 되도록 코.. 공감수 5 댓글수 17 2014. 3. 13.
  • 티스토리 사이드바 화면출력 글자 수 40개보다 크게 하기 티스토리 블로그 사이드바 화면출력 글자 수 40개보다 크게 하기 아실만한 분들은 다 아시겠지만 최근글이라던지, 티스토리 블로그에서 최대 글자수로 제한하고 있는 글자 수는 40글자입니다. 하지만 애매한 글자수라는 것이 제 생각이고, 실제로 이와 관련해 티스토리 블로그 포럼에 질문하시는 분도 계시더군요. 근본적으로 위 설정은 DB에서 긁어오는 것을 제한하는 것이기 때문에 클라이언트단인 Front-end 부분을 손대는 스킨 수정에서는 조절할 수 없죠. 하지만 index.xml을 수정하면 수정이 가능합니다. 무슨말이냐면.. FastBoot 1.3 Readiz http://readiz.com readiz@readiz.com 15 5 5 10 30 3 1 0 100 100 100 100 40 0 0 Trackbac.. 공감수 2 댓글수 0 2014. 3. 7.
  • 반응형 스킨에서 티에디션도 반응형으로 만들기 - 2 반응형 스킨에서 티에디션도 반응형으로 만들기 - 2 전편 참고2014/02/28 - [ETC/Tistory] - 반응형 스킨에서 티에디션도 반응형으로 만들기 - 1 두번째 시간입니다. 티스토리 블로그에는 티에디션이라는 기능이 있는데 이 페이지를 반응형으로 바꿔볼 것입니다. 저번 시간에 배운것보다 더 멋진 방법으로 말이죠. 이번에는 좀 더 난이도가 어려운 수정이지만 보기에는 첫 시간에 했던 것보다 훨씬 좋은 Masonry라는 JS 플러그인을 활용할 겁니다. 반응형이 어떻게 동작하는지 동작영상을 이번에는 한번 찍어보았습니다. 영상으로 찍으니 렉이 좀 있는데 실제로는 조금 더 부드럽다고 보시면 됩니다. 실제 확인은 http://fastboot.tistory.com/http://blog.readiz.com/ 에.. 공감수 8 댓글수 26 2014. 3. 5.
  • 반응형 스킨 네비게이션 바 색상 변경하는 방법 Tistory Blog 반응형 스킨에서 상단바 색상 변경하는 방법 세리카님이 질문하신 내용입니다. 별로 어려운 내용은 아닙니다만 CSS를 손대지 못하신다면 어디를 고쳐야 하는지 혼란스러울 수밖에 없겠죠. 여기서 소개할 변경법은 FastBoot 스킨 뿐만 아니라 스켈레톤 스킨이라던지, 상단에 네비게이션 바가 위치한 반응형 스킨(혹은 Bootstrap을 사용한 스킨) 등에서 모두 사용 가능한 방법입니다. 부트스트랩 네이게이션(Nav)를 커스터마이징 하는 방법이 될 수 있겠네요. 역시 이것이 가능한 이유는 티스토리 블로그의 확장성 때문일텐데요. 방법을 알아봅시다. 기본 FastBoot 블로그 스킨입니다. 크롬 개발자도구 (F12)를 활용하여 어디를 수정해야 색이 바뀌는지 알아봅시다. 상단 네비게이션 바(nav.. 공감수 1 댓글수 22 2014. 3. 4.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.