본문 바로가기

Blog tip

파피콘 만들기

 블로그를 만들고 꾸미다보면 온갖 많은 기능들과 소스들이 난무합니다. 
 배우기에는 너무나 복잡해 보이지만
꼭 따라하고 싶어지는 기능들! 
 그 중에 하나가 바로 '파피콘' 이죠.
 파피콘은 위에 화면에서처럼 홈페이지나 블로그 주소 앞에 조그마하게 나타나는
 '나만의 아이콘'이 바로 파피콘 입니다.  
 이것은 사용자가 마음대로 만들고 붙일 수 있는 부분 입니다. 
 뭐~  다른 블로그 서비스도 이 기능을 제공하고 있지만, 쉽게 설치하고 삭제 할 수 있는 기능을
제공하는 것은
티스토리가 제일 좋은 것 같아요.




자! 그럼 이제 파피콘을 넣어보도록 합시다!





일단, 파피콘에 사용 할 수 있는 그림을 찾아야 합니다.
이미 만들어진 그림들도 좋고
본인이 직접 포토샵이나 기타 디자인 툴을 사용하여 만드셔도 됩니다.
저는 제 닉네임인 PASO라는 글자를 포토샵을 통해서 만들어 보았습니다.
저장하실 때, 확장자는 Jpeg, Gif, Png 중에 하나를 골라서 저장하셔야 합니다.
PDS로 저장하시는 분들은 없겠죠?





만드셨다면 이제 파피콘 아이콘으로 변환시켜야 합니다.
파피콘에 들어갈 수 있는 그림 파일은 꼭 "Icon" 이라는 확장자를 가진 것 이여야 합니다.
티스토리는 기본적으로 일반 그림 파일을 Icon 로 변환시켜주는 기능을 제공하고 있습니다.
일단, 관리자 모드로 들어가시면 '환경설정'이라는 메뉴가 있을 겁니다. 그곳을 보시면 하단에 위 화면에 메뉴가 보이실 겁니다. 그럼 화면에 체크된 부분을 클릭하세요.






새로운 창이 생기면서 위에 화면이 나올 겁니다.
그럼 Get Started 라는 버튼을 누르시고 프로그램을 실행하세요.






다음으로 Browse 버튼을 누르시고 맨 처음에 만들어 놓은 그림 파일을 집어 넣습니다 .






사이즈를 정하는 부분으로 대체로 16 X16 이상으로 변형하시기 바랍니다.
왜냐하면 티스토리에 파피콘 파일을 업로드할 때 자동적으로 18 X 18 로 리사이즈 되기 때문에
그림 파일 픽셀이 깨지지 않게 조금 높게 잡아주시면 됩니다.
파일을 저장하시고, 다시 블로그 관리자 모드로 돌아오셔서 완성된 파피콘 파일을 업로드 합니다.
업로드가 끝나면 '설정이 저장 되었습니다'라고 메세지가 뜰겁니다.
하지만, 이게 끝이 아니라는 사실!!


블로그 html 소스에 이 파일이 업로드된 경로를 추가시키셔야 합니다.



경로를 알기 위해서는 파피콘 업로드 부분에 위에 박스 부분을 마우스 오른쪽 버튼을 클릭하고
'속성' 버튼을 누릅니다.







그럼 위에 화면에 체크된 부분처럼 해당 파피콘이 업로드된 주소가 나와있을 겁니다.
이것을 복사하셔야 합니다.








자 이제 마지막 이 부분이 제일 중요합니다.

블로그 관리자 메뉴 부분을 보시면 '스킨' 이라는 메뉴가 있을 겁니다.

그곳에 html/css 가 보이시죠? 클릭하세요.

그럼 상단에 html 소스들이 보이실 겁니다.

그럼 처음에 <head> 라고 적힌 부분 바로 밑에 다음 소스를 집어 넣어주시면 됩니다.


<link rel="SHORTCUT ICON" href="파피콘을 업로드한 주소/파피콘파일명">

예) <Link REL="shortcut icon" href="
http://cfs.tistory.com/custom/blog/59/594086/favicon.ico?randomseed=764661066">


이 때, 주소와 파일명 부분에 위에서 복사했던 '파피콘 주소 경로'를 붙여넣기 해주시면 됩니다.



(바로 위에서 복사했던 경로!!)



그리고 '저장하기'를 누르시면 끝!