본문 바로가기

블로그 스팟 무료 스킨 적용 방법 (VTrick)

초보 선생님 2024. 8. 30.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

수익형 블로그를 시작하기 앞서 블로그 스폿에 나의 블로그를 개설하셨다면, 밋밋한 기본 제공되는 스킨이 답답하게 느껴지실 겁니다. 저도 같은 생각에 찾아본 결과 무료 스킨이며, VTrick라는 스킨을 알게 되었는데, 무료 스킨 찾는다고 고민하지 마시고 블로그 스팟 무료스킨 어떻게 적용하는지 이곳에 오셨다면 한번 보시고 사용해 보시길 바랍니다.


블로그 스팟 무료 스킨

수익형 블로그를 시작하려고 구글에서 운영하고 있는 블로그 스팟을 만드셨겠지만, 정작 티스토리를 하셨던 분들이나, 워프를 하셨던 분들이 넘어오신 거라면 매뉴얼이 생소해서 찾는 게 조금 어려움을 가질 수 있다고 생각했습니다.

저 역시 티스토리를 1년 정도 운영하다가 구글 블로그 스팟에 관심이 있어서 개설해 보았는데요. 타 플랫폼 블로그와 다르게 기본 베이스로 제공되는 스킨이 정말 마음에 들지 않았습니다.

구글 블로그 스팟 가이드 기본 세팅하기 (ep.1)

 

구글 블로그 스팟 가이드 기본 세팅하기 (ep.1)

애드센스 승인받으신 후 구글에 운영하는 블로그 스폿 관심 있으시다면, 해당 글을 참고하시고 블로그 개설 하시는데 기본적 가이드가 될 수 있다고 생각합니다. 기본적으로 구글 블로그 생성

two.surains.com

아직 애드센스 승인 전에 기본적으로 괜찮은 무료 스킨을 다운로드하고 적용할 방법이 없을까 해서 찾아보니깐 VTrick 스킨을 알게 되었어요. 목차와 이미지 등 불러드리는 속도 부분에서 무료 테마 답지 않게 지연 로딩을 줄여주며, 스킨에서 가지고 있는 여러 가지 기능을 사용할 수  있는 장점을 가지고 있는 스킨이라고 알려져서 선택하게 되었습니다. 그리고 해당 스킨에 대한 평가 점수도 상당히 긍정적으로 보이기 때문에 나쁘지 않겠다는 생각을 하게 되었어요.

VTrick 무료스킨 적용방법 

해당 무료스킨을 적용하는 방법에 앞서서 해당 스킨에 페이지를 본 결과 어떤 분이 paypal 통해서 커피를 무료로 제공하셨다는 글을 봤는데, 해당 스킨을 무료로 사용함에 있어서 감사에 대한 표현인지는 모르겠지만, 해당 스킨을 무료로 이용하는 1인만큼 상당히 고마운 분이라고 느껴졌습니다. 

1) 웹 사이트 https://vietrick.com/ 접속해 줍니다.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

 

 

해당 웹페이지 스크롤을 아래 내리시면 위와 같이 'demo'와 'download'를 볼 수 있는데 두 번째에 있는 'download'를 클릭해 줍니다.

2) 'copy' 메뉴를 클릭해서 복사를 합니다.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

웹 페이지가 잠시 로딩되고 보이는 이 화면은 낯설게 느껴지겠지만, 우리는 사진 속에 보이는 화살표 모양 옆에 있는 버튼을 클릭해 줍니다. 그럼 영어로 보이는 저 수많은 코드를 '복사하기'가 됩니다.

3) 목록 '테마' 클릭합니다.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

다시 본인 블로그 스폿으로 되돌아와서 왼쪽 사이드에 보이는 '테마' 메뉴를 클릭해서 들어가 줍니다.

4) 맞춤설정 클릭 후 HTML 편집

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

그럼 해당 보이는 목록에서 'HTML 편집' 기능을 클릭 해 줍니다.

5) 기존 코드 삭제 후 스킨 붙여 넣기 저장

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

아까 전에 무료스킨 다운로드하으려고 들어갔던 곳에 보이는 코드처럼 HTML 관련 코드가 뜰 거예요. 이것을 전부 다 삭제한 후 가져왔던 코드를 이곳에 붙여놓고 우측을 가리키고 있는 '디스켓' 그림을 통해 저장하기를 꼭 해줘야 스킨이 적용되니깐 눌러주셔야 합니다. 이렇게 하시면 무료스킨 적용 하는 건 모두 마쳤는 셈입니다.

위젯 끄기

무료스킨이지만 굉장히 깔끔한 매력을 보여 줍니다. 하지만 각종 위젯의 기능으로 인해서 사이드바부터 해서 한눈에 블로그가 비치지 않게 화면을 가득 채우고 있다는 거 보면 수익형 블로그 세팅에 있어서 조금은 불필요 한 점이라고 생각이 들었습니다.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

블로그스폿 왼쪽 사이드 '레이아웃' 클릭하면 각 구간마다 위젯을 활성과 비활성 기능을 설정을 해줄 수 있는데, 위에 보이는 HEADER 부분 영역에는 명함과 같은 존재니깐 위젯을 켜두고 그 외 아래쪽 밑으로 쭉 해당되는 목록들은 비활성화해서 위젯을 끄게 된다면, 불필요하게 지연시간을 없앨 수 있으며, 더 깔끔하게 블로그를 관리할 수 있습니다.

위젯 영역은 본인이 선택사항이긴 하나, 수익형 블로그를 생각하시는 분들이라면 해당 아래까지 모두 레이아웃 꺼주시는 것을 추천드립니다.

블로그 스팟 무료 스킨 적용 방법 (VTrick)
블로그 스팟 무료 스킨 적용 방법 (VTrick)

위젯을 다 끈다면 위와 같은 화면을 만나실 수 있습니다. 전에 작성했던 글을 보셨다면 디자인의 큰 차이를 느낀다고 이야기드릴 수 있을 거 같습니다.


오늘은 블로그스팟에 무료스킨을 받는 방법과 설정에 대해서 간단히 알아보았습니다. 오늘도 블로그 만드는데 조금이나마 유익하셨길 바라겠습니다.

댓글