블로그스팟 수익화를 위해 가장 중요한 요소 중 하나는 바로 테마의 속도와 깔끔한 레이아웃입니다. 그래서 이번 포스팅에서 국내에 소개된 해외 무료 테마인 Derelogy의 특징을 살펴보고 적용해보겠습니다.
1. 무료 테마 Derelogy 소개
1.1. Derelogy 특징 및 성능
이 테마는 티스토리의 고단가 배너 위치와 유사한 페이지 링크 기능을 제공하여 애드센스 클릭률을 높이는 데 유리합니다. 또한 블로그스팟에서는 보기 드문 북마크 기능을 지원하며, 검색 설명(Description)을 본문에 자동으로 노출해 방문자에게 신뢰감을 줍니다.
- 텍스트 기반 설계로 구글 모바일 최적화
- 티스토리의 고단가 위치와 유사한 '페이지 링크' 위젯을 지원
- 방문자가 마음에 드는 글을 찜해두고 모아볼 수 있는 북마크 기능 제공
- SEO를 위해 작성한 검색 설명이 본문 상단에 요약본으로 자동 표시
- 다크모드 환경을 기본으로 제공
1.2. Derelogy 무료와 유료 차이
무료 버전과 유료 버전은 기능적인 차이가 없다고 하며, 유료 버전 하단의 제작자 카피라이트 문구를 삭제할 수 있습니다. 유료 버전은 10달러로 책정되어 있네요.(2025.12.22 기준)
1.3. 참조 유튜브
테마에 대한 정보와 설치 방법은 블로소득과 듀얼인컴의 영상을 통해 알게되었습니다. 설치법을 더 자세히 알고 싶다면 아래 영상을 참고해 보세요. 시각적으로 쉽게 이해하실 수 있습니다.
2. 무료 테마 Derelogy 다운로드 및 테마 적용
이제 실제로 테마를 블로그에 입혀볼 차례입니다. 코드를 다루는 과정이 포함되어 있지만, 순서대로만 따라 하시면 누구나 금방 끝낼 수 있으니 걱정 마세요.
2.1. Derelogy 다운로드
제작자 공식 배포 페이지에서 XML 파일을 다운로드할 수 있습니다. 무료와 유료를 선택할 수 있습니다.
2.2. Derelogy 테마 적용
블로그스팟 관리자 메뉴에서 '테마' > 'HTML 편집'으로 들어갑니다. 기존 코드를 모두 삭제한 뒤 메모장에서 복사한 Derelogy 코드를 붙여넣고 저장하면 적용이 완료됩니다.
상세 설정 방법이 궁금하신 분들은 아래 배너를 클릭하세요.
2.3. HTML 수정할 부분
처음 테마의 소스 코드를 적용한 경우 수정할 부분이 있습니다. 'HTML 편집'으로 들어갑니다. 아래 세 영역을 수정하고 반드시 [저장] 아이콘을 클릭하세요.
2.3.1. 언어 설정
lang='id-ID'를 아래와 같이 수정합니다. 소문자-대문자로 기입하세요. 이것은 한국 사용자에게 맞는 언어 설정이며, 해당 국각에 맞게 수정하시면 됩니다.
2.3.2. THUMBNAIL 주석 처리
"THUMBNAIL"은 내 블로그 외부 공유시 보여지는 이미를 표시하는 코드인데, Derelogy의 썸네일이 기본 링크되어 있습니다.
자신의 블로그 이미지 썸네일로 링크를 수정하든가, 삭제, 주석처리하면됩니다.
저는 추후 활용할 수도 있을거 같아서 주석처리 했습니다. '-->' 주석으로 처리할 마지막 코드 부분에 위치를 옮기면 됩니다.
<b:if cond='data:view.featuredImage'><meta expr:content='data:view.featuredImage' property='og:image'/><meta expr:content='data:view.featuredImage' name='twitter:image'/><b:elseif cond='data:blog.postImageUrl'/><meta expr:content='data:blog.postImageUrl' property='og:image'/><meta expr:content='data:blog.postImageUrl' name='twitter:image'/><b:else/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-28zY_jtWGMNcSaujNHo8rWCDdzWFsYfNkhMU0Vtkm2c3UiQR-QrAid97ANx4u4KTggyjAikSDBXkQZEDBdCEY7HF21yULMhHCk8PP2htphjB3_6R8XA7ji_GuVMcBX0SNcz0ylxcRdyFXZW10GsxNL_fNV9jHSXYhmmG5D0CVy_ovFt7ni3sk_MB4JN/s0/Derelogy-Thumbnail.png' property='og:image'/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-28zY_jtWGMNcSaujNHo8rWCDdzWFsYfNkhMU0Vtkm2c3UiQR-QrAid97ANx4u4KTggyjAikSDBXkQZEDBdCEY7HF21yULMhHCk8PP2htphjB3_6R8XA7ji_GuVMcBX0SNcz0ylxcRdyFXZW10GsxNL_fNV9jHSXYhmmG5D0CVy_ovFt7ni3sk_MB4JN/s0/Derelogy-Thumbnail.png' name='twitter:image'/></b:if>
-->
2.3.3. AUTHOR 수정
"AUTHOR"에서 위에 2줄만 남기고 아래 코드는 삭제합니다.
'Your Name' 부분을 자신에게 맞게 수정합니다. 저는 저의 블로그명으로 수정했습니다.
<meta content='티끌모아달러' property='article:author'/>
2.3.4. TRACKING CODE 수정
검색엔진 등록 후 생성되는 TRACKING CODE를 삽입하는 영역입니다. 추후 검색엔진 등록 후 추가 설명하겠습니다.
3. 레이아웃 설정
테마 적용 후에는 내 블로그의 구성을 최적화해야 합니다. 여러가지 위젯이 적용되어 있을텐데요, 블로그 운영 초기에는 내 글에 집중할 수 있게 불필요한 위젯을 비활성화 해서 보이지 않도록 정리해주는 것이 좋습니다.
수정하고 반드시 [저장] 아이콘을 클릭하세요.
3.1. 위젯 수정 방법
연필 아이콘을 클릭하면 해당 위젯을 설정할 팝업 레이어가 표시됩니다. 위젯표시를 비활성화 하면 화면에서 해당 위젯이 보이지 않습니다. 수정 후 반드시 [저장]을 클릭하세요.
3.2. AD 광고 영역 체크
레이아웃 메뉴에서 'Ad'라고 표시된 위젯 영역에 자신의 애드센스 광고 코드를 입력할 수 있습니다. 이 부분은 애드센스 획득 후 다시 살펴보도록 하겠습니다.
4. 마무리 및 다음 단계
테마 설정이 끝났다면, 이제 내 블로그가 검색 엔진에 잘 노출되도록 등록할 차례입니다.
그런데 그 전에 한 가지 결정해야 할 사항이 있어요.
바로 블로그스팟을 2차 도메인에 연결할 것인지, 그리고 이를 위해 도메인을 구매할지 여부입니다.
이 부분에 대해서는 다음 포스트에서 살펴보겠습니다.
댓글 쓰기