티스토리 블로그 20가지 초보팁 - 티스토리 초보 탈출


티스토리에 처음 입주 하신 분들을 위해서 훌륭하지는 않지만 제 나름대로의 '티스토리 사용법' 을 정리해 봤는데요. 글을 다 쓰고 보니까 20개나 되는 군요.

길었던 연재를 끝마치고 티스토리 블로그 20가지 초보팁 연재를 정리합니다.

2010/08/24 - 티스토리 초보팁 1편 - 티스토리 초대장을 받고 가입해 보자
2010/08/25 - 티스토리 초보팁 2편 - 블로그에 글을 써보자!!
2010/08/26 - 티스토리 초보팁 3편 - 카테고리로 글을 관리하자!
2010/08/27 - 티스토리 초보팁 4편 - 댓글, 댓글 알리미
2010/08/28 - 티스토리 초보팁 5편 - 트랙백 걸기
2010/08/29 - 티스토리 초보팁 6편 - 한번에 하나의 글만 보이기 화면 설정
2010/08/30 - 티스토리 초보팁 7편 - 유입 경로, 유입 키워드
2010/08/31 - 티스토리 초보팁 8편 - 링크 설정하고 관리하기
2010/09/01 - 티스토리 초보팁 9편 - 스팸 댓글 걸러내기
2010/09/02 - 티스토리 초보팁 10편 - 초대장 보내기
2010/09/03 - 티스토리 초보팁 11편 - 사이드바 설정하기
2010/09/04 - 티스토리 초보팁 12편 - 플러그인 사용하기
2010/09/05 - 티스토리 초보팁 13편 - 팀 블로그 만들어 보기
2010/09/06 - 티스토리 초보팁 14편 -티스토리 위젯 사용하기
2010/09/07 - 티스토리 초보팁 15편 -프로필 만들기
2010/09/08 - 티스토리 초보팁 16편 -파비콘, 블로그 아이콘 만들기
2010/09/09 - 티스토리 초보팁 17편 -블로그 주소 형식
2010/09/10 - 티스토리 초보팁 18편 -태그를 이용한 블로그 포스트 관리
2010/09/11 - 티스토리 초보팁 19편 -CCL을 통한 저작권 표시
2010/09/12 - 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정




티스토리에 관심이 있으시거나 티스토리 블로그를 운영하고 계신분들은 위 포스트 들을 참고하시기 바랍니다. ^^
위 포스트들을 다 읽으셨다면 여러분은 이제 티스토리 초보가 아닌겁니다..!! ㅎㅎ


ps. 티스토리 초보 팁 메뉴얼을 하나씩 만들어 나갈 계획인데, 티스토리에 메뉴가 하나씩 추가되거나 티스토리 초보팁의 서식을 조금씩 바꾸는 식으로 해서 개선해 나갈 생각입니다. ^^ 언제가 될지 모르겠지만 '티스토리 초보팁 v2.0' 이 나오겠죠. ㅎㅎ



티스토리 초보팁 16편 -파비콘, 블로그 아이콘 만들기



여러분은 파비콘이라는 말을 아시나요? 사실 파비콘은 합성어라서 잘 모르시는 분들도 있으시겠지만 여러분이 항상 보고 있는 것입니다. 파비콘은 인터넷 웹 브라우저의 주소창에 표시되는 아이콘입니다. 네이버의 경우에는 검색창 모양의 파비콘을 사용하고 있고, 다음의 경우에는 D 자 형태의 아이콘을 사용하고 있습니다.



파비콘은 위에서 말했듯이 합성어인데, 영어로 Favorites와 Icon이 합쳐져서 만들어진 용어로 Favorites는 즐겨찾기를 말합니다. 다시말해서 즐겨찾기에 등록되는 아이콘이라는 뜻으로 즐겨찾기에 어떤 홈페이지를 등록하면 아이콘이 표시되는데에서 비롯된 말입니다.



블로그 아이콘은 댓글을 달 때, 여러분의 블로그를 대표 할 수 있는 아이콘을 말합니다. 댓글창을 보시면 각 블로거들이 사용하는 필명 옆에 어떤 그림이 있는 것을 볼 수 있는데 이것이 바로 블로그 아이콘이라고 하는 것입니다. 대부분 파비콘과 블로그 아이콘을 같이 쓰고 있으며, 같은 그림으로 사용하고 있습니다.


블로그 아이콘 설정하기

티스토리에서는 이런 파비콘과 블로그 아이콘을 다룰 수 있는 기능을 제공합니다. 먼저 블로그 아이콘을 설정해보도록 하겠습니다.


관리자 메뉴에서 '환경설정' -> '블로그 정보' 메뉴를 들어갑니다.


그러면 프로필을 관리할 수 있는 화면과 프로필 사진을 관리 할 수 있는 항목들이 나옵니다. 스크롤을 내리면 '아이콘'이라는 부분이 있습니다. 여기에서 블로그 아이콘과 파비콘을 지정할 수 있습니다.

'찾아보기...' 버튼을 눌러서 여러분의 컴퓨터에 저장되어 있는 사진을 업로드 하시면 됩니다. 단, 블로그 아이콘으로 사용될 사진은 jpg, gif, png 형식의 그림 파일만 되며 그림 파일의 가로 세로 사이즈는 16*16, 24*24, 48*48..(픽셀) 이렇게 3가지 종류의 크기밖에 저장이 되지 않습니다. 크기에 맞도록 크기를 변환시켜줘야 합니다.

사진의 크기변환은 그림판으로도 쉽게 할 수 있습니다. ^^

'삭제' 버튼은 기존에 있던 아이콘이 맘에 안들면 지워 버릴 수 있는 기능입니다. 파비콘이나 블로그 아이콘을 출력하지 않고 싶으면 삭제를 누르시면 됩니다. ( 그러면 기본적인 아이콘이 출력이 될 겁니다. )


파비콘은 약간 더 복잡합니다. 파비콘은 ico 형태의 파일만을 요구하기 때문에 사진을 ico 형태의 파일로 변환해 줘야 합니다. 따로 변환 프로그램을 가지고 있으신 분들은 파비콘으로 사용하고 싶은 이미지를 ico 형태의 파일로 변환 시키면 됩니다. 없으신 분들은 '삭제' 버튼 오른쪽에 있는 'ico로 변환'을 클릭하셔서 ico 파일로 변환 할 수 있는 사이트로 가셔야 합니다. ( 자세한 사용법은 밑에 설명해 놓겠습니다. )

ico 파일로 변환이 완료되면 '찾아보기' 버튼을 눌러서 업로드하고 최 하단의 '저장' 버튼을 눌러서 저장을 해주셔야 파비콘과 블로그 아이콘이 저장이 됩니다.


ico 파일로 변환

그러면 변환시키고 싶은 파일을 ico 형태의 파일로 변환하는 법을 알아보도록 하겠습니다. 여기서는 티스토리에 링크되어 있는 사이트를 이용하겠습니다.


아이콘메뉴의 파비콘 부분의 오른쪽을 보시면 'ico로 파일변환' 이라는 링크가 있습니다. 이 링크를 클릭해서 이미지 변환을 해주는 사이트로 들어갑니다.


사진을 올리고 보니 크기가 크네요 ㅎ
'Get Started' 버튼을 눌러서 다음 단계로 진행합니다.


그럼 업로드할 파일을 선택하는 윈도우 대화창이 나옵니다. 기본적으로는 ico 파일이 선택이 되어 있네요.


파일 형식을 'Imgae (png, gif, jpeg)' 로 바꾸어 변환을 원하는 그림 파일을 선택합니다. (선택하시고 열기 버튼을 눌러주세요)



그럼 위 그림처럼 여러분이 선택한 그림이 미리보기 형식으로 나옵니다.
이 그림이 맞으면 'Export' 버튼을 눌러서 진행합니다. 다른 그림을 원하시면 'Browse' 버튼을 눌러서 다른 그림을 선택해 주시면 됩니다.


저장될 icon 파일의 크기를 지정해 줍니다. 체크박스 형태라 중복 설정이 가능하지만 출력되는 파일은 하나밖에 없네요. 나머지 체크박스는 해제해 주시기 바랍니다. 파비콘이 표시될 부분은 굉장히 작기 때문에 16*16 으로도 충분하지만 512*512도 상관 없습니다.

다만 파일의 가로,세로 크기가 너무 클 경우 아이콘의 파일 크기가 커져서 나중에 블로그 로딩 속도에 영향을 줄지도 모르겠습니다. 저는 그냥 16*16으로 했습니다.

크기를 지정해 주셨으면, 'Save As' 버튼을 눌러서 다음으로 진행합니다.



여기서 중요한게 파일 이름이 원본 이름과 같아야 하더군요. 즉, 그냥 '저장(S)' 버튼을 눌러주면 바탕화면에 icon 파일이 생성됩니다.

여기서 파일 이름을 수정하면 icon 파일이 아니라 그냥 파일이 생성되어 나중에 업로드 할 때 인식을 못 하더라구요. 왜 그런지는 모르겠습니다. 이유는 이 변환기를 개발한 분에게 문의 하세요 ㅎ

이제 이 icon 파일을 파비콘 설정화면에 업로드를 하고 저장을 하시면 여러분도 파비콘을 갖게 됩니다.


블로그를 대표 할 수 있는 아이콘을 갖는 것도 나중에 여러분의 블로그를 홍보 하는데에 도움이 될 수 있습니다. 예를 들면, 애플의 한 입 베어문 사과 같은 로고는 애플을 상징하는 로고가 되었죠. 마찬가지로 여러분도 여러분을 상징할 수 있는 아이콘을 만들어서 등록해 보세요 ^^


▲ 이전 글 : 티스토리 초보팁 15편 -프로필 만들기
▼ 다음 글 : 티스토리 초보팁 17편 -블로그 주소 형식



티스토리 초보팁 15편 -프로필 만들기



흔히 블로그는 소통의 창이라고 말을 합니다. 다른 많은 블로거들과 댓글과 트랙백을 주고 받으며 자기 자신의 의견을 주장하거나 상대방의 의견에 동의, 동감을 하기도 합니다. 이렇듯 온라인 환경에서 서로의 블로그를 방문하고 댓글을 달며 블로거들은 소통을 하고 있는 것입니다.

Business card (front)
Business card (front) by scottroberts 저작자 표시비영리변경 금지

오프라인에서는 어떨까요? 현실세계에서 사람과 사람이 만날 때, 자기소개를 합니다. '나는 누구이고, 몇 살이고, 어디 살고, 무슨 일을 하고... ' 비즈니스와 관련된 만남을 갖을 때에는 서로 명함을 주고 받죠. 명함에는 그 사람의 간단한 연락처와 소속회사나 직급 등이 쓰여 있습니다. 다시 말하면 명함에는 그 사람의 간략한 프로필이 들어 있는 것입니다.

티스토리에서는 이런 명함같은 기능을 제공하고 있습니다. 얼마전에 오픈한 기능인데요. 바로 '프로필'이라는 기능입니다. 프로필 기능을 사용하는 티스토리 유저가 댓글을 남기면 그 유저에 대한 간략한 정보를 볼 수 있는 '프로필 버튼'이 필명 옆에 나타나게 되는데요.

티스토리 프로필

프로필 버튼

티스토리 프로필

프로필 버튼 클릭한 모습



요즘들어 댓글창에 프로필 버튼을 다신 분들이 많이 있는데요. 프로필 버튼을 클릭하면 그 블로거가 프로필에 첨가해 놓은 정보와 링크들이 뜹니다. 예를 들면, 자기 블로그의 RSS 피드를 달아 놓는다던가, 자신의 트위터 주소, 또 다른 블로그나 홈페이지 등의 링크를 달아 놓을 수도 있습니다.

그럼 이번 시간엔 티스토리에서 제공하는 프로필 기능의 사용법을 알아보도록 하겠습니다.


프로필 기능 사용하기

위에서도 말했듯이 티스토리에서는 프로필 기능을 제공합니다. 여러분이 갖고 있는 소통의 창들을 정리해 두시고 하나씩 추가하시면 됩니다. ( 소통의 창은 미투데이나 트위터, 혹은 RSS 피드나 이메일 주소를 등록해도 상관없습니다. )

티스토리 프로필

프로필 설정 기능은 관리자 페이지에서 '환경설정' -> '내 설정'으로 들어가시면 됩니다. 다른 기능들과 다르게 프로필 설정기능은 메뉴에 이름이 등록되어 있지 않군요. ( 그래서 못 쓰고 계신분이 많을지도 몰라요! )

티스토리 프로필

설정 화면은 위와 같습니다. 내 설정의 하위 메뉴에는 '대표 블로그'와 '프로필 레이어'가 있는데 프로필에 관한 내용은 '프로필 레이어'에 있습니다.

참고로 '대표 블로그' 는 여러분이 댓글을 달았을 때, 링크가 될 블로그를 말합니다. 티스토리에는 한 계정에 여러개의 블로그를 허용하는 '멀티 블로그' 기능이 있기 때문에 어느 블로그를 대표 블로그로 지정 할 지 정해야 합니다.
기본적으로는 가장 먼저 만든 블로그, 즉 가입하면서 생성한 블로그를 대표 블로그로 지정하지만 경우에 따라서 수정을 할 수도 있습니다.


티스토리 프로필

먼저 적용역역은 프로필이 표시될 부분을 나타냅니다.
'댓글'여러분이 댓글을 남겼을 때, ( 여러분의 블로그에 혹은 다른 티스토리 유저의 블로그에.. ) 여러분의 필명 옆에 붙게 되는 프로필 버튼에 적용을 시킨다는 의미입니다. 가장 많이 사용되는 기능이지요.

'사이드바'사이드바에 여러분의 프로필을 표시할 수 있는 항목을 추가 시키는 것입니다. 체크 박스를 체크하고 '저장' 버튼을 누르면 사이드바 관리 페이지에 프로필 레이어가 추가 되어 있을 겁니다. 사이드바 관리에 대한 내용은 사이드바 사용법 글을 참고해 주세요.


티스토리 프로필

'프로필 레이어 꾸미기' 부분은 현재 여러분의 프로필에 적용되어 있는 항목들을 표시합니다. 아직 아무것도 추가되지 않았기 때문에 아직은 위 화면처럼 그냥 여러분 블로그의 제목과 필명만 나타낼 수 있는 항목만이 존재합니다. 항목을 하나씩 추가하면 이곳에 추가한 내용들이 하나씩 더해지게 됩니다.

티스토리 프로필

'프로필 추가' 영역에서는 프로필에 추가할 내용들을 선택하는 곳입니다. 기본적으로 다음에서 서비스하는 '다음뷰' 의 'My view'와 트위터, 요즘이 등록되어 있습니다.

하지만 기본적으로 등록된것 이외에 사용자가 직접 입력 할 수 있는 기능을 가지고 있습니다. 예를 들면, 올포스트의 마이포스트 영역이나 블로그 코리아의 RSS 피드 등을 연결 시킬 수 있습니다.

티스토리 프로필

사용자 입력기능은 간단히 링크 태그라고 생각하시면 됩니다. 어떤 이름에 어떤 URL 주소를 링크 시킬 것인지만 아시면 간단하게 프로필에 해당 정보를 추가 하실 수 있습니다.


프로필 기능을 이용해서 티스토리와 트위터, 티스토리와 미투데이 등의 다른 SNS 서비스들을 연동시켜 보세요 ^^ 블로그 이웃분들은 다른 SNS로도 여러분과 소통하기를 원하실 테니까요..


▲ 이전 글 : 티스토리 초보팁 14편 -티스토리 위젯 사용하기
▼ 다음 글 : 티스토리 초보팁 16편 -파비콘, 블로그 아이콘 만들기


+ Recent posts