이 글은 제가 블로거에 글을 올릴 때 자주 사용하는 유용한 HTML을 공유하기 위해 작성되었습니다. 최근 블로그스팟 사용자가 늘어나서 좋은 팁은 아니지만 도움이 되었으면 좋겠습니다. 현재 보고 계신 네이버 블로그는 우클릭 보호가 되어 있을 가능성이 높다는 점을 미리 알려드립니다. 즉, 복사가 불가능하므로 Disable Chrome Right-Click을 검색하여 개발자 도구를 사용하여 비활성화하고 복사하는 것을 권장합니다. Chrome 브라우저 F12를 눌러 개발자 도구를 엽니다. 오른쪽 상단 모서리에 있는 기어를 확인합니다. 디버거 JavaScript 항목 비활성화1. Blogspot 만들기 목차
1번째 목차
2번째 목차
3번째 목차
4번째 목차
5번째 목차
개인적으로 저는 Blogspot에 글을 쓸 때 이 HTML을 사용하지 않습니다. 왜냐하면 방문자가 글을 읽는 데 소요되는 시간을 줄여주기 때문입니다. 1,500~2,000자 분량의 글을 쓴다고 해도 목차를 쓸 이유가 별로 없다고 생각합니다. 글을 읽는 방문자에게는 매우 편리할 수 있지만 Blogspot 운영자에게는 시간 낭비일 수 있습니다. (h2를 h3로 바꿔서 사용할 수도 있습니다.) 2. 자주 묻는 질문
자주 묻는 질문
질문 1: 이 블로그의 주제는 무엇인가요?
답변: 이 블로그는 다양한 주제를 다루고 있습니다.
질문 2: 어떻게 연락할 수 있나요?
답변: 문의 양식을 통해 문의하시면 됩니다.
여러 주제보다는 하나 또는 두 개의 전문 주제를 다루는 블로거 운영자에게 권장됩니다. 방문자는 기사에서 질문을 클릭하면 답변을 볼 수 있습니다. (모양이 ▼ 모양으로 바뀌고 답변 탭이 생성됩니다) Blogspot HTML에서 질문과 답변을 변경할 수 있으므로 편리하게 사용하세요. 3. 구분선 삽입
가나다
가나다
제목과 사진, 제목과 문장을 구분하고 싶을 때 주로 사용하는 코드입니다. 네이버에서 자연스럽게 제공하는 도구이지만, 블로그스팟에서는 찾을 수 없는 것들이 많습니다. 삽입
의 끝에
또는
구분선을 그릴 위치입니다. (
가나다
이렇게 넣어도 됩니다) 4. 아코디언 메뉴 (더보기) 글 내용… … … … … … … … . 글을 쓰고 난 후
블로그스팟이나 워드프레스, 티스토리 운영자라면 SEO라는 약어를 들어보셨을 겁니다. 네이버와 달리 블로그스팟은 사진(이미지)을 많이 요구하지 않고, 그다지 중요하지도 않습니다. 정말 중요하다고 생각하는 이미지 1~2개면 충분하고, 이를 보완하기 위해 1,500~2,000자 정도의 긴 문장을 중심으로 한 포스트가 필요합니다. 반면 네이버에 익숙한 방문자는 스트레스를 받을 수밖에 없지만, 블로그스팟은 정확한 정보를 제공하여 체류 시간을 늘린다는 장점이 있습니다. 방문자가 포스트에 관심이 있다면 더보기를 클릭하게 됩니다. ‘여기에 추가 정보 입력’을 지운 후, 입력하고 싶은 문장을 적습니다. ‘더보기’ 대신 ‘자세히’ 등 원하는 단어를 입력해도 됩니다. 5. 상위 첨자, 하위 첨자 상위 첨자(1)아래첨자(1) 특정 주제를 다루는 블로그 스팟 운영자라면 출처와 참조를 표시할 수도 있습니다. HTML로 구현하고 적절히 사용하면 차별화된 블로그를 운영할 수 있습니다. 예) 가든파이브는 소규모 사무실과 소규모 창고가 많습니다. 창고 뒤에 상위 첨자를 넣고 싶다면 HTML로 변환하여 창고를 삽입합니다.(1). 가능하면 모든 문장을 직접 작성하신 후 HTML로 변환하여 삽입하시는 것을 권장합니다. 6. 버튼 스타일(단축키) 버튼 텍스트 본문으로 돌아가서 링크를 편집하고 삽입할 수 있습니다. 방문자가 클릭하도록 유도하기 위해 특정 링크를 버튼처럼 보이게 만들 수 있습니다. 저는 키워드에 링크를 삽입하여 내부 Blogspot 게시물을 순환하는 경향이 있지만, 위의 HTML을 통해 제품 판매와 같은 외부 링크를 자주 사용하는 경우 이 코드는 한 번 사용해 볼 가치가 있습니다. 만약을 대비하여 색상 코드는 아래에 있으며 순전히 제 취향입니다. 빨간색: #FF1E07 녹색: #4CAF50 파란색: #094DAFO 주황: #F09514 분홍색: #EA3680 진한 보라색: #75163 진한 보라색: #741B7C7. 표 만들기
| 목 | ||
|---|---|---|
▲ 3×5 표를 만드는 경우 3년 전 기펜 샘의 블로거의 도움을 받아 3×5, 2×9, 2×7 표를 사용했습니다. 코드를 자세히 살펴보면 반복되는 패턴을 볼 수 있습니다. 표의 크기를 복사하여 늘리거나 줄일 수 있으며, 원하는 대로 색상도 변경할 수 있습니다. 이 기회에 기펜 샘에게 감사의 말씀을 전하고 싶습니다. 마무리로, 한국의 블로거 사용자가 크게 늘어나기를 바랍니다. 블로그스팟은 처음에는 어려울 수 있지만, 제 경우에는 이미지를 많이 첨부하지 않아도 되어서 좋습니다. 간단한 HTML로 예쁘고 멋진 글을 많이 써서 많은 사람들이 공감할 수 있기를 바랍니다.