블로그스팟에서 포스팅을 할 때 SEO에 최적화되도록 서식을 만들어 사용하면 글쓰기가 상당히 편리합니다. 이 글에서는 블로그스팟에서 서식을 어떻게 만들고
사용하는지에 대해서 알아보도록 하겠습니다.
.png)
블로그스팟(Blogspot) 서식(글 템플릿) 만들고 설정하기 - 원하는 서식으로 글쓰기
글쓰기를 할 때 자신만의 스타일과 사용하는 서식이 있다면 글쓰기가 매우 편리해 집니다. 티스토리의 서식기능보다는 부족하지만 블로그스팟에서도 메인서식을 만들어 놓고 새로운 글을 쓸 때마다 사용할 수
있습니다. 이 글에서는 블로그스팟에서 메인서식을 만들고 사용하는 방법에 대해서 알아보도록 하겠습니다.
1. 메인서식 만들기
1) 글의 뼈대 만들기
먼저 블로그스팟에서 "+새 글"을 클릭하여 메인서식으로 사용할 서식의 뼈대를 만듭니다. 예를 들면 아래의 구조는 제가 평소에 사용하는 형식이며 SEO에 적합하도록 제목은 H1 태그이고,
부제목1~3은 H2 태그, 나머지는 보통으로 설정했습니다. 또한 전체글의 구조도 디스크립션부터 마무리까지 글이 일목요연하게 보일 수 있도록 구성을 했습니다. 여러분도 여러분의 스타일에 맞게 글의 뼈대를 먼저
만드세요.
2) HTML 코드 복사하기
위와 같이 메인서식으로 사용할 글의 뼈대를 만들었다면, 다음으로는 메인서식에 사용할 HTML 코드를 복사해야 합니다.
블로그스팟 글쓰기 도구에서 팬슬 모양의 아이콘을 클릭하면 "HTML 보기"와 "새글 작성 보기" 옵션이 표시됩니다. 그중 HTML 보기를 선택하면 HTML 코드가 나오는데, HTML 코드 전체를
선택한 후 마우스 오른쪽 버튼을 클릭하여 "복사"를 선택하거나 Ctrl+C를 눌러 복사합니다.
<div style="text-align: left;">디스크립션</div> <div style="text-align: left;"><br /></div><div style="text-align: left;">썸네일</div> <h1 style="text-align: left;">제목</h1> <div>시작말</div> <div><br /></div> <div>목차</div> <div>1.</div> <div>2.</div> <div>3.</div> <div><br /></div> <div> <br /> </div> <h2 style="border-bottom: 1px solid rgb(142, 142, 142); border-left: 10px solid rgb(94, 77, 121); border-right-width: 10px; border-top-width: 1px; box-sizing: border-box; letter-spacing: -1px; line-height: 1.3; margin: 5px 0px; padding: 5px;"> <span style="color: #4c4c4c; font-family: Noto Sans Demilight;"><span style="font-size: 23px;">부제목1</span></span></h2> <div>본문</div> <div><br /></div> <div><br /></div> <div> <h2 style="border-bottom-color: rgb(142, 142, 142); border-bottom-style: solid; border-left-color: rgb(94, 77, 121); border-left-style: solid; border-width: 1px 10px; box-sizing: border-box; letter-spacing: -1px; line-height: 1.3; margin: 5px 0px; padding: 5px;"> <span style="color: #4c4c4c; font-family: Noto Sans Demilight;"><span style="font-size: 23px;">부제목2</span></span></h2> <div>본문</div></div> <div><br /></div> <div><br /></div> <div> <h2 style="border-bottom-color: rgb(142, 142, 142); border-bottom-style: solid; border-left-color: rgb(94, 77, 121); border-left-style: solid; border-width: 1px 10px; box-sizing: border-box; letter-spacing: -1px; line-height: 1.3; margin: 5px 0px; padding: 5px;"> <span style="color: #4c4c4c; font-family: Noto Sans Demilight;"><span style="font-size: 23px;">부제목3</span></span></h2> <div>본문</div> <div><br /></div> </div> <div><br /></div> <div>마무리</div> <div><br /></div> <div><br /></div> <div><br /></div> <p></p> |
2. 블로그스팟 서식 설정하기
이제 블로그스팟 메인서식 설정만 하면 됩니다. 아래와 같이 블로그스팟 메인화면에서 ①설정 → ② 글 템플릿(선택사항) → ③ Ctrl+V로 위에서 복사한 HTML 코드 붙여넣기 → ④ 저장 순서로
진행합니다.
저장이 완료되었다면 블로그스팟의 글쓰기 메인서식 설정이 완료된 것입니다. 이제 "+새 글" 을 클릭해 보시면 아래와 같이 여러분이 만든 서식대로 나오는 것을 보실 수 있으실 겁니다.
오늘은 위와 같이 블로그스팟에서 메인서식(글 템플릿)을 만들고 설정하는 방법에 대해 알아보았습니다. 이 글이 블로그스팟을 사용하시는 분들에게 도움이 되었으면 좋겠습니다.
.png)
