본문 바로가기

티스토리스킨/포토블로그 스킨

티스토리 스킨 043 - 반응형 심플 포토블로그5 티스토리 스킨 배포합니다.

스킨명 : 반응형 심플 포토블로그5 티스토리 스킨

- 메이슨리 형태로 브라우저 너비에 따라 한줄에 표시되는 썸네일 갯수가 자동으로 변경되는 스킨입니다.


- 스킨 추가설정에서 글보기 최대 너비를 제한한 수 있습니다.


- 목록 썸네일의 날짜 표시를 스킨 추가설정에서 켜거나 끌 수 잇습니다.


- 목록 썸네일 이미지의 최대 높이를 300px, 또는 400px로 제한할 수 있습니다.(기본 설정은 제한 없음)

  세로로 긴 이미지가 많을 경우 특정 컬럼만 지나치게 길어지는 현상을 막을 수 있습니다.

   (이미지는 가운데 정렬로 자동으로 크롭되어 보입니다.)




- 커버 기능은 지원하지 않습니다. 순수하게 포토갤러리 형태로 심플한 포토블로그를 운영하는데 적합한 스킨입니다.


- 반응형 스킨으로 모바일 및 타블렛 대응 됩니다.











* 웹브라우저 너비를 변경하면 반응형으로 한줄에 표시되는 썸네일 갯수가 변하는 화면을 확인할 수 있습니다.




_설치안내


1. index.xml 파일을 반드시 업로드해야 합니다. 티스토리 신스킨은 스킨 옵션 설정을 위해 반드시 이 파일이 필요합니다.


2. script.js 파일 업로드 후에는 웹브라우저 캐시 소거를 한번 해주시기 바랍니다. 브라우저 환경에 따라 구 사용 스킨의 자바스크립트 파일이 캐시에 남아 자바스크립트가 정상 동작하지 않는 경우가 있습니다.

사이드바 메뉴가 펼쳐지지 않는다거나 할 경우 캐시 소거를 하면 됩니다.




스킨 설치 방법






  • 열정이 대단하십니다.

  • 정말 감사합니다! 잘쓸게요

  • 정말 고맙습니다.
    사진용 블로그 스킨을 찾으려고 종일 씨름하다가 마침내 이 스킨을 만났네요 ^^
    잘 사용하겠습니다. 승승장구 기원합니다.

  • 잘쓰겟습니다 감사합니다. ^^

  • 안녕하세요 2019.10.03 21:27 댓글주소 수정/삭제 댓글쓰기

    메인에 애드센스 인피드 광고를 넣고 싶은데 안 먹습니다. ㅠㅠ 어떻게 해야 최신글에 인피드 광고를 넣을 수 있을까요?

    • https://apost.kr/472

      이글 먼저 읽어보시구요...

      애드센스 광고 설정에서 인피드 코드를 생성하는 기능으로 현재 만든 블로그를 탐색해 샘플코드를 생성할 수 있습니다.

      해당 기능을 사용해보시기 바랍니다.

  • 안녕하세요. 2019.10.04 10:03 댓글주소 수정/삭제 댓글쓰기

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> var InfeedCount = 0; </script> 이 소스를 </head> 위에 바로 넣었습니다. 그리고 나서....

    <script>
    i++;
    if(i%3 == 0){//건너뛰는 숫자계산
    document.write( '<div class="post-item" style="display:block" data-ad-format="fluid" data-ad-layout="image-middle" data-ad-layout-key="-eu+r-3v-9g+wc" data-ad-client="ca-pub-1234567890" data-ad-slot="1234567890"></div>');
    (adsbygoogle = window.adsbygoogle || []).push({});
    }
    </script>

    소스를 제 코드를 넣은 뒤

    </div>
    </a>
    </div>
    </s_index_article_rep>

    맨위에 있는 </div>위에 넣었는데....이게 아닌가요? 472번 글을 읽어보고 그대로 했는데도 노출이 안되서요

    참고로 </s_index_article_rep> 검색을 했을때 총 2개가 나오더군요 그래서 아래쪽에 있는 태그 부분에 넣었습니다.

    • 블로그 url을 알려주세요.
      비공개글 공개한지 얼마 안된글, 기타 여러가지 이유로 광고가 표시가 되지 않을 수도 있습니다.

    • 맨위에 붙인 것중

      var InfeedCount = 0;



      var i = 0;

      로 바뀌어야 합니다.

      샘플코드인데 그대로 복붙하다보니 뒤쪽의 코드에서 변수가 정의되어있지 않다고 자바스크립트 에러가 나는 것입니다.

  • 안녕하세요. 2019.10.04 10:21 댓글주소 수정/삭제 댓글쓰기

    https://gifyam.com/ 입니다.~

  • 안녕하세요 스킨이 너무 이뻐서 잘 사용하고 있습니다. 하나 질문 드리고 싶은게 있는데요.

    Related Articles 부분에 썸네일이 좌우로 긴 경우 양쪽이 잘려서 나오고 있습니다.

    어떻게 수정하면 제대로 나오게 할 수 있는건가요?

    • 스킨원본 기준
      skin.html
      334행이 related articles 이미지 크기 설정 부분입니다.

      검색은
      C264x200

      로 하면 됩니다.
      C264x200
      을 썸네일 설정값을 바꿔주면 됩니다.

      가로 값을 기준으로 비율을 고정하려면
      R600x0정도로 변경하면 맞을 것 같고
      썸네일 해상도가 높아서 로딩이 조금 느려진다 싶으면
      R300x0 정도를 추천합니다.


닫기