2009년 5월 1일

blog mobile page 블로그를 모바일 페이지로 만들기

혼자 마음먹고 있던 프로젝트가 있습니다.


아이폰/터치에서도 블로그를 편하게? 보기


크게 세가지 방법이 있겠죠. 
하나는 서버를 두고 아이폰 전용으로 페이지를 만드는 겁니다.
아니면 아이폰 전용 페이지를 만들어주는 서비스(테더툴즈가 가능한 걸로 알고 있습니다)로 옮기거나.
마지막 방법이 구글에서 지원하는 '모바일 페이지로 만들어주는 서비스(?)' 를 이용하는 방법입니다.


결국 가장 손쉬운 마지막 방법을 선택했는데,


처음엔 그냥 링크를 걸었습니다.


http://www.google.com/gwt/n?u=kkaibi.com


식으로...


그러다가 오늘 드디어 블로거 템플릿에서 '현재 페이지의 url 값 변수'를 찾아냈습니다.


data:blog.url


그리고 아래와 같은 코드를 만들어냈는데요.


< div align='right' >
<a expr:href='"http://www.google.com/gwt/n?u=" + data:blog.url'>Moblie Page 
</a></div>


저기서 expr:href 에서 자꾸 에러가 났습니다.
expr 에서 전부 다 ' ' 로 묶어 줘야 하는데 무조건 " " 를 넣어 버렀으니 안될 수 밖에요.


마지막으로 저 코드를 넣는 부분이 소개하기 좀 꺼림직 한데, 위젯으로 넣는 것은 변수등등으로 적용이 안되고, 그냥 어거지로 넣었습니다.


모바일 페이지를 원하시는 분이라면 맨 위에 첨부한 그림으로 이해가 되실 듯 하니...


어떻게 넣는지는 따로 정리하지 않겠습니다.^^.