블로그스팟 서식 만들기(24.8.15.자)
블로그스팟을 운영할 때 서식을 만들어 놓으면 좀 더 편하게 글을 쓸 수 있습니다. 저와 같은 서식을 사용하실 분들은 아래 글을 보고 따라하시기 바랍니다.
블로그스팟 서식 만들기(24.8.15.자)
네이버 블로그나 티스토리를 운영할 때 기본 설정과 함께 꼭 하는 것 중 하나가 바로 서식 만들기입니다. 그만큼 간편하고 빠르게 글을 쓸 수 있기 때문인데요. 다만 서식은 본인의 글쓰기 스타일에 따라서 계속 수정을 해줘야합니다.
블로그스팟 서식
위 서식에서 제목은 H1 태그가, 부제목은 H2 태그가 사용됐습니다. H3 이하 태그도 추가할 수 있는데 그 방법은 아래서 다루겠습니다.
블로그스팟 서식은 설정 → 글 템플릿(선택사항)에서 할 수 있습니다. 원래 글 템플릿은 글을 쓸때마다 반복해서 사용하는 문장이 있는 경우에 사용하는 기능인데요. 우리는 HTML을 이용해서 코드를 넣어 서식을 만들어 줄겁니다.
글 템플릿(선택사항)
코드 입력
서식 활용하기
색상변경
H2로 설정되어있는 부분의 색상을 변경하실 분들은 이렇게 하시면 됩니다.
하단의 선 색을 바꾸고 싶은 분들은 "border-bottom: 1px solid rgb(142, 142, 142)"에서 rgb 색상을 변경해주면 됩니다. rgb색상표는 아래 링크를 참조하시기 바랍니다.
좌측의 기둥 색을 바꾸고 싶으신 분들은 "border-left: 10px solid rgb(94,77,121)"에서 rgb 색상을 변경하면 됩니다. 참고로 10px는 기둥의 두께로 좀 더 두껍게 하고 싶은 분들은 더 큰 숫자를, 좀 더 얆게 하고 싶은신 분들은 10보다 작은 숫자로 바꿔주면 됩니다.
H2 태그 추가
글을 쓰다보면 H2 태그를 추가해야 하는 경우가 있습니다. 처음에는 복잡할 수 있겠지만 몇 번만 해보면 간단하게 H2 태그를 추가할 수 있습니다.
글쓰기 좌측의 연필 모양을 클릭해줍니다.
HTML 보기를 클릭합니다. 그럼 이제 엄첨 복잡해 보이는 글들이 나옵니다. 복잡하지만 미리 겁먹지는 마십시요. 생각보다 쉽습니다.
HTML을 보면 반복되는 패턴이 있습니다. 그 부분을 복사 붙여넣기를 하면 H2 태그를 추가로 만들 수 있습니다. <div><h2 style=~~~>부터</h2></div>까지 복사를 해줍니다.
그리고 서식 맨 아래에 만들고 싶은 H2태그 갯수만큼 붙여넣기를 해줍니다.
저는 샘플로 2개를 추가했는데요. 다시 "새 글 작성보기"를 누르면 H2 태그가 2개 더 추가된 걸 확인할 수 있습니다.
이와 같은 형태로 H3 태그, H4 태그도 서식으로 만들 수 있습니다. 다만, H3, H4와 같은 태그를 만들때는 반드시 상위 태그 안에 들어가게 만드셔야 구글 SEO에 도움이 됩니다.
블로그스팟 서식 만들기는 생각보다 어렵지 않습니다. 우리가 평소에 접하지 않은 HTML때문에 어려워 보일 수 있으나 몇 번 해보면 쉽게 할 수 있습니다.
