블로그스팟 하단 푸터(Footer) 꾸미기: 'Powered by Blogger' 삭제 및 저작권 표시 방법

블로그스팟 하단 푸터 꾸미기. 'Powered by Blogger'를 없애고, 그 자리에 'About | Contact | Privacy Policy | 저작권 표시'를 넣어보자. 기본 제공되는 에센셜(Essential) 테마 기준이다.

블로그스팟 하단 푸터 꾸미기 코드 적용 전후 비교

블로그스팟 하단 푸터(Footer) 꾸미기

1. CSS 코드 (디자인 및 기존 문구 제거)

블로그스팟 관리 화면의 [테마] > [맞춤설정] > [고급] > [CSS 추가] 메뉴에 붙여넣는다.

CSS


/* Powered by Blogger 및 테마 정보 강제 삭제 */
#Attribution1, 
.widget.Attribution, 
.blogger {
    display: none !important;
}

/* 추가로 여백이 남는다면 푸터 섹션 자체를 정리 */
footer .footer.section {
    display: none !important;
}

/* 제미나이 테마 푸터 스타일 (최종 수정본) */
.gemini-footer {
    width: 100%;
    max-width: 640px; 
    margin: 60px auto 40px auto;
    padding: 30px 0;
    border-top: 1px solid #e3e3e3; 
    text-align: center;
}

.gemini-footer .footer-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-family: 'Noto Sans KR', sans-serif;
}

.gemini-footer a {
    color: #555;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.2s;
}

.gemini-footer a:hover {
    color: #102a43; 
}

.gemini-footer .footer-sep {
    color: #ccc;
    font-size: 11px;
}

/* 저작권 문구 섹션 (가독성 최적화) */
.gemini-footer .footer-copyright {
    font-size: 13px;       /* 12px -> 13px로 키움 */
    color: #666;           /* 흐린 회색 -> 진한 회색으로 변경 */
    font-weight: 500;
}

/* 2026 연도와 더한스픽 글자 모두 선명하게 */
.gemini-footer .footer-copyright #current-year {
    color: #666; 
    font-weight: 700;
}

.gemini-footer .footer-copyright strong {
    color: #102a43;        /* 포인트 컬러 유지 */
    font-weight: 700;
}

2. HTML 및 자바스크립트 (내용 및 기능)

블로그스팟 관리 화면의 [테마] > [맞춤설정 옆 화살표(▼)] > [HTML 편집]에서 아래의 코드를 </body> 바로 위에 붙여넣는다.

'본인의 블로그 주소' 부분은 본인이 만든 페이지 주소로 변경해야 한다.

수정 전 예시: <a href='https://본인의 블로그 주소/p/about.html'>About</a>

수정 후 예시: <a href='https://www.thehanspick.com/p/about-hans-pick.html'>About</a>

저작권 '블로그 이름' 부분도 본인의 블로그 이름이나 닉네임으로 바꿔주면 된다.

저장을 누르면 끝!

HTML


<footer class='gemini-footer'>
    <div class='footer-content'>
        <a href='https://본인의 블로그 주소/p/about.html'>About</a>
        <span class='footer-sep'>|</span>
        <a href='https://본인의 블로그 주소/p/contact.html'>Contact</a>
        <span class='footer-sep'>|</span>
        <a href='https://본인의 블로그 주소/p/privacy-policy.html'>Privacy Policy</a>
        <span class='footer-sep'>|</span>
        <span class='footer-copyright'>
            &#169; <span id='current-year'></span> <strong>블로그 이름</strong>
        </span>
    </div>
</footer>

<script>
    // 현재 연도 자동 업데이트
    document.getElementById("current-year").textContent = new Date().getFullYear();
</script>

※ 요즘 필수가 되어버린 About, Contact, Privacy Policy는 '페이지'에서 작성.

오늘의 한마디

블로그스팟 꾸미기 시리즈 13번째 글, 맞나? 암튼 괜찮지?

이 블로그 검색

더한스픽

블로그스팟 하단 푸터(Footer) 꾸미기: 'Powered by Blogger' 삭제 및 저작권 표시 방법

블로그스팟 하단 푸터(Footer) 꾸미기

오늘의 한마디

댓글

댓글 쓰기