티스토리 하위 블로그로 이동하는 다양한 방법과 버튼 만들기

 

 

티스토리 하위 블로그로 이동하는 다양한 방법과 버튼 만들기

티스토리 하위 블로그란?

티스토리에서는 하나의 계정으로 여러 개의 블로그를 운영할 수 있습니다. 이를 하위 블로그 또는 서브 블로그라고 하며, 주 블로그와 별개로 운영이 가능합니다. 티스토리의 하위 블로그는 서브 도메인 형식으로 생성되며, 주 블로그와 연계하여 활용할 수 있습니다.

하위 블로그로 이동하는 다양한 방법

1. URL 직접 입력

브라우저 주소창에 하위 블로그의 URL을 직접 입력하여 이동할 수 있습니다. 예를 들어, 티스토리에서 생성한 하위 블로그의 주소가 subblog.tistory.com이라면 브라우저 주소창에 해당 주소를 입력하면 바로 접속할 수 있습니다.

2. 링크를 활용한 이동

웹사이트나 블로그에서 하위 블로그로 이동할 수 있는 링크를 추가하면 방문자들이 쉽게 접근할 수 있습니다.

HTML 코드 예시

<a href="https://subblog.tistory.com">하위 블로그로 이동</a>
        

위 코드를 사용하면 클릭 시 하위 블로그로 이동하는 링크가 생성됩니다.

3. 티스토리 메뉴에서 설정

티스토리 관리 페이지에서 메뉴를 설정하면 상단 또는 사이드바에서 하위 블로그로 이동할 수 있는 버튼을 만들 수 있습니다.

• 티스토리 관리 페이지 접속
• 꾸미기 → 메뉴 설정 이동
• 새 메뉴 추가 → 이동할 하위 블로그 URL 입력
• 저장 후 적용

이 방법을 사용하면 블로그 방문자가 상단 메뉴를 통해 자연스럽게 하위 블로그로 이동할 수 있습니다.

4. JavaScript를 활용한 이동

자바스크립트를 이용하면 특정 버튼 클릭 시 자동으로 하위 블로그로 이동하도록 설정할 수 있습니다.

HTML + JavaScript 코드 예시

<button onclick="window.location.href='https://subblog.tistory.com'">
    하위 블로그로 이동
</button>
        

위 코드를 적용하면 버튼 클릭 시 자동으로 하위 블로그로 이동합니다.

하위 블로그 이동 버튼 만들기

하위 블로그로 이동하는 버튼을 만들어 블로그 방문자가 쉽게 이동할 수 있도록 설정할 수 있습니다.

1. 기본 버튼

HTML 코드

<a href="https://subblog.tistory.com" class="subdomain-button">하위 블로그로 이동</a>
        

CSS 스타일

.subdomain-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff; /* 버튼 배경색 */
    color: #ffffff; /* 버튼 글자색 */
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.subdomain-button:hover {
    background-color: #0056b3; /* 마우스 호버 시 색상 변경 */
}
        

위 코드를 적용하면 시각적으로 깔끔한 버튼을 만들 수 있습니다.

2. 새 창에서 열리는 버튼

하위 블로그를 새 창에서 열고 싶다면 target="_blank" 속성을 추가하면 됩니다.

HTML 코드

<a href="https://subblog.tistory.com" target="_blank" class="subdomain-button">하위 블로그 새 창에서 열기</a>
        

3. 이미지 버튼

버튼 대신 이미지를 클릭하여 하위 블로그로 이동할 수도 있습니다.

HTML 코드

<a href="https://subblog.tistory.com">
    <img src="image.jpg" alt="하위 블로그로 이동" width="200">
</a>
        

위 코드를 사용하면 이미지 클릭 시 하위 블로그로 이동합니다. 원하는 이미지 파일을 지정하여 적용하면 됩니다.

하위 블로그 이동 방법 정리

티스토리 하위 블로그로 이동하는 방법은 다양하며, 사용자의 편의에 맞춰 적절한 방법을 선택하여 적용할 수 있습니다.

• 직접 URL 입력: 브라우저 주소창에서 이동
• 링크 추가: HTML <a> 태그를 사용하여 이동
• 티스토리 메뉴 설정: 네비게이션 바에서 이동 가능
• JavaScript 활용: 버튼 클릭 시 이동
• CSS 버튼 적용: 디자인이 적용된 이동 버튼 생성

이러한 방법을 활용하면 하위 블로그로 원활하게 이동할 수 있으며, 방문자에게도 편리한 탐색 환경을 제공할 수 있습니다.

© 2025 티스토리 블로그 운영 가이드