[stamp 3.0] 애드센스를 사용하지 않을 경우 해야 할 수정
stamp 3.0 부터 skin.html 파일에 애드센스 코드가 미리 입력돼있습니다. 애드센스를 사용하는 분들이라면 광고 단위 정보만 추가해서 사용하면 되는데, 사용하지 않는 분들은 본문 상단과 하단에 애드센스 광고 크기 만큼의 여백이 생기게됩니다. 이번 가이드는 애드센스를 사용하지 않는 분들을 위해 관련 코드의 제거 방법을 알려드리겠습니다. skin.html 파일 편집 201 ~ 211번째 줄을 보면 다음 소스가 있습니다. 통채로 제거해주세요. 그 밑을 보면 이 소스가 있습니다. 마찬가지로 지워주세요. style.css 파일 편집 ※ 이 부분은 그냥 놔둬도 상관없습니다. * adsense 를 검색하면 다음 소스가 나옵니다. /* * adsense */ #content .adsense_top { marg..
티스토리/stamp 2016. 1. 6. 02:35
[stamp 3.0] 새로 추가된 스킨위자드 기능 안내
stamp 스킨이 3.0으로 버전업 되면서 스킨위자드에 새로운 기능이 추가됐습니다. 사이드바 크기를 조절하는 기능인데요, 스킨에 적용된 기능은 사이드바 크기를 조절하지만, 스킨위자드에서 설정하려면 글영역 넓이를 수정해야합니다. 넓이는 적용값 - 80 입니다. 즉 스킨위자드에서 글영역 넓이를 400으로 지정하면 실제 적용 사이드바 넓이는 320이 됩니다. (450 설정 시 370, 500 설정 시 420) 최소 넓이인 320px 을 맞추기 위해 이렇게 설정했습니다. 설정 시 발생하는 오류 스킨위자드에서 넓이 변경시 본문 크기가 줄어드는 버그가 있습니다. 이는 스킨위자드 에서만 발생하는 오류이며 실제 블로그엔 아무런 영향이 없으니 걱정 안하셔도 됩니다. :) 질문 답변 Q. 사이드바 크기를 늘리면 모바일에서..
티스토리/stamp 2016. 1. 4. 13:54
[stamp 3.0] 애드센스 설정 안내
광고 단위 추가 전 안내 stamp 3.0부터 애드센스 위치를 미리 잡아놓고 코드를 짜놨습니다. 광고가 출력되는 위치는 "본문 상단", "본문 하단", "사이드바" 입니다. 구글 애드센스 정책상 한 화면에 광고는 최대 3개까지만 출력해야 합니다. 반응형 코드 관련해서도 포럼에 질문을 남겨놨는데 답글이 안달리네요. 따로 메일을 보낼 수도 없었습니다. 매주 25달러 이상 버는 사람만 이메일로 문의가 가능하더군요. 계정만 있는 저로썬 이메일 문의는 사실상 불가능했습니다. 그래서 애드센스 도움말에 적힌 반응형 광고 코드 수정방법에 적힌 코드를 살짝만 손봐서 사용했습니다. 미디어 쿼리를 지원하지 않는 IE8에선 상단 광고가 300x50 크기로 보이고, 하단 광고는 300x250 크기로 보입니다. 사이드바는 특정 ..
티스토리/stamp 2016. 1. 4. 01:20
[stamp 3.0] 스킨 옵션 설정 방법과 미리보기
앨범형 목록 stamp 스킨이 3.0으로 버전업 되면서 목록이 두 가지로 굳었습니다. 기본인 웹진 형식과, 앨범형 목록입니다. 앨범형 목록은 imagesloaded 라는 플러그인이 우선 실행되어 썸네일 로딩을 기다립니다. (Safari 브라우저 버그로 인해 추가 : 윤민호님 제보 감사합니다) 썸네일 로딩이 완료되면 Masonry 라는 플러그인이 사용되어 자동 정렬되며, 가로 최대 개수는 3개입니다. ※ 블로그 초기 화면은 앨범으로 나오고, 가장 최근 작성한 글이 두 칸을 차지합니다. 사용법 좌측 사이드바 본문 우측에 있는 사이드바를 좌측으로 옮길 수 있습니다. 옵션 적용 시 모바일에서도 사이드바가 좌측에서 나옵니다. 사용법 새 글 작성시 나오는 N 글자 변경 티스토리는 새 글 작성시 사이드바 카테고리 위..
티스토리/stamp 2016. 1. 3. 22:57
[stamp] 글 목록을 웹진 또는 앨범으로 변경하는 방법
※ 이 가이드는 stamp 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다. 2.0 버전부터 stamp 스킨의 글 목록 디자인이 새로 추가되었습니다. 앨범형과 웹진형이 추가되었는데요, 간단한 skin.html 파일 수정으로 글 목록의 디자인을 바꿀 수 있습니다. skin.html 파일 편집 'E' 버튼을 눌러 HTML/CSS 편집 화면으로 넘어가주시거나, '관리자 화면 > HTML/CSS' 를 눌러 편집 화면으로 넘어가시면 됩니다. skin.html 파일 위에서 두번 째 줄을 보시면 가 있는데요, 이 곳에 class 만 추가해주면 자동으로 변합니다. :) 앨범형 글 목록 사용하기 앨범형 목록 특징 - 썸네일 출력 - 가로 최대 갯수 3개 웹진형 글 목록 사용하기 웹진형 목록 특징 - 썸네일 출력 - 본..
티스토리/stamp 2015. 6. 18. 18:41