'아이콘'에 해당되는 글 1건

  1. [2008.01.20] Tistory용 iPhone 웹클립 아이콘 만들기~!! (8)
weenybee님의 블로그에서 아이폰의 이번 업데이트에서 사용가능하게 된..
웹클립 기능에 적용할 수 있는 아이콘을 지정하는 방법을 알게되어서..
제 티스토리에도 적용해 보았습니다..

게다가 어제 말씀드린대로..
부득이하게 제 아이폰을 1.1.3으로 업데이트를 시켜버린 바람에.. ㅜ.ㅜ;;;
떡 본김에 제사지낸다고 이참에 블로그 아이콘이랑 Favicon도 바꾸면서..
아이폰용 웹클립 아이콘까지 만들어서 올려보았습니다..

적용하는 방법은..

우선 57 X 57 사이즈의 PNG 파일 아이콘을 준비합니다..
물론 자신의 블로그를 대표하게되는 아이콘이니 만큼..
블로그 이미지와 가장 가깝게 만드시는게 좋겠지요..

사이즈는 꼭 57 X 57은 아니어도 됩니다..
작으면 조금 문제가 되겠지만, 큰 경우는 자동으로 리사이즈를 해주기 때문에 괜찮습니다.
너무 크면 용량 문제로 로딩 되는데 시간이 좀 걸리겠지요? ^^;;

전 아무래도 제 블로그에 아이폰과 관련된 이야기가 많아서..
현재 쓰고있는 스킨의 배경 그림과 아이폰 아이콘을 합쳐서 이렇게 준비를 했습니다.
사용자 삽입 이미지




준비한 파일의 이름을 "apple-touch-icon.png" 로 저장한 다음..
티스토리의 관리자 메뉴에서..
스킨 -> 직접올리기를 선택한 다음 파일을 업로드를 합니다.

파일이 업로드한 후..
티스토리 관리자 메뉴에서..
스킨 -> HTML/CSS 편집으로 이동합니다.

그런 다음, 상단의 skin.html 편집 화면에서..
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png"/>
를 복사하신 다음..
<head>와 </head> 사이에 붙여넣기 합니다..

자, 이제 다 끝났습니다..
다음부터 아이폰 혹은 아이팟 터치에서..
자신의 블로그에 접속해서 웹클립을 만들 경우..
업로드한 아이콘이 웹클립의 아이콘으로 지정이 되어서..
아이폰과 아이팟 터치의 홈스크린에 저장이 됩니다..

제 블로그의 웹클립 아이콘이 어떻게 출력이 되는지 확인하고 싶으신 분은..
아이폰 혹은 아이팟 터치 1.1.3 버젼에서..
제 블로그를 방문하셔서 홈스크린에 북마크를 만들어 보시면 보실 수 있습니다... -_-;;;;;;;;;;;;;;;;

(나도 1.1.3으로 업데이트 했으니 다른 사람들도 다 업데이트 시키겠다는 못된 심뽀.. -_-;;;;)

댓글을 달아 주세요! 사람과 사람의 교감! 人터넷의 첫 시작! 댓글!

  1. Favicon of http://hanpurn.com BlogIcon 건호아빠 2008.01.20 19:57  [댓글주소]  [수정/삭제]  [댓글쓰기]

    오랫만입니다, Caleb님....
    이젠 mgpro님이시죠?
    얼마전에 iPhone 업그레이드 하려다가 결국 삼성 SCH-i760을 쓰게 되었어요.
    덕분에 제 맥북도 OS X로 돌아가지 못하고 윈+아웃룩의 싱크체제로 유지하는데,
    생각보다 윈도우 모빌6이 괜찮네요.... 여전히 freeze 잘되는 특성은 유지하지만~
    모빌7이 나오면 꽤 iPhone다와질것(?) 같습니다.....
    최근에 주변에 일하는 동료 하나가 미국이름이 Caleb이라서 반가왔답니다.
    그럼 이만....

    • Favicon of https://mgpro.tistory.com BlogIcon MacGeek Pro 2008.01.20 21:21 신고  [댓글주소]  [수정/삭제]

      건호 아버님 오랜만이십니다~! ^^;;
      전 사실 스마트폰 쓰면서 윈도 모바일은 한번도 써본적이 없어서 어떤지 잘 모르겠네요..
      이전에도 팜 유저였다지요.. ^^;;

      절 Caleb로 부르셔도 상관없습니다..
      어짜피 제 영어 이름이니까요.. ^^;;

      종종 이렇게 오셔서 근황같은거 알려주시는 것도 좋을듯 합니다.. ^^;;

  2. Favicon of https://earlyit.tistory.com BlogIcon Early Adopter 2008.01.20 20:22 신고  [댓글주소]  [수정/삭제]  [댓글쓰기]

    음.....나중에 시도해봐야겠군요..-_-;

    • Favicon of https://mgpro.tistory.com BlogIcon MacGeek Pro 2008.01.20 21:21 신고  [댓글주소]  [수정/삭제]

      어짜피 정품으로 가시기로 하셨으니..
      한번 해보시는 것도 괜찮을 듯 합니다.. ^^;;

    • Favicon of https://earlyit.tistory.com BlogIcon Early Adopter 2008.01.20 22:47 신고  [댓글주소]  [수정/삭제]

      음..그럼 저만의 아이콘을 만들고 싶어지네요..

      아이폰아이콘은 어떻게 만드셨는지...

    • Favicon of https://mgpro.tistory.com BlogIcon MacGeek Pro 2008.01.21 10:12 신고  [댓글주소]  [수정/삭제]

      그냥.. 제 스킨 배경그림에다가..
      인터넷에 떠돌아 다니는 아이폰 아이콘 세트를 다운 받아서..
      포샵으로 크기만 대충 변경해가지고 만들었다지요~! ㅋㅋ

      혹시.. <- 요기 옆에 뱅글뱅글 돌아가는 하트로 만드시진 않으실꺼지요?? ㅋㅋㅋㅋ

    • Favicon of https://earlyit.tistory.com BlogIcon Early Adopter 2008.01.21 14:20 신고  [댓글주소]  [수정/삭제]

      사이트주소좀..-_-;

    • Favicon of https://mgpro.tistory.com BlogIcon MacGeek Pro 2008.01.21 16:14 신고  [댓글주소]  [수정/삭제]

      에.... 그러니까.... 주소가..... -_-;;;
      죄송합니다.. 주소를 기억하지 못합니다..
      그냥 구글에서 온 동네방네를 다 뒤지다가...
      마음에 드는거 그냥 다운받은거라서.. -_-;;;;
      특별히 따로 주소를 기억하고있지 못하네요.. -_-;;