본문 바로가기

블로그

 (16)
티스토리 반응형 스킨 표 사이즈 최적화 티스토리 에디터에서는 표를 지원하는데, 반응형 스킨에서는 이 표의 사이즈가 잘리는 경우가 많다. 왜냐하면, 반응형 스킨은 창의 크기에 맞춰서 글의 가로폭이 변하는데, 티스토리에서 제공하는 표를 그대로 사용한다면 가로폭이 일정한 상태이기 때문이다. 오늘은 티스토리 반응형 스킨에서 표 사이즈를 어떻게 하면 최적화할 수 있는지 알아보겠다. 반응형 스킨에서 표 사이즈 문제 아래 그림은 표 사이즈를 확인하기 위한 테스트 포스팅이다. 티스토리 에디터에서 표를 만들어보았다. 그림과 같이 3X5 크기의 행렬을 만들었다. PC 크기의 가로폭에서는 위와 같이 별 문제 없이 표가 제대로 나오는 것을 확인하였다. 그런데 이걸 모바일에서 보면 얘기가 달라진다. 위와 같이 모바일에서 볼 경우에는 표의 3번째 열부터 잘려서 보이지..
애드센스 상단 반응형광고 2개 설치방법 필자가 쓰는 티스토리 스킨은 반응형스킨인 Fastboot 1.6.2 버전이다. 과거의 티스토리 스킨은 PC형과 모바일형으로 분리된 페이지를 사용했기 때문에, PC형에서 336X280 컨텐츠광고를 나란히 2개를 배치해도 별 문제가 없었다. 하지만 반응형스킨에 336X280 컨텐츠광고를 나란히 2개를 놓을 경우, 모바일 기기에서는 광고가 짤려서 애드센스 정책위반에 걸릴 수도 있다. 오늘은 반응형 스킨에서 정책위반 없이 애드센스 광고를 2개 설치하는 방법에 대해 자세히 알아보도록 하자! 원하는 형태의 광고 구상하기 애드센스를 해보신 분이라면 잘 아시겠지만, 336X280 광고가 320X250보다 클릭률이 높다. 이는 336X280 광고가 사이즈가 더 크기 때문인데, 안타까운건 336X280 크기는 모바일에서는..
Fastboot 스킨 모바일메뉴 오류 해결 최근 티스토리가 아주 대대적인 업데이트를 시행했다. 처음에는 익숙하지 않았으나, 이제 차츰 적응이 되어가고 있는 중이다. 그런데, 업데이트 이후 필자의 블로그를 들어가보니, 모바일 메뉴가 먹통이 된것이 아닌가?! 그러고보니 PC 스킨에서도 왼쪽의 메뉴 아이콘이 먹통이 된 것도 확인했다. 아마 다른 Fastboot 스킨 이용자분들께서도 같은 증상이실 것이라고 생각이 든다. 오늘은 이 Fastboot 스킨의 모바일메뉴와 PC메뉴의 오류를 해결하는 방법을 알아보았다. 현재 모바일메뉴 오류사항 현재 PC버전 스킨에서는 왼쪽의 화살표 메뉴가 클릭해도 반응하지 않는 오류가 발생하고 있다. 사실 PC버전은 오른쪽에 카테고리 메뉴가 바로 있기 때문에 이 기능이 크게 상관은 없다. 그러나 문제는.. 바로 이 모바일버전에..
Fastboot 스킨 상단바 타이틀 이미지로 꾸미기 Fastboot을 쓰면서 가장 바꾸고 싶었던게 바로 상단바 타이틀이었다. 타 Fastboot을 사용하는 고수 블로거분들을 보면.. 하나같이 상단바를 이쁘게 꾸며놓으셨더라.. 필자는 html이나 CSS 코드를 잘 다루지는 못하기 때문에, 발품을 팔면서 스킨 상단바 이미지를 바꾸는 방법을 터득했다. 오늘은 Fastboot 스킨 상단바 이미지 꾸미기 방법에 대해 자세히 알아보겠다. 상단바 이미지 꾸미기 일단, 기본 Fastboot의 상단바 타이틀화면은 다음과 같다. 이 스킨을 사용하는 유저분들도 아래 그림과 같을 것이라고 생각된다. 상단바 이미지를 꾸미기 위해 가장 먼저 할일은, 상단바 이미지를 제작하여, 제작한 파일을 스킨에 업로드하는 것이다. 이 파일은 필자의 블로그 상단바 이미지이다. 1920×100 크..
티스토리 8월 개편(업데이트) 완벽분석 오랫동안 다음은 티스토리에 대한 관리를 거의 하지 않았었다.. 백업 기능도 사라지고, 업데이트도 하지 않고.. 일부 티스토리 사용자들은 '카카오가 수익성이 없는 티스토리를 버리려는건가..?' 라고 생각하셨을 수도 있겠다. 그러나 티스토리에서는 당분간은 그런 걱정을 날려버릴 대대적인 업데이트를 준비중이라고 하는데.. 어떤 기능이 개편될지 한번 정리해보려고 한다. 아, 참고로 인터넷 익스플로러 10 미만의 버전을 사용하고 있다면, 미리 업데이트를 하시는게 좋을 듯 하다. 공식 블로그에서는 이번 업데이트 이후에는 IE 10 미만 버전은 제대로 작동하지 않을 수 있다고 하니, 업데이트를 하거나 크롬, 파이어폭스, 오페라, 사파리 등의 다른 브라우저 사용을 권장하고 있다. 관리센터를 계정관리와 블로그관리로 분리 ..
Fastboot 1.6.2 스킨 갤러리형 목록 리스트로 수정 방법 Fastboot 스킨을 사용한다면, 글목록 화면이 아래와 같이 갤러리형일 것이다. 기본값이 갤러리형으로 지정되어있기 때문인데, 이 기본값을 숫자 하나만으로 리스트형 혹은 심플타이틀형으로 손쉽게 바꿀 수 있다. Fastboot 스킨의 3가지 목록 기본적으로 Fastboot 1.6.2 버전에서는 3가지 형태로 목록을 볼 수 있다. 3가지 형태의 목록을 다 캡쳐해보았다. 기본형(default 값)은 갤러리형이다. 방문자가 우측 상단에 갤러리형, 리스트형, 타이틀형을 클릭하여 보기 편하게 변경할 수 있지만, 기본형이 갤러리형이기 때문에 필자의 블로그를 재방문하게 되면 다시 갤러리형으로 초기화가 된다. 즉, 기본값을 변경하지 않는 한 매번 번거롭게 목록변경을 해줘야 한다는 뜻이다. 이를 해결하기 위해서는 블로그 ..
티스토리 스킨 Fastboot 1.6.2 설치방법 알아보기 티스토리는 네이버 블로그와는 달리 스킨에 대한 자유도가 매우 높다. html과 CSS를 사용자가 조작할 수 있기 때문인데, 그로 인해 프로그램 언어를 잘 다룰줄 아는 블로거들은 자신만의 유니크한 블로그 스킨을 만들어 사용하곤 한다. 그러나 고마운 몇몇 블로거들께서 본인이 만든 스킨을 오픈소스로 공개하는 경우도 있다. 이말은 즉, 나같이 프로그램 언어를 모르는 사람들도 이쁜 스킨을 가질 수 있다는 뜻..! (이자리를 빌어 Fastboot 스킨을 만들고 무료로 배포해주신 Readiz님께 감사를 드립니다.) 언어를 모른다면 스킨을 만들기가 매우 힘들지만, 의외로 만들어진 스킨을 조금씩 수정해서 사용하는건 그렇게 어렵지 않다. 설치하는 것 또한 마찬가지로 매우 간단하다. 오늘은 무료 반응형 스킨중 가장 인기있다..
티스토리 네이버 웹마스터도구 등록 방법 티스토리는 다음 블로그입니다. 그래서인지 열심히 포스팅을 해도 네이버에는 잘 노출이 되지 않더라구요. 네이버가 내 블로그 포스팅을 잘 가져가게 하기 위해서는 네이버 웹마스터도구에 등록하면 됩니다. 네이버 봇이 내 블로그의 포스팅을 수집해가는걸 순조롭게 하기 위함이라고 생각하시면 되겠습니다. 네이버 웹마스터도구 등록 방법 관련 링크 : 네이버 웹마스터도구(http://webmastertool.naver.com) 홈페이지 해당 사이트에 들어가면 아래와 같은 화면이 나옵니다. 저는 이미 다른 블로그를 하나 등록해놓긴 했는데요 ㅎㅎ 이 블로그는 아직 등록을 안해놓았어요. 사이트 추가를 눌러볼게요. 여러분의 블로그 주소를 적으신다음 확인을 눌러봅니다. 사이트 소유확인을 위해 한가지 절차를 거치게 됩니다. 2가지 ..

티스토리툴바