블로그를 처음 시작하시는 분들께서는 목차에 링크를 추가하여 사용자가 쉽게 원하는 내용으로 이동할 수 있도록 설정하는 것이 어색하고 생소하게 느껴질 수 있습니다. 하지만 기본적인 HTML 명령어를 익혀두면 블로그나 홈페이지 작성이 훨씬 편리해집니다. 이 글에서는 초보자분들을 위해 목차에 링크를 추가하는 방법을 소개하겠습니다. 함께 따라오시면, 금방 궁금증이 해결될 거에요!
목차
1. 구글 블로그 스팟 HTML 작성
1.1 목차의 제목에 링크 작성하기
목차의 제목에 링크를 작성하는법은 다음과 같습니다.
목차의 제목앞에
<li><a href="#section1">그리고 제목을 입력하고 마지막으로
</a></li>예제 )제목1
<li><a href="#section1">제목 1</a></li>
1.2 연결된 섹션에 id 지정하기
마지막으로, 링크를 연결한 각 섹션 제목에 id를 지정해주세요. 이렇게 하면 목차에서 제목을 클릭하면 섹션으로 이동할 수 있습니다.
섹션 제목 앞에
<h2 id="section1">목차의 제목 뒤에 를 입력하고 마지막으로
</h2>예제) 제목1
<h2 id="section1">제목 1</h2>
섹션 제목 뒤에 를 입력하세요.
목차 제목1.2.3.4.5 그리고 연결된섹션 ID지정하시면
HTML처음이라 생소 하시지만 명령어를 입력후 사용하시면 됩니다
2. 블로그 스팟 "Blogger"셋팅
이제 블로그에 서식 입력을 해서 블로그 작성을 간편하게 만들어 볼까요
셋팅은 무척 간단합니다
작성창에 왼쪽 셋팅 (Settings)을 클릭 오른쪽 글메뉴에서 글템플릿(선택사항)Post template (optional)을 클릭하시면
새로운 창이 생성됩니다 여기에 목차 명령어를 넣으시고 입력(SAVE)하신면 됩니다
HTML명령어 다운로드
다운받아서 입력 하세요 이제 끝났습니다
3. 블로그 사용방법
글쓰기로 들어 가겠습니다(앞에서 입력하셨으면 지금 화면이 보일겁니다)
현재는 새 글 작성 모드로 여기서는 목차 밑 제목 1.2.3.4.5를 절대 수정하시면 안됩니다
밑에 본문 제목과 내용은 수정해도 상관 없습니다
블로그 게시물의 목차 제목은 왼쪽 상단 모드변경 HTML모드로 변경하겠습니다
현재는 HTML모드 입니다 여기서는명령어 들이 있는 곳이라 "제목 1" 이부분만 원하는 주제명으로 수정하세요(새 글 작성 모드에서 작성하시면 HTML 명령어 삭제 됩니다)
HTML이 생소 하시면 목차 밑의 제목만 수정하세요
그리고 "제목 4"까지만 사용하시고 "제목 5"가 필요 없으시면 삭제 하시면 됩니다
예)로 목차의 "제목"을 "변경"으로만 해서 확인해 보도록 하겠습니다
지금 목차 보시면 "제목 1"에서 "변경1"으로 변경된것이 보이실겁니다
목차의 제목을 하는 주제명으로 변경하셨으면 블로그 글을 작성하셔야죠
이제 본문 제목1부터는 그위에 작성하시면됩니다
링크가 잘되나 확인은 "완료" 저장후 본문 게시물을 확인 하세요 그러면 잘 이동할겁니다
모두 고생하셨어요 나만의 블로그를 우리 같이 꾸며 나가요
'IT 정보 > 블로그 기초편' 카테고리의 다른 글
| 구글 서치 콘솔 색인 티스토리 ,블로그 스팟 (Blogger), 초보 따라하기 (0) | 2023.06.21 |
|---|---|
| 목차에 링크설정 초보 티스토리 셋팅방법 (0) | 2023.06.12 |
| 구글 블로그 (Blogspot)카테고리추가 (0) | 2023.06.06 |
| 블로그 시작 '워드 프레스'로 시작해? 호스팅은? (0) | 2023.06.06 |
| 구글 블로거(Blogger)가입 및 도메인 연결설정 (0) | 2023.05.29 |
