Responsive Advertisement

블로그 스팟 유료 같은 무료 테마 변경 (FEAT. 이사장잡스 블로그를 시작하며)

블로그 개설 했습니다. 티스토리에 환멸을 느끼고 워드프레스를 하던 중에 제가 아는 지인이 블로그를 시작해 보고 싶다는 이야기를 했어요. 

그래서 저도 같이 구글 블로그 스팟을 개설했습니다. 초심으로 돌아가서 이거 저거 설정할 때 대답하려면 저도 어느 정도 공부를 해둬야 하니까요. 


검은 화면에 블로그스팟 테마용 코드가 보이고 있습니다.

블로그 스팟 장점

1. 사진 용량 제한이 없다는 것이 장점
2. 구글 애드센스, 구글 서치 콘솔 친화적

블로그 스팟 단점

1. 아주 구린 기본 테마 화면

2. 뭔가 안 이쁜 인터페이스

블로그 스팟 초기 설정

블로그 스팟의 테마를 보면 초기 테마가 정말 삭막해 보일 정도에요. 

블로그스팟 초기 테마 화면이 보이고 있습니다. 사람들이 떠나갈 것 같은 비주얼입니다.

우선 이 테마부터 바꾸는 작업을 해볼 겁니다. 

먼저 블로소득 유튜버의 영상을 참고했다는 것을 밝힙니다.

VTrick Creative 블로거의 유료 같은 무료테마

베트남의 블로거가 제작한 블로그 스팟용 테마이고요.


위의 주소에 들어가시면 중간 쯤에 다운로드가 나옵니다. 


버전이 저는 1.9.1을 다운로드 받았는데 이 글을 보는 시점에 따라서 다른 최신 버전을 까시는 분도 있으실 것 같아요. 

검은 화면에 소스 코드가 보이고 카피 복사 버튼에 빨간색 네모로 하이라이트 되어 있는 이미지입니다.

빨간 네모로 표시된 copy raw data를 클릭해줍니다. 


왼쪽 사이드 메뉴에 테마가 골라져 있는 이미지입니다.

왼쪽 메뉴에서 테마를 클릭을 하면

테마 화면에서 맞춤 설정을 눌렀을 때

테마를 설정할 수 있는 화면을 보실 수 있는데 "맞춤설정"을 클릭하시면

HTML 수정 버튼이 보입니다. 이걸 클릭

HTML 편집을 보실 수 있습니다. 클릭해서 들어가면

테마 관련 소스 코드들이 보입니다.

이런 식으로 테마 설정 코드들이 있는 모습을 볼 수 있는데요.

코드를 전체를 선택 해주시고 

CTRL + V로 아까 복사한 것을 붙여줍니다. 

수정 후 우측 상단에 디스크 모양을 눌러서 저장해줍니다.

오른쪽 위에 저장 버튼을 눌러주시면 테마가 아래와 같이 적용됩니다. 

저장 버튼 눌렀을 때 테마 초기 적용 화면이 보입니다.

뭔가 불필요한 것이 많은 것 같네요. 

사이트 속도가 느리면 방문자가 이탈할 수 있으므로 

레이아웃을 손봐주겠습니다. 

블로그스팟 왼쪽 사이드 메뉴에 레이아웃이 선택되어 있습니다.
왼쪽에 레이아웃을 클릭하면 

필요없는 위젯을 비활성화 해주고 있습니다.

이런 식으로 화면을 설정할 수 있습니다. 

FEATURED POST, TICKER NEWS는 비활성화 해주세요. 


위젯 활성화 버튼이 꺼진 상태입니다.

이 위젯 표시를 이런 식으로 끄시면 됩니다. 

저는 깔끔하고 속도 빠른 것이 좋으므로 블로그 게시물 빼고는 다 꺼줄께요.


위젯 활성화 버튼을 끈 상태의 레이아웃 하단 화면이 보이고 있습니다.


콘텐트 섹션2의 위젯들이 꺼져 있습니다.

RELATED POSTS는 "함께 보면 좋은 글"로 이름을 바꾸고 살리도록 하겠습니다. 

어마웃 섹션 외 위젯들이 활성화 버튼이 꺼져 있습니다.


나머지는 이런 식으로 다 꺼줍니다. 

그러면 최종 화면은 

필요한 위젯만 남기고 깔끔하게 테마가 정리된 화면이 보입니다.

이런 식으로 바뀌게 됩니다. 


BEFORE

블로그 테마 초기 BEFORE 화면입니다.

AFTER

블로그스팟 커스텀 테마 적용후 AFTER 화면입니다.

아직 글이 한 개 밖에 없어서 그렇지만 훨씬 이뻐졌네요. 

심지어 오른쪽 위에 초승달 모양 누르면 다크모드로 변경이 됩니다. 대단한 무료 테마입니다. 

오늘은 여기까지 설정하는 걸로 하고 글 마무리 하겠습니다. 

감사합니다. 

내용 추가 20240628 : 

위의 무료 테마가 베트남 사람이 만든 것이라 한글로 목차를 작성 했을 때 (블로그스팟 기준 부제목) 에러가 있는데 유튜버 블로소득이란 분이 해결해 주셨습니다. 

링크 공유합니다. 




블로그 스팟 관련 글 보기












처음다음

댓글 쓰기