구글 블로그스팟 꾸미기 - 티스토리 스킨처럼 bolgspot 테마 바꾸기, 애드센스 광고 본문 상단에 달기

구글 블로그스팟 꾸미기 - 티스토리 스킨처럼 blogspot 테마 바꾸기, 애드센스 광고 본문 상단에 달기

한국에서 블로그 플랫폼을 고를 때, 네이버 블로그와 티스토리는 많은 사람들이 선호하는 옵션입니다. 특히, 광고 수익을 목적으로 하는 블로거들은 티스토리 블로그를 주로 사용하죠. 구글이 제공하는 블로그스팟(Blogspot)도 가입형 블로그 서비스 중 하나지만, 국내에서는 상대적으로 덜 알려져 있습니다. 구글 블로그스팟을 활용하는 블로거는 많지 않으며, 그 이유 중 하나는 광고 수익을 최적화할 수 있는 기능이 부족했기 때문입니다. 초창기 블로그스팟은 사용자에게 HTML이나 CSS를 수정할 수 있는 권한을 제공하지 않았으나, 최근에는 이러한 제한이 다소 완화되었습니다.

현재 블로그스팟은 테마의 HTML과 CSS를 수정할 수 있는 기능을 지원하고 있어, 이제는 티스토리와 유사한 방식으로 블로그를 꾸밀 수 있습니다. 이 글에서는 블로그스팟에서 애드센스 광고를 본문 상단에 배치하는 방법을 설명하고자 합니다. 먼저, 구글 블로그스팟 관리자 메뉴에서 테마를 선택하고 HTML 편집 화면으로 넘어가세요. 이 과정에서 블로그스팟의 테마 HTML 편집이 XML 문서 형태로 되어 있어 티스토리와는 다른 점이 있을 수 있습니다. 티스토리는 HTML5와 CSS3로 구성된 문서를 제공하지만, 블로그스팟은 XML 형식으로 되어 있어서 초보자들이 혼란스러울 수 있습니다.

블로그스팟의 HTML 편집기는 XML 데이터와 CSS가 함께 혼합되어 있어, 원하는 위치에 광고를 삽입하는 데 어려움이 있을 수 있습니다. 하지만, 블로그스팟에서는 HTML과 CSS를 직접 수정할 수 있는 기능을 제공하므로, 이를 활용하여 애드센스 광고를 효과적으로 배치할 수 있습니다. 블로그스팟은 블로그 수에 제한이 없으므로 실험용 블로그를 추가로 만들어 다양한 테스트를 진행할 수 있습니다.

본문

블로그스팟에서 애드센스 광고를 본문 상단에 배치하는 방법은 다음과 같습니다:

1. HTML 편집으로 이동하기
   • 블로그스팟 관리자 메뉴에서 '테마'를 선택한 후, 사용 중인 디자인의 HTML 편집 화면으로 들어갑니다.
2. 본문 위치 확인하기

   

   • HTML 편집 화면에서 <data:post.body/> 태그를 찾아야 합니다. 이 태그는 블로그 본문을 표시하는 부분입니다. 이 태그는 일반적으로 <div class='post-body entry-content' ...> 바로 아래에 위치해 있습니다.
3. 광고 코드 삽입하기

   

   • 광고를 본문 상단에 배치하려면, <data:post.body/> 태그와 그 바로 위에 위치한 <div class='post-body ...'> 태그 사이에 광고 코드를 삽입합니다. 이 위치에 광고 코드를 추가하면 본문과 제목 사이에 광고가 나타나게 됩니다.
   • 만약 본문 바로 아래에 광고를 배치하고 싶다면, <data:post.body/> 바로 다음 줄에 광고 코드를 추가하면 됩니다.
4. CSS 스타일 적용하기

   

   • 광고의 정확한 위치 조정은 CSS를 통해 이루어집니다. 블로그스팟의 HTML 편집 화면에서는 CSS가 CDATA 형태로 정의되어 있습니다. 예를 들어, <b:templates-skin>...</b:templates-skin> 부분을 찾아 CSS 코드를 추가하거나 수정할 수 있습니다.
   • CSS를 통해 광고의 위치를 조정하고, 스타일을 설정하여 광고가 페이지 디자인에 어울리게 만들 수 있습니다.
5. 스크립트 사용하기
   • 블로그스팟에서는 자바스크립트나 jQuery를 사용할 수 있어, 광고를 본문 중간에 삽입하는 것도 가능합니다. 스크립트를 활용하면 광고의 위치를 동적으로 조정할 수 있습니다. 이 부분은 다음 글에서 자세히 다루겠습니다.

블로그스팟은 과거에는 기능이 제한적이었지만, 최근에는 사용자들에게 많은 자유도를 제공하고 있습니다. 티스토리와 유사한 방식으로 블로그를 꾸미고, 애드센스 광고를 원하는 위치에 배치할 수 있는 가능성이 열렸습니다. 한국에서 블로그스팟의 활용도가 높아지길 기대하며, 다음 글에서는 구글 블로그스팟을 네이버 웹마스터 도구에 등록하는 방법에 대해 다루겠습니다.

결론

구글 블로그스팟에서 애드센스 광고를 효과적으로 배치하는 방법을 소개했습니다. HTML과 CSS 편집 기능을 활용하면, 티스토리 스킨처럼 블로그를 꾸미고 광고를 원하는 위치에 배치할 수 있습니다. 블로그스팟의 제약을 극복하고, 더 나은 광고 수익을 위한 기반을 마련해보세요. 실험과 테스트를 통해 최적의 결과를 얻을 수 있습니다.

키워드: 블로그스팟, 티스토리 스킨, 애드센스 광고, 본문 상단 광고, 블로그 테마 변경, HTML 편집, CSS 적용, 광고 위치 조정, 구글 블로거, 블로그 수익 극대화