구글 블로그 스팟 제목 꾸미기.
티스토리 사태로 인해 많은 분들이 워드프레스, 구글 블로거 스팟(구글 블로그)를 시작하셨을거라 생각합니다.
물론 저 역시, 그렇게 시작을 했구요.
티스토리와 워드프레스, 구글 블로거 스팟의 편집기는 기능도 다르고 사용법도 각기 달라서 적응하시는데 애를 먹고 있으시리라 생각합니다.
저 역시 구글 블로그(이하 구글 블로그라고 칭하겠습니다.)에 적응하느라 고생을 하고 있는데요.
구글 블로그의 경우, 보험 성격이라 그리 많은 시간을 투자하지도 않고, 테마나 css, html등을 초기에 설정만 살짝 해두고 그냥 그대로 사용하고 있습니다.
구글 블로그의 편집기는 다른 곳들에 비해 상당히 심플한데요.
그러다보니, 많은 부분을 html에 의존해야 합니다.
html을 잘 하시는 분들이야, 상관없으시겠지만, 저 같은 초보는.... 어렵더군요.
매번 html모드로 변경을 해 주는 것도 귀찮구요.
저의 경우에는 템플릿을 설정해 두고, 새 글 작성하기를 누르면
요런 식으로 나오도록 설정해두고 사용중인데요. 요렇게 해놓고 필요할 때마다 복사 붙여넣기를 통해 글을 작성하고 있습니다.
저처럼 매번 html들어가서 편집할 능력이 안되시는데, 소제목을 꾸미시고 싶으신 분들은 이렇게 이용하시는 것도 좋을 듯 합니다.
소제목 h2, h3등의 태그들은 seo에도 영향을 미친다니까 설정을 해두시기를 권해드립니다.
그래서 오늘의 포스팅은 구글 블로그에서 글 템플릿을 설정하는 방법에 대한 내용입니다.
블로그 템플릿.
블로그 템플릿 설정에서 한 번만 저장을 해두면 새 글을 작성할 때마다 해당 템플릿을 불러오게 되는데요.
현재 저의 블로그에 적용되고 있는 템플릿은
<h1 style="text-align: left;">제목입력</h1>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
<font><span style="font-size: 21px;">Introduction</span></font></h2>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
<font><span style="font-size: 21px;">01</span></font></h2>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<h2 style="border-bottom: 2px solid rgb(155, 155, 255); border-image: initial; border-left: 10px solid rgb(155, 155, 255); border-right-width: 0px; border-top-width: 0px; box-sizing: border-box; letter-spacing: 1px; line-height: 1.5; margin: 5px 0px; padding: 3px 5px; word-spacing: 3px;">
<font><span style="font-size: 21px;">02</span></font></h2>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div>
<p style="background-color: #F2F2F2; padding: 10px; text-align: center;">
<font><span style="color: black; line-height: 1.5;">Posted by ordinius<br />September 07 2020</span></font>
</p>
</div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<div style="text-align: left;"><br /></div>
<span style="background: rgb(249, 249, 249); border-radius: 5em; box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px; margin-left: 5px; padding: 0.6em 1em;">👉 구글 크롬 맞춤법 검사기 관련 포스팅 바로가기.</span></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p>
위와 같습니다. 제 블로그처럼 설정을 하실 분들은 위의 코드표를 복사하시고 색상은 html 색상표를 참고하셔서, 원하는 색상으로 color부분만 변경해주시면 됩니다.
네이버나 미리캔버스 등 원하는 곳에서 색상코드표를 검색하셔서 사용하시면 되겠습니다. 혹시 궁금하신 분들은 추후 색상코드표를 사용하는 방법에 대해 소개해드릴 예정이므로, 해당 포스팅을 참고해주세요.
구글 블로거 스팟 템플릿 적용 방법.
위의 템플릿이나 다른 분들이 올려 놓으신 템플릿을 복사하셨다면, 메모장 등에 붙여 넣기를 하신 후, 원하는대로 편집을 하시면 됩니다.
이후 구글 블로거의 설정을 선택하신 후,
글 템플릿을 선택하신 후, 붙여넣기를 하시고, 저장을 누르시면 완료됩니다. 참 쉽죠?
이 후 새 글을 눌러 템플릿이 제대로 적용됐는지 확인을 하시면 모든 과정이 끝이 납니다.
저도 구글 블로그는 처음이라 이것저것 배우고 있기는 한데, 워드프레스에 비해 설정해 줄 것이 많지는 않아서 편하기는 하네요.
다만, 파일을 첨부하거나, 사진을 넣는 것이 조금 많이 불편하기는 한데, 나중에 구글블로그가 활성화가 되면, 유료테마도 고려를 해봐야 할 것 같습니다.
이상 구글 블로그에서 글 템플릿을 적용하는 방법에 대한 포스팅이었습니다.