Type Here to Get Search Results !

Translate

구글 블로그스팟을 기본 테마가 아닌 다른 테마로 변경 적용하기 (Speedy Blogger Template)

 구글 블로그스팟으로 개설한 블로그는 블로그의 모습을 원하는 모습대로 변경 적용할 수 있습니다. 블로그스팟에서 기본적으로 제공하는 Contempo나 Essential 테마도 많이들 사용하시지만 저는 요 테마들이 마음에 들지 않았어요.

블로그의 모습을 변경하는 테마는 직접 코딩을 통해 만들 수도 있지만 HTML이나 CSS등을 알아야해서 제가 하기는 불가능했답니다. 하지만 블로그스팟은 구글에서 제공하는 서비스라 전세계적으로 많은 사람들이 이런 테마 템플릿을 만들어서 무료로 제공하거나 판매하고 있어요. 그렇게 제공되는 템플릿들을 다운로드 받아 적용한 뒤 조금만 설정한다면 얼마든지 원하는 모습으로 변경할 수 있답니다.  그래서 이번에는 테마 템플릿을 변경하는 방법에 대해 설명드릴게요! 


테마 적용하기 타이틀


테마는 무엇인가요?

테마는 사람들이 접속해서 보는 내 글이 있는 화면의 디자인을 결정하는 것을 테마라고 보시면 됩니다. 블로그스팟을 하시는 분들이라면 아마도 티스토리를 한번쯤은 해보셨을 것 같은데요.  티스토리의 스킨이 블로그스팟에서는 테마라고 불린다고 보시면 될 것 같아요! 

테마 소개 이미지



테마 고르기 

테마는 블로그를 꾸미는 분들마다 원하시는 테마가 다를 것 같아요. 구글 블로그스팟 테마는 템플릿으로 불리고 있으며 글로벌 사이트에서 많은 테마들이 유료 또는 무료로 공유가 되고 있습니다.  구글 블로그스팟 템플릿 공유 사이트는 여러가지가 있지만 제가 확인해던 사이트를 올려드릴게요! 



★ 구글 템플릿 공유 사이트 : https://gooyaabitemplates.com/

사이트에 가보시면 정말 다양한 디자인에 홈페이지와 유사한 형태의 블로그스팟 템플릿이 많이 보여지는데요. 여기서 유료 버전 혹은 무료 버전 등을 선택에 따라 다운로드 받으실 수 있습니다. 

템플릿의 유/무료 버전의 차이는 각 템플릿 별로 다르지만 대부분 일부 기능을 제외하고는 무료로도 사용할 수 있고 큰 뜻 없이 예쁜 사이트를 가지고 싶으신 거라면 무료 템플릿으로도 충분하니 참고해주시면 좋을 것 같아요! 

템플릿은 각각의 사람마다 원하는 타입이 다르겠지만 템플릿을 고르실때에는 하기 두 가지 조건은 보시고 적용하시는 게 좋으니 참고해주세요! 

  • 속도 : 템플릿이 예쁘기만 하고 무거우면 문제가 되므로 속도가 빠른 템플릿인지는 꼭 체크해야합니다. 
  • 반응형 : 요즘 모바일로 검색을 많이 하므로 모바일에서도 PC에서도 모두 반응형으로 최적화되어 보일 수 있는 템플릿을 선택하시는게 좋습니다. 


 테마 선택 : Speedy Blogger Template

저는 예쁜 것보다도 속도가 좀 중요한 편이었어서 테마 템플릿 이름부터 Speed가 들어간 Speedy Blogger Template를 선택했습니다. Speedy는 일단 속도에 충실한 템플릿이고 번역기능이나 SEO 최적화, 검색 엔진 친화적인 부분이 마음에 들었구요 당연히 반응형 템플릿이라서 모바일에서도 예쁘게 뜨는 부분이 마음에 들었답니다. 

speedy 테마 소개 이미지

블로그 템플릿의 경우 유료/무료 버전에 따라 제공되는 기능을 명시하고 있는데요. 저는 여러 블로그를 가지고 있고 템플릿의 라이센스가 기간제가 아닌 영구제라서 유료로 구매해도 될 것 같아 유료로 구매 후 여러 블로그에 색상만 바꿔 사용하고 있습니다. Speedy의 경우 간단하게 테마 디자이너에서 색상을 변경하면 같은 테마라도 다른 분위기를 줄 수 있어 좋은 것 같아요! 



테마를 유료 구매할 경우 메일로 라이센스 KEY와 함께 다운로드 경로가 전달됩니다. 해당 화면을 통해 유료버전 템플릿을 다운로드 받을 수 있어요. 무료 버전과 비슷하지만 일부 비활성화 된 기능이 포함되어 있는 정도라 크게 차이는 없습니다. 다. 제가 선택한 Speedy의 경우 지속적인 업데이트가 진행되고 있는데 아마도 업데이트 되면 테마를 재적용해야할 것 같아 한번 적용하면 안하지 않을까 하는 생각이 드네요.. ^^;;



 테마 적용하기 


테마를 선택했다면 이제 블로그스팟에 실제로 적용을 해보시면 됩니다.  다운로드 받은 파일을 압축을 풀고나면 여러 파일을 확인할 수 있습니다. 유료 버전과 무료 버전이 구성된 파일이 조금 다르더라고요. 

하지만, 저희에게 필요한 것은 가장 밑에 있는 'Speedy Premium Version.xml ' 또는 'Speedy Free Version.xml' 입니다. 즉 확장자가 xml인 파일만 필요한거에요! 요 파일을 확인하셨다면 블로그스팟의 관리자 메뉴에서 설정해주시면 됩니다.



 XML 파일 등록하기 

다운로드 받은 XML 파일은 구글 블로그스팟에 등록해야합니다. 등록 방법은 총 4개의 절차로 진행됩니다. 

테마 설정에서 xml 등록하는 방법

  • XML 파일을 확보하셨다면 구글 블로그스팟 관리자 메뉴에 들어오셔서 '설정 → 테마' 로 접속하세요. 
  • 테마 메뉴의 상단에 '맞춤설정' 버튼 옆 ▼ 화살표를 선택하세요. 
  • 화살표 선택 후 나타나는 메뉴에서 그곳에서 '복원'을 선택해주세요 
  • 복원 선택 시 나타나는 창에서 '업로드'를 선택하고 아까 다운로드 받았던 Speedy xml 파일을 업로드해주세요 

XML 파일 업로드하게 되면 내 블로그의 모습이 완전히 변경됩니다. 때문에 현재 블로그를 한참 운영중이신 분들은 주의하셔서 변경을 해주셔야 합니다.  테마가 바뀌게 되면 애드센스 등록 코드나 검색 엔진 등록 코드들이 초기화 되므로 다시 등록을 꼭 해주셔야 합니다. 변경 전에 백업 메뉴를 통해 꼭 이전 테마 정보를 '백업'해 두시고 진행해주시는게 좋습니다. 



또한, 현재 운영중이신 분들이 테마의 갑작스러운 변경이 부담스러우시다면, 블로그스팟 블로그를 하나 더 개설하셔서 테스트삼아 그곳에 적용해보시고 여러 수정이나 작업을 완료한 뒤에 본래의 블로그에 적용해보시는 방법도 추천드릴게요! 


 레이아웃 손보기 

복원을 통해 테마를 적용하고 나면 일단 화면이 완전히 변경되어 나올겁니다! 요 시점에는 블로그스팟의 '설정 →  레이아웃' 메뉴에서 꼭 레이아웃을 내 블로그에 맞게 조정해주셔야 합니다. 

레이아웃은 각각의 블로그에 맞게 수정하지만 몇가지 확인이 필요한 항목을 소개해드릴게요! 

레이아웃 상단 부분 설정

MAIN LOGO

메인 로고 항목은 블로그 제일 상단에 노출되는 Speedy라는 글씨와 로켓 이미지를 대체하는 항목입니다. 로고 영역은 각각의 블로그에 맞는 로고로 대체해서 등록해주시면 좋습니다. 이미지를 만들기 어렵다면 설정 버튼 (연필모양)을 통해 TEXT로도 입력이 가능하니 잘 보시고 적용해보시는 것을 추천드려요 




MAIN MENU 

메인 메뉴 부분은 블로그의 메인 메뉴를 등록하는 영역입니다. 라벨을 등록한 항목 혹은 타 사이트의 링크 등을 이용해 메뉴를 만드실 수 있습니다. 만약 필요하지 않다면 설정 버튼 (연필모양)을 눌러 설정을 아예 해제해주세요! 


상단 공통 광고 레이아웃

Ads Placement (상단)

메인 메뉴 바로 밑에 위치한 광고영역입니다. 이 광고 영역은 상단 광고이긴 한데요. 공통 상단 광고 영역이라 블로그 메인 화면인 리스트 화면에서도 젤 위에, 블로그 포스팅 화면에서도 제목 위로 뜨는 영역입니다. 즉, 설정을 해두면 모든 포스팅에 공통으로 적용이 된다고 보시면 되지요! 

본문쪽 레이아웃 설정

Main Posts

블로그 포스팅 영역입니다. 이 레이아웃에서는 포스팅 내에 노출할 광고의 개수나 작성자 이름, 날짜 설정 등 포스팅 내에 노출될 다양한 정보들을 설정할 수 있습니다. 설정 버튼을 눌러 설정을 해주시면 됩니다. 


Inside Post Ads (왼쪽 / 오른쪽) 

Inside post Ads 항목은 사실 저도 처음엔 어느위치에 무엇이 뜨는지 몰라서 애먹었던 항목이에요. 여러번 테스트를 해보고 난 후에야 어디서 무엇이 뜨는지 알 수 있었습니다. Inside Post Ads 는 아래에 두개가 있는데요. 왼쪽 부분이 포스팅 제목 바로 아래에 노출되는 광고 영역이고, 오른쪽 영역이 포스팅 제일 밑에 뜨는 광고 영역이라고 봐주시면 됩니다. 많이들 설정하시는 영역이라서 저 영역의 연필모양을 눌러 애드센스 광고 코드를 넣어주시면 됩니다. 




Sidebar Right 

오른쪽 바는 블로그 오른쪽 메뉴 영역을 가르키는 항목입니다. 여기에는 여러 항목을 선택해서 넣을 수 있는데요. 전부 다 하실 필요는 없고 원하시는 항목만 노출 설정을 해주시면 됩니다. 굉장히 많은 것들이 포함되어 있으니 하나 하나 보시고 필요 없으시면 제거해주세요. 제 경우 라벨을 넣은 게시물이 이미 있으므로 라벨을 이용해 카테고리처럼 만들어 두었습니다.  검색 항목의 경우 오픈해두니 자꾸 이상한 정보를 넣어 검색 요청을 하는 경우가 있어서 막아두었구요. 

사이드 바에도 광고를 넣을 수 있는데 (헐리우드 무비가 광고 영역) 자동 광고를 설정하면 사이드 광고가 자동으로 노출되므로 불필요해서 저는 지워둔 상태랍니다. 


Ads Placement (하단)

밑에 쪽에 또 Ads Placement가 있는데요. 이것은 포스팅 밑으로 또 따라다니는 광고 영역이라고 봐주시면 됩니다. 포스팅이 이미 다 끝나고 푸터 바로 위쪽에 배치되는 광고라고 봐주시면 됩니다. 하단 광고는 넣게 되면 포스팅 하단 광고랑 너비가 크게 차이가 나지 않아 너무 지저분해지더라고요. 그래서 저는 비노출해둔 상태랍니다. 




그 외에도 최하단 공통 광고 영역이나 푸터 등 여러 설정값등이 있는데 비노출 하더라도 사이트에 큰 문제는 없는 항목들이 다수였습니다. 잘 살펴보시고 필요한 부분만 설정하시면 될 것 같아요! 

━━━━○━━━━


여기까지 기본적으로 Speedy Blogger 테마를 적용한 후 아주 기본적인 세팅을 소개드린 글이었습니다.  테마 변경 등록과 레이아웃 설정은 아주 기본적인 설정으로 여기까지 해두면 일단 테마 변경의 아주 기초적인 설정은 끝났다고 봐주시면 될 것 같아요. 

이 이후에는 테마 디자이너를 통해 화면의 색상이나 너비 등을 변경하는 것과 몇가지 코드등록을 통한 수정등이 있는데 이건 다음 포스팅에서 소개해보겠습니다. 

포스팅 제목 하단

포스팅 하단 광고