미넴 스킨 제작 프로젝트

티스토리 미넴 스킨 2.5.7 업데이트 - 구글 광고 게재, 배경음악 기능 개선

변태 개발자 아미넴 2021. 9. 23.

안녕하세요.

 

구글 광고 송출이 제대로 되지 않을 때가 있어서 보완 로직을 추가하였습니다.

관련 포스팅 참고 바랍니다.

구글 애드센스 광고 중간 중간 안 뜨는 문제 해결 방법

 

구글 애드센스 광고 중간 중간 안 뜨는 문제 해결 방법

구글 애드센스 광고를 설정하다보면 중복되는 코드들 때문에 전체적으로 깔끔하지 못하고 알 수 없는 이유로 광고도 그 자리에 표시되지 않는 경우 겪어 보신 분들 계실 겁니다. 오늘은 그런 현

sangminem.tistory.com

 

배경음악 제목이 너무 길 경우 텍스트가 움직이면서 전체 내용을 보여줄 수 있도록 애니메이션 기능을 추가하였습니다. 그리고 계속 보다 보니 블로그가 좀 답답해 보여서 패딩을 조절하였습니다.

 

그 외 업데이트 사항이 많으니 내용 확인하시고 꼭 필요한 분만 적용 바랍니다. 혹시 미리 적용해보고 싶으신 분은 테스트용 블로그를 하나 개설하셔서 적용해 보시는걸 추천드립니다.

 

문제점 발견 시 즉시 말씀해 주세요.

감사합니다.

 

목차

     

     

    개선 사항

    1. 배경음악 재생 시 플레이어 제목 표기 부분을 개선하였습니다.

    2. 이중 유지 보수가 어려워 플로팅 목차 구 버전 사용을 종료하였습니다.

    3. 추천 글 강조하기 기능을 추가하였습니다.

    4. 렉시새봄, 나눔스퀘어 폰트를 추가하고 나눔펜 폰트 옵션을 제거하였습니다.

    5. 일부 영역의 애드센스 광고가 정상적으로 게재되지 않는 문제를 개선하였습니다.

    6. 프로필 타이틀 설정 기능을 추가하였습니다.

    7. 큰 화면에서 본문 여백을 전체적으로 넓혔습니다.

    8. 기타 자잘한 문제점을 수정하였습니다.

     

    설정 화면 미리보기

    프로필 타이틀을 원하는 대로 수정할 수 있으며 보이지 않도록 할 수도 있습니다.

     

    추천 글 1을 강조해 보겠습니다.

     

    다음과 같이 굵은 폰트로 강조되는 것을 확인할 수 있습니다.

     

    렉시새봄 글꼴을 선택해 보겠습니다.

     

    렉시새봄 폰트 적용 모습입니다.

     

     

    소개 및 설치 방법

    다음 게시물을 참고하여 설치 바랍니다.

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방법

     

    친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설치 방

    기본 제공 스킨을 나름대로 고쳐 쓰다가 만족하지 못하고 그냥 새로 만들었습니다. 여태까지 블로그를 하면서 적용한 많은 기능들을 대부분 포함하였으니 누군가에게는 상당히 유용한 스킨이

    sangminem.tistory.com

     

    업데이트 후 적용이 잘 안 되신다면 강제 새로고침을 해보세요. 단축키는 윈도우10 크롬 기준 Ctrl+Shift+R, 맥 크롬 기준 Command+Shift+R 입니다.

     

    미넴 스킨 2.5.7 버전 다운로드

    Mynem Skin V2.5.7.zip
    3.64MB

    BIG

    댓글20

    • LunaCell 2021.09.23 02:54 신고

      점점 기능이 많아지고 있네요. 좋은 현상입니다! 제 세컨드 블로그에 잘 사용하고 있습니다. 그러나 코드가 많아짐에 따라 블로그 전체 성능도 떨어질 수 있으니 최적화도 관건이겠군요. 아미넴님을 항상 응원합니다.
      답글

    • 호랭 2021.09.23 14:08 신고

      구글 광고 게재 수정부분이 있으니 저도 새로운 버전으로 업데이트 해야겠네요ㅎ

      참! 미넴님 혹시 pc에서 사용할때 커버 화면에서 마우스 오버시 살짝 움직이는게하는거 안쓰려면 어떤거를 수정해야할까요?
      답글


      • 미넴 스킨 이용해 주셔서 감사해요~

        그리드 커버는
        .post-item a:hover {
        opacity: 1.0;
        animation: post-item-ani 0.8s linear 1;
        }

        리스트 커버는
        .cover-list ul li figure img:hover {
        transform: scale(1.05);
        transition: all 0.1s linear;
        }

        스페셜 커버는
        .cover-special ul li img:hover {
        opacity: 1.0;
        animation: cover-special-ani 0.8s linear 1;
        }

        인데 이 부분 제거하시면 될 것 같습니다 ㅎ

    • 스킨 이걸로 다시 바꿨습니다. 배경음악 제목 움직이는 거 건의할까 했는데 해주셨네요. ^^ㅋ
      근데 html 페이지에서 이 버전 파일들로 덮어씌우던 중에 폰트 파일 몇개가 계속 무슨 용량이 초과된다며 업로드가 실패하길래 그냥 스킨을 통째 새로 등록해서 적용했어요.
      적용하고 별 이상은 없지만 이번에도 다른 분들은 다 정상적으로 덮어씌웠는데 저만 이런 건가 싶어 괜히 우울해지네요... ㅡ.ㅡ;;;

      아, 그리고 프로필 설명 부분에서 <br>을 입력해도 줄넘김이 안되고 <br>이 그대로 나옵니다....
      답글

      • 아 토리님 블로그 가보니 배경음악 제목이 짧으니 표시되는게 좀 이상한데 css에서 .bgm-title-box 찾아서 width: 100%; 추가해주시면 잘 표시될거예요!
        제가 테스트 확실히 좀 미흡하긴 하네요 다른 분들을 위해 수정 버전으로 다시 올려놓았습니다

        저는 테스트 하느라고 수십번 새로 적용해보는데도 이상이 있었던 적은 거의 없었거든요 ㅎㅎ
        옆에서 하시는거 봐야 정확히 무슨 문제인지 알 수 있을듯

    • 프로필 설명은 일단 한 줄로 바꿨고 배경음악은 원래 그런 건줄 알았는데 일단 감사합니다. ㅋ
      답글

    • 아, 그럼 프로필 설명에 <br> 태그가 적용 안되는 거랑 html에서 파일 업로드로 덮어씌울 때 용량 오바 걸리는 건 저만 그런 거라는 거죠??
      우울 모드.... 돌입중입니다... 올해 하반기 난관이 블로그에서 생기는군요...
      답글

      • 아 br 태그 얘기는 못봤었네요 그건 티스토리 자체적인 문제라서 바로 해결은 안되던데 방법 찾으면 말씀드릴게요
        용량 오바되는건 이해가 잘 안됩니다.. 스킨 파일 업로드 제한 용량이 20메가이고 제 스킨은 기껏해야 5메가가 좀 넘는데 이상하네요

    • 아, 업로드에 실패했다는 문구를 살펴보니 다른 파일명은 잘 기억이 안나고 폰트명은 꼭 끼어있던 게 기억나네요.
      그래서 그냥 2.5.7버전 스킨명으로 스킨을 새로 등록해서 적용시켰어요.
      답글

      • 아아 그럼 여태 새로운 스킨 적용하실 때 스킨 변경 > 스킨 등록으로 안하시고 스킨 편집 > html > 파일 업로드로만 하신건가요?
        그럼 이유는 그거 같네요 거기서 업로드 못하는 파일이 있어서 스킨 등록으로 하셔야 올바르게 적용됩니다

    • 아, 그럼 별다른 이상은 없는 거네요.
      엊그저께까지 맨땅에 알 수 없는 오류가 있었던 것도 파일 업로드로 해서 오류가 생겼을 확률이 높겠네요...
      그럼 코딩이 비슷한 파일이니 덮어씌우기 안하고 그냥 새 버전마다 다시 등록해서 적용해도 블로그질에는 상관없나요?
      답글

      • 아 네 어떤 내용을 보시고 그런 우려를 하시는 건지는 정확히 모르겠지만 html 구조가 크게 다른 스킨을 며칠 간격으로 번갈아 가며 적용하신다면 영향이 있을 수도 있겠지만 같은 형태의 스킨을 여러 번 바꾸는 건 거의 문제가 없다고 봐도 됩니다.
        참고로 저는 하루에 10번 이상 바꿀 때도 있지만 뚜렷이 나타나는 검색 유입 감소는 없습니다.

    • 이전에 작년 가을부터 올해 5월쯤까지 블로그를 했었어요.
      다음은 스킨 교체에 관대한(??) 편인데 네이버는 그렇지가 않더라고요.
      전 같은 스킨이 아니라 아예 다른 스킨으로 바꿨었는데 5개월만에 처음 교체하자마자 네이버는 바로 제 블로그를 안드로메다로
      보내버리더라고요. -0-
      늦게까지 답변해주셔서 정말 감사드려요.
      답글

      • 제가 네이버 블로그는 잘 안해봐서 몰랐는데 그렇게 되는군요 ㄷㄷ
        티스토리는 구글, 다음, 카카오 유입이 메인이고 네이버는 약간의 덤으로 생각하시면 좋을듯 싶습니다 ㅎ 물론 갑자기 네이버 유입이 느는 경우도 많긴 합니다

    • Redway 2021.09.27 05:28 신고

      우와우 신세계네요;)
      역시 개발자님은 다르십니다!
      도전받고 갑니다(총총총)
      답글

    • teum♡ 2021.11.16 23:08 신고

      핑크핑크 ~~~~ 방문자가 어마어마 하네요 ㅎㅎ 부러워용
      답글

    💲 추천 글