[구글블로그스팟 운영하기] 내 블로그를 반응형웹으로 만들기

기본스킨으로 모바일템플릿 설정하기

티스토리나 네이버처럼....
구글블로그스팟 또한 특별한 템플릿없이도 기본기능만으로...  모바일접속시 모바일 환경에 맞게하는 기능이 있습니다.

모바일 접속시에는....
컴퓨터로 접속하는 템플릿과는 전혀상관없이 새로운 모바일전용 템플릿이 적용되는 방식이에요.

블로그스팟 운영자모드로 들어가셔서 왼쪽메뉴중 [템플릿]을 선택해주세요.
그러면 위의 화면이 나오는데요.
이 화면에서 제가 빨간색 네모로 표시해둔 모바일옵션을 선택하면 버튼이 있어요.
클릭하시면 모바일템플릿을 설정할수 있는 창이 떠요.

[예. 휴대기기에 모바일템플릿을 표시합니다]에 체크버튼만 클릭하시면 돼요. 아주 간단하죠.ㅎ
모바일템플릿의 종류가 여러개라 선택하실수있지만, 디자인자체가 다 기본디자인이에요.
[미리보기]버튼을 클릭하여 내블로그에 적용시 어떻게 보이는지 알수 있구요.
설정이 완료되셨다면 [저장]버튼을 클릭해주시면 끝이에요.

여기서 살짝 아쉬운점이.. PC전용 템플릿의 디자인이 화려하고 특이할수록....
모바일 전용 템플릿과의 디자인차이가 많이 나서 전혀 다른 사이트처럼 보일수 있다는거구요.
또한 블로그스팟에서 제공하는 모바일템플릿의 종류가 많지 않다는거에요.
그래서 반응형템플릿을 이용해 보려고 해요.

반응형템플릿을 이용해 더 예쁜 반응형 블로그 만들기

PC와 모바일, 그리고 테블릿 접속까지 다 커버해주는 반응형블로그를 만들기 위해서는 반응형템플릿이 필요해요.
물론 개인적으로 HTML에 들어가서 하나하나 프로그래밍을 할수도 있겠지만... 전문가가 아닌이상 일반 블로거가 그런 반응형웹으로 코드를 짠다는건 좀 힘들겠죠?!

반응형템플릿을 얻을수 있는 사이트로 이 사이트를 참고해주세요.
이미 지난번 포스팅에서 [예쁜스킨 제공하는 사이트]라는 제목으로 자세히 포스팅을 했습니다.
사이트주소 바로가기: http://newbloggerthemes.com/

반응형템플릿을 블로그에 적용하는 방법은 일반 템플릿 적용하는 방법과 아주 정확하게 똑같습니다.
템플릿적용하는 방법 또한 지난 포스팅에 아주 자세히 적어놨는데요. 내용이 길기때문에 지난 포스팅을 붙여놓으려고 해요.
지난 포스팅보러가기: [예쁜템플릿 블로그에 적용하기]

반응형템플릿을 이용할때 참고사항
반응형템플릿을 적용하신다면 굳이 [템플릿]-[모바일템플릿선택]에서....
[예. 휴대기기에 모바일템플릿을 표시합니다]에 체크버튼을 클릭하실필요가 없습니다.
이미 템플릿자체가 반응형이라 어느 화면크기로 방문하던지 상관없거든요.

그래서 반응형 템플릿 적용하신분들은 [아니요. 휴대기기에 데스크톰 템플릿을 표시합니다.]에 체크버튼을 넣어주세요.


[다음포스팅 예고편]
반응형블로그로 만들었는데 휴대기기에서 어떻게 보이는지 궁금하지 않으세요?
확인하는방법에 대한 포스팅을 하겠습니다.