[블로그 팁] 구글 블로그 탬플릿 교체하기_반응형

최근 이것저것 건들고 다녔더니
홈페이지가 고장났다.
정확히는 작동은 잘 되는데 대시보드에서 잘 안보인다.

관련글 : 블로그 스팟을 하면서 생기는 자잘한 질문들

위쪽 포스트에서 제일 마지막 내용처럼....

그래서 그냥 바꾸기로 결심

HTML편집을 자꾸 하다보니까
아래 그림과 같은 화면이 되버렸다.
루트는 대시보드 - 탬플릿

그래서 버릴까? 접을까? 하다가 마음을 다잡고
아에 그동안에 거슬렸던것들을 한꺼번에 처리하기로 마음 먹음

이번 포스팅의 목표는
1. 모바일 연동되는 반응형 탬플릿 적용
2. 메타블로그들에 이 글이 어떻게 올라가는지 확인
3. 하나의 포스팅 추가
이 되겠다.

우선 탬플릿을 구해야된다.
내가 하나부터 열까지 다 한다는 것은 말도 안되는 것이기에

이 사이트로 이동 해서 탬플릿을 다운 받았다.
내가 다운받은 탬플릿은 Estelle | Blogger Template

사이트를 둘러보면서 맘에 드는 탬플릿을 다운받자
free download 단추가 있는건 무료임
단, 사진이 아니고 그 아래 이름을 클릭해야 상세화면으로 간다.
(사이트에 가보시면 무슨말인지 알 수 있음)




다운받은 zip 파일을 풀면 여러 파일이 나오는데
그 중 확장자가 xml인 것을 올리면 된다.
올리는 루트는 대시보드 - 탬플릿 - 백업/복원 (그림참고)

팝업창이 뜨는데 백업과 업로드가 있다.
기본적으로 현재 탬플릿은 백업을 해놓으시고
파일찾기에서 아까 다운받아서 압축풀어놓은 xml 파일을 등록/업로드 하자.

그러면 반영된다. 두둥~!

게다가 반응형 탬플릿이라면 오른쪽 모바일 아래 설정단추(톱니)를 눌러서
모바일은 사용하지 않음 체크를 하자.

그러면 일단 다운받은 탬플릿이 웹과 모바일에 적용되었다.

잊지말아야 할 것은
  ㅇ삽입했던 페이지수준 광고코드 다시 넣어줘야함
  ㅇ네이버오픈메타 작성했다면 그것도 넣어줘야함

이걸 그대로 쓴다면 여기서 끝.

하지만 우리가 어떤 민족입니까;;
메일로 물어보니 아래쪽 크레딧
(실제 블로그화면의 designed by 이런것)이 유지된다면 수정해도 된단다.
(영어로 내 블로그에 대해서 물어본 결과, 케바케일수 있음)

그렇지만 여기서 개별 튜닝에 대해서 모두 설명을 하기에는
지면과 노력이 너무 많이 든다.
CSS 및 동적뷰 관련 HTML이나 CSS를 적용할때마다 가는 블로그 클릭

정말 깔끔하고 설명도 친절하게 잘 되어있다.
가자마자 추천 1 하시고 시작하셔도 된다.

저곳의 글을 참고해서 이래저래 바꿔서 현재의 탬플릿이 탄생~!
에효오....힘들다.