블로그스팟 표(Table) 작성 방법: 기본 에디터에 없는 기능 1분 해결법

 

블로그스팟 표(Table) 만들기: 기본 에디터에 없는 기능 해결법 3가지

블로그스팟 기본 글쓰기 도구에는 '표 만들기' 아이콘이 없습니다. 하지만 정보성 글에서 데이터나 가격표를 보여줄 때 표는 필수죠. 오늘은 초보자도 바로 따라 할 수 있는 가장 쉬운 표 작성 방법들을 소개합니다.

방법 1. 외부 도구(구글 문서/엑셀) 복사 붙여넣기

가장 직관적인 방법으로, 별도의 코드 수정 없이도 표를 넣을 수 있습니다.

• 작성: 구글 문서(Google Docs)나 엑셀(Excel)에서 원하는 표를 먼저 만듭니다.
• 복사: 표 영역을 드래그하여 Ctrl + C로 복사합니다.
• 붙여넣기: 블로그스팟 글쓰기 에디터(새로 만들기 모드)에서 Ctrl + V를 누릅니다.
• 장점: 별도의 코딩이 필요 없으며 배경색이나 테두리 설정이 그대로 유지됩니다.

방법 2. HTML 코드로 직접 삽입하기 (추천)

깔끔하고 가벼운 표를 원하신다면 HTML 모드에서 아래 코드를 활용해 보세요.

1. 글쓰기 화면 왼쪽 상단의 [연필 모양] 아이콘을 눌러 [HTML 보기]로 전환합니다.
2. 표가 들어갈 자리에 아래 기본 코드를 복사해서 붙여넣으세요.

<table style="width: 100%; border-collapse: collapse;" border="1">
  <tr style="background-color: #f2f2f2;">
    <th style="padding: 10px;">항목</th>
    <th style="padding: 10px;">내용</th>
  </tr>
  <tr>
    <td style="padding: 10px;">데이터 1</td>
    <td style="padding: 10px;">설명 1</td>
  </tr>
</table>

방법 3. 온라인 표 생성기(Table Generator) 활용

코드를 직접 짜기 힘들다면 비주얼 도구를 사용하는 것이 좋습니다.

• 사이트 활용: Tables Generator 같은 무료 사이트에 접속합니다.
• 디자인: 원하는 행과 열 개수, 색상을 오른쪽 마우스를 클릭하며 설정합니다.
  
  
  
  
  
• 코드 복사: 하단의 [Generate]를 눌러 생성된 HTML 코드를 복사하여 블로그스팟 [HTML 보기] 모드에 붙여넣습니다.

💡 표 작성 시 주의할 SEO 팁

반응형 설정: 표의 너비(width)를 고정된 픽셀(px)이 아닌 100%로 설정해야 모바일 화면에서도 표가 잘리지 않고 예쁘게 보입니다.

이제 블로그스팟에서도 전문적인 데이터 표를 활용해 글의 퀄리티를 높여보세요!