내블로그를 아이폰 바탕화면에 설치할 수 있게 해주는 기능 추가~ : 아이폰 유저들 많이 이용해 주세요

log

by Dapy 2009. 12. 28. 16:09

아이폰이 국내에 출시되고 상당히 많은 분들이 구매를 했다 이번 포스트에서는 이 아이폰에서 본 블로그에 보다 편리하게 접속할 수 있게 아이폰 바탕화면에 블로그 아이콘을 설치할 수 있는 기능을 추가했기에 소개를 하고자 한다 ( 설치 방법도 설명해 놓았다 )

우선 아이폰의 사파리 브라우저로 본 블로그를 접속한다 그럼 위 좌측 이미지처럼 하단에 + 버튼이 보일 것이다 이것을 터치하면 우측 이미지처럼 버튼이 나오는데 가운데의 바탕화면에 추가를 선택한다

그리고 그 다음 화면에서 바로 추가를 하면 아이폰의 바탕화면에 본 블로그의 아이콘이 설치가 된다 이후부터는 이 아이콘을 터치하면 바로 본 블로그로 접속이 가능한 것이다

아쉬운 점은 티스토리의 경우 아이폰에서 접속을 해도 모바일 화면으로 자동 전환이 안 된다는 것이다 그래서 접속을 하게 되면 PC 에서 접속할때와 동일한 화면이 나오게 된다

아이폰의 작은 화면으로 보기에는 불편한 점도 있고 따로 모바일 페이지를 제공하고 있기에 위처럼 우측 사이트바에 모바일 페이지로 바로 갈 수 있는 버튼을 설치해 놓았다 아이폰에 설치된 아이콘과 동일한 모양으로 쉽게 눈에 띄며 아이폰의 작은 화면에서도 잘 누를 수 있게 제법 크게 해 놓았다 이 버튼을 누르면 옆 이미지처럼 모바일용 페이지로 접속이 가능하다 입 맛에 맞게 PC 화면 또는 모바일용 화면을 이용하면 된다

아이폰용 아이콘을 블로그에 설치하는 방법은 간단하다 아이폰에 사용될 57x57 크기의 png 포맷의 아이콘 이미지를 준비한다 크기는 이보다 커도 되고 작아도 되지만 최적의 크기가 이 크기이다 준비된 이미지를 블로그 스킨 편집의 파일 올리기에 업로드 한다

그리고 html 편집에 들어가서 <head> ~ </head> 사이에 아래와 같은 코드를 삽입한다 (복사 방지가 되어 있으니 첨부파일을 열면 그 안에 코드가 있습니다)

아이폰용아이콘코드.txt