가독성을 높여라, 내 블로그 글자 크기 변경하기


블로그 뿐만아니라 모든 글에 대해서 적용 되는 좋은 글의 조건 중 하나가 바로 가독성입니다. 읽는 사람으로 하여금 얼마나 글이 눈에 잘 들어오는가, 이것이 좋은 글이 가지는 특징 중에 하나라고 할 수 있는데요. 따라서 많은 블로거 분들이 가독성이 높은 글에 대해서 연구하고 가독성이 높은 글쓰기를 원하시고 있습니다.

가독성이 높은 글에는 여러가지가 있을 수 있는데요. 문장이 간결해서 한눈에 한 문장이 잘 들어오는 글이 가독성이 높기도 하고, 쉬운 단어들을 이용해서 설명을 할 경우 전문지식이 없는 분들도 잘 이해 할 수 있는 글이 될 수 있습니다. 또 빽빽한 글로만 쓰지 말고 적절한 이미지나 동영상 같은 멀티미디어를 구석구석에 집어 넣어 이해를 돕는 것도 가독성을 높이는 방법이 될 수 있습니다.


하지만 그런 글의 구성은 따로 배우지 않는 한 초보자 분들께서 따라하기가 힘들 수 있습니다. 좋은 글을 쓰기 위해서는 글을 많이 써봐야 하기 때문이지요.

Kayısı-Apricot
Kayısı-Apricot by Marchnwe 저작자 표시비영리변경 금지


하지만 초보분들도 쉽게 가독성을 높이는 방법이 있습니다. 바로 글의 포맷을 변경하는 것 입니다. 글의 포맷에는 문장간 간격이라든가 글자의 크기, 글꼴의 종류 등이 있습니다. 사람들에게 잘 읽히는 글꼴과 글자 크기가 있는데, 여러분의 블로그를 좀 더 가독성이 좋게 만들기 위해서는 적당히 큰 글자크기와 보기 좋은 글꼴을 선택하는 것이 중요합니다.

이번 시간에는 여러분 블로그의 기본 글자크기와 글꼴 등을 바꿀 수 있는 방법을 알아보도록 하겠습니다.


글자 크기를 바꾸어 보자.

 티스토리의 가장 큰 매력중에 하나가 바로 HTML/CSS 코드가 수정 가능하다는 것인데요. 블로그의 기본 글자크기와 글꼴도 이 기능을 통해서 설정 할 수 있습니다.



[관리자 메뉴] 에서 [스킨] - [HTML/CSS 편집] 기능을 선택합니다.



style.css 부분에서 .article 로 시작하는 부분을 찾습니다. 그 곳이 여러분이 글을 썼을 때 글이 어떻게 보여지는지에 대한 설정입니다.

font-size 부분에서 11pt 부분의 숫자를 알맞은 숫자로 바꿉니다. 저도 원래는 10pt였는데 다소 작은감이 있어서 보기 편하게 11pt로 바꾸었습니다. 참고로 제 스킨의 경우 10pt, 11pt, 12pt는 다음과 같이 보입니다.



여러분 입맛에 맞는 글자 크기를 선택하시기 바랍니다. 저의 경우 11pt 정도가 딱 알맞은 것 같아서 11pt로 세팅을 해 놨습니다. ^^

그 동안 제가 쓴 글을 보면서 글자 크기가 너무 작은게 아닌가 생각을 했었습니다. 실제로 다른 블로거 분들이나 인터넷 뉴스 등과 비교를 해봐도 다소 작아보이더군요. 그래서 이번 기회에 기본 폰트사이즈를 하나 키워봤습니다. 예전에 비해서 가독성이 좀 나아진 듯 합니다만, 다른 글꼴 등을 계속 찾으면서 좀 더 가독성을 향상 시켜봐야겠습니다. ^^

여러분은 가독성을 위해서 어떤 작업을 해보셨나요?


티스토리 팁 - 내 글을 SNS로 보내자



정말 오랜만에 티스토리 팁을 쓰게 되네요. 중간고사부터 시작해서 계속 바쁘다는 핑계로 인터넷 산업에 대한 얘기만 했었는데, 본격적으로 다시 티스토리 팁을 써 보도록 하겠습니다. 워낙 오랜만에 팁을 쓰다보나 뭐 어떻게 어디부터 써야 할 지 막막하네요. ㅎ

오늘의 티스토리 팁은 내가 티스토리에 발행한 글을 SNS 사이트로 보내주는 기능을 사용해 보는 것입니다. 요즘 여기저기서 소셜소셜 하고 있는데요. 특히 트위터와 페이스북의 강세가 무섭습니다. 이런 열풍에 힘입어 티스토리에서도 여러분이 작성한 글을 트위터나 페이스북으로 자동으로 보내주는 기능이 있습니다. 트위터를 개설만 해놓고 사용을 하지 않으시는 분, 페이스북 계정만 있고 아직 사용하지 않으시는 분들께 추천하는 플러그인 기능입니다.


기능을 사용해 봅시다.

여러분의 글을 자동으로 SNS로 보내주는 기능은 플러그인 형태로 제공이 됩니다.



관리자 메뉴에서 [플러그인] -> [플러그인 설정] 을 선택합니다.




플러그인 메뉴 중, SNS 글보내기 항목을 선택합니다.




SNS 글 보내기 항목에서 적절하게 세팅을 해 줍니다. 예제로 보여드리자면,


이게 큰 아이콘이고,



이게 작은 아이콘입니다.
여러분의 스킨 상황에 따라서 적절하게 맞춰 사용하시면 좋을 것 같습니다. 참고로 저는 작은 아이콘을 사용하고 있습니다. 조그마한게 귀엽기도 하고 아이콘이 너무 커다라면 보기에도 부담스러워서요. ㅎ


연결을 시켜봅시다.

이제 귀여운 아이콘들은 여러분의 스킨에 포함이 되었구요. 자동으로 글을 발행 할 수 있도록 연결을 시켜 보도록 하겠습니다. 자동으로 글을 보내고 싶은 SNS의 아이콘을 클릭하시면,


이런식으로 로그인 페이지가 나오게 됩니다.
트위터에 글을 보내고 싶으시면 트위터 계정으로 로그인을 하시고, 페이스북, 미투데이, 요즘으로 글을 보내고 싶으시면 해당 서비스로 로그인을 하시면 됩니다.


그러면 여러분이 블로그에 글을 발행 할  때마다 자동으로 글이 SNS로 보내지게 됩니다.



예제

지금 저는 트위터로 글을 자동으로 보내고 있습니다.



제 트위터를 보시면 빨간색 네모친 글처럼 Tistory라는 해시태그가 붙고 제목이 나온뒤 해당 글의 URL이 단축 URL의 형태로 표시가 됩니다.


SNS 이제 단순한 인맥 형성의 통로가 아닙니다. 소셜 미디어, 소셜 커머스 등의 응용들이 나오고 있습니다. 이런 상황에서 넋을 놓고 있을 수는 없지요. 만일 블로그를 조금 더 북적거리게 만들고 싶고 내가 쓴 글을 좀 더 많은 사람들이 봐주었으면 하고 생각을 하신다면 SNS 글 보내기 플러그인을 이용해서 여러분의 글을 홍보하시기 바랍니다. ^^

SNS 플러그인 사용하고 계신가요?

블로그 팁 - 브라우저 호환성 확인 하시나요?




브라우저 시장이 마이크로 소프트의 인터넷 익스플로러 위주에서 파이어 폭스나 구글의 크롬, 사파리, 혹은 다른 모바일 웹 브라우저로 많이 옮겨 가고 있습니다. 그러면서 인터넷 익스플로러가 지배하고 있던 웹 세계의 문제점이 드러나고 있습니다. 참고로 저도 올해부터 파이어 폭스라는 다른 웹 브라우저를 쓰고 있습니다. 그러다가 오늘에서야 문제가 있다는 것을 발견하게 되었네요.

(photo of Stormtroopers watching a photo of Stormtroopers)²
(photo of Stormtroopers watching a photo of Stormtroopers)² by Stéfan 저작자 표시비영리동일조건 변경허락



다르게 보이는 스킨

얼마전에 블로그 하단의 추천 버튼을 정리했습니다. 재아님의 포스트를 응용해서 블로그 하단의 다음뷰 추천, 믹시 추천 위젯을 정리하고 빈 공간에 링크프라이스 CPC 광고를 게재했습니다. <fieldset> 태그를 이용해서 다음뷰 구독 버튼도 추가 했구요. 나름 깔끔하게 정리해 놨었습니다.



파이어 폭스에서는 이렇게 보이거든요. ㅎ 그래서 만족스럽게 몇 일을 달고 있었습니다. 그러다가 오늘 인터넷 익스플로러 8을 이용해서 블로그에 접속해보니..




이 따위로 깨져 있었떤 것입니다. 황당했죠 ㅋㅋ
제가 주로 사용하는 웹 브라우저인 파이어 폭스에서는 깔끔하게 안쪽의 내용들의 사이즈에 맞게 겉을 둘러싸고 있는 테두리를 확장시켜 줬지만 이 놈의 인터넷 익스플로러는 지정해 준 사이즈 그대로 반영하고 있었습니다. 안에 뭐가 들어 있던 상관안하고 말이죠 ㅎ

크롬이나 사파리, 혹은 모바일 웹 브라우저에서는 어떻게 보일지 잘 모르겠지만 당황 스러웠습니다.




스킨 편집으로 다시 들어가서 <fieldset> 태그의 속성을 조금 조절해 준 뒤에야 파이어 폭스와 똑같이 보이게 되었습니다. 인터넷 익스플로러로 무심결에 들어와 보지 않았더라면 흉물스럽게 계속 남아 있을 뻔 했습니다. 크롬이나 사파리도 확인해 봐야겠네요.


3D Character and Question Mark
3D Character and Question Mark by 姒儿喵喵 저작자 표시비영리



왜 그럴까?
 
이런 브라우저 간의 차이는 왜 발생 할 까요? 여기에는 사연이 있는데, 우리가 배우고 있는 HTML의 표준과 관계가 있습니다. 넷 스케이프와 인터넷 익스플로러가 서로 싸우던 고대의 웹 브라우저 시대에는 표준이 없었습니다. HTML 파일을 어떻게 표현 해야 한다는 표준이 없었기 때문에 같은 HTML 파일을 가지고 두개의 브라우저가 서로 다르게 표현 하는 상황이 계속 되었죠. 후에 웹 표준이 제정되어, 웹 브라우저간의 해석 차이가 줄어들긴 했지만 아직도 남아 있습니다.

똑같은 HTML 코드를 두 웹 브라우저가 다르게 해석하는 것 때문에 웹 프로그래머들이 골치를 썪고 있는 상황이 많은데요. 특히 인터넷 익스플로러는 버전 6까지 웹 표준과 다소 다른 동작을 해서 문제가 있었습니다. 웹 프로그래머들이 인터넷 익스플로러에 맞춰야 할 지 웹 표준에 맞춰야 할 지를 두고 많이 고민을 했었는데요. 우리나라 같은 경우엔 웹 표준이고 뭐고 무조건 인터넷 익스플로러에 맞춰야지요 ㅎ

인터넷 익스플로러의 버전이 높아짐에 따라 이런 차이는 거의 없어졌지만 아직도 있을 줄은 몰랐네요. ㅎ


Un Indizio ! - A Clue
Un Indizio ! - A Clue by mastrobiggo 저작자 표시비영리동일조건 변경허락


블로그 스킨을 바꿀 때에 적어도 한 두번은 여러분의 웹 브라우저가 아닌 다른 웹 브라우저로 보시기 바랍니다. ^^ 특히 우리나라를 점령하고 있는 인터넷 익스플로러는 꼭 확인해야 할 부분인 것 같습니다. 블로그는 내가 보기 위한 것이기도 하지만 그 보다 방문자에게 보여 주기 위한 공간이기도 하니까요 ㅎ




티스토리 팁 - 서식을 이용해서 보다 편리한 블로깅을..


티스토리에서 제공하는 편리한 기능 중에 "서식"이라는 기능이 있습니다. 자주 사용하는 글의 패턴을 저장해 놔서 쓸 수 있도록 하는 기능인데요. 티스토리의 서식 기능을 적절히 이용하면 보다 편리한 블로깅을 하실 수 있습니다. 제가 사용하는 방법을 예로 들면서 설명을 드리겠습니다.


서식이란?

 아시는 분은 잘 알고 계실 티스토리의 편리한 기능, 서식에 대해서 알아 보도록 하겠습니다. 서식은 클릭 한번으로 저장해 놓은  글을 본문에 삽입해 주는 기능입니다.


글쓰기 화면에서 오른쪽에 보시면 "서식"이라는 부분이 있습니다. 기본적으로 "블로그 연말 결산", "크리스마스 카드", "10Q/10A" 등의 서식이 들어 있습니다. 이 서식을 클릭하면 티스토리에서 제공하는 기본 서식들이 블로그 글쓰기 영역에 복사가 됩니다. 참 편리한 기능이지요.

더 편리한 점은 여러분이 직접 서식을 만들 수 있다는 점입니다. 위 그림에서 보시면 "문단 제목과 내용1" 과 "미션 임파서블 서식" 이라는 새로운 서식들이 보일 겁니다. 저 서식들이 바로 제가 만들어서 저장해 놓고 사용하고 있는 서식들입니다.


서식을 저장하는 방법은 보통 글쓰기와 똑같습니다.
여러분이 글쓰기 화면에서 써 놓은 글, 혹은 글쓰기 레이아웃 등을 서식으로 저장을 하면, 그때 그때 불러와서 쓰기 편리합니다.
그럼 시험삼아 하나 써보겠습니다.


서식 만들기

서식으로 자주 사용할 수 있는 소제목 모양을 등록해 보겠습니다.
글쓰기 화면을 열어서 여러분이 앞으로 사용 할 소제목을 만들어 봅니다.



저는 이렇게 세개의 소제목을 꾸며서 서식으로 저장해 놓겠습니다.


<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(107, 185, 177);">
1번 메뉴</div>
<br />

<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(139, 204, 82);">
2번 메뉴</div>
<br />

<div style="padding: 3px 6px; margin-bottom: 10px; font: bold 14pt/1 Dotum,Sans-serif; border-left: 19px solid rgb(230, 230, 230); width: 420px; color: rgb(255, 255, 255); background-color: rgb(255, 156, 14);">
3번 메뉴</div>

제가 사용한 소제목의 소스입니다. 필요하면 가져다 쓰세요 ^^
그리고 "문단 제목과 내용2" 라는 제목을 써 넣고 저장하기 버튼을 누릅니다.




저장된 글을 확인할 수가 있습니다. 보통의 글과는 드라게 분류가 "서식"으로 되어 있는 것을 볼 수 있습니다.
그럼 이제 다시 글쓰기 화면으로 가봅니다.



서식 탭에 방금 저장한 "문단 제목과 내용2" 라는 항목이 추가 된 것을 볼 수 있습니다.
이 서식을 클릭하면,



저장된 서식을 바로 바로 불러서 쓸 수 있게 되었습니다.. ㅎ




제 블로그의 글들을 보시다 보면 중간 중간 소제목이 들어가 있는 것을 볼 수 있는데, 이 소제목들 전부 서식으로 지정해서 필요 할 때마다 삽입해서 사용하고 있는데, 정말 편합니다. ㅎ

여러분들도 서식을 적절하게 활용해서 편하게 블로깅 하세요.. ^^



티스토리 팁 - 사이드바 만들기


대다수의 블로거들을 보면 사이드 바에 여러가지 기능들을 제공하고 있습니다. 티스토리에서 기본적으로 제공하는 기능도 있고, 블로거가 외부에서 퍼온 위젯을 달아 놓는 경우도 있습니다. 오늘 살펴 볼 티스토리 팁은 티스토리에서 제공하는 기능이 아니라 블로거가 사이드바 항목을 만들 수 있는 방법에 대해서 다룰 예정입니다.


티스토리 팁

내가 직접 만든 사이드바


티스토리의 가장 큰 장점이 바로 스킨을 편집 할 수 있다는 점이었는데요. 스킨을 편집해서 사이드바를 만들어 낼 수 도 있습니다. 특히 블로거가 만든 사이드바를 사이드바 편집 메뉴에서 조정을 할 수 있도록 하고, 좀 더 부드럽게 사이드바 처럼 보이게 해 놓을 수도 있습니다. 사이드 바를 보기 좋게 만드는 법에 대해서 알려드리겠습니다.


사이드바 만들기

이제 사이드바를 만들어서 "꼬마낙타 블로그에 오신 것을 환영합니다." 라는 글자를 출력해 보도록 하겠습니다.
관리자 메뉴에서 [스킨] - [HTML/CSS 편집] 메뉴를 선택합니다. HTML 편집 페이지에서 skin.html 부분을 선택합니다.
HTML 편집 창에서 "<s_sidebar>" 라는 부분을 찾습니다.

티스토리 팁

<s_sidebar>과 한참 밑의 </s_sidebar> 사이의 공간이 사이드바 항목들을 추가해 주는 부분입니다. 이 곳에 추가를 해주셔야 사이드바에 적절하게 표시가 되니 유의 하시기 바랍니다.

<s_sidebar_element>

꼬마낙타 블로그에 오신 것을 환영합니다.

</s_sidebar_element>


기본적인 골격은 위와 같습니다.
이 소스를 아무 </s_sidebar_element> 태그 밑에 삽입 합니다.

티스토리 팁

<s_sidebar_element>와 </s_sidebar_element> 사이에 있는 내용이 사이드 바의 항목이 되는 것 입니다.

티스토리 팁


사이드바에 추가가 된 것을 볼 수 있습니다. 하지만 뭔가 이상하죠? 다른 사이드바와 달리 흰색 박스 배경이 없습니다. 이래가지고는 사이드바 같다고 할 수가 없겠네요. 이제 흰색 배경을 한번 넣어 보겠습니다.

<s_sidebar_element>
<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
<div class="boxMidR">
                      
꼬마낙타 블로그에 오신 것을 환영합니다.

</div>
<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>
</s_sidebar_element>

위 소스를 아까 넣었던 소스 대신에 넣어 봅니다. 아까 넣었던 부분은 지우고 그 자리에 한번 넣어 보세요.

티스토리 팁

아까와는 좀 달라진 것을 볼 수 있습니다.
"꼬마낙타 블로그에 오신 것을 환영합니다." 라는 메시지가 흰색 박스에 들어 있는 것을 볼 수 있습니다.

설명

<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>

이 부분이 흰색 박스의 위쪽을 담당합니다. 박스를 잘 보시면 왼쪽 구석과 오른쪽 구석이 각지지 않고 둥글게 마무리 되어 있는 것을 볼 수 있습니다. boxTopR 이 박스의 윗 쪽 부분을 꾸미는 역할을 하며, boxTop-left 박스 상단의 왼쪽 둥근 모서리를, boxTop-mid 가 박스 위쪽 라인을, boxTop-right오른쪽 귀퉁이 모서리를 담당하고 있습니다.

<div class="boxMidR">
꼬마낙타 블로그에 오신 것을 환영합니다.
</div>

boxMidR은 글자가 쓰여지고 있는 부분을 담당하며 글자가 쓰여지고 있는 부분의 배경 색을 흰색으로 만들어 줍니다.

<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>

이 부분도 마찬가지로 하단의 양쪽 모서리를 둥글게 만들어 주는 부분입니다. Top 부분과 똑같이 생각하시면 됩니다.

"꼬마낙타 블로그에 오신 것을 환영합니다." 라는 부분에 다른 태그를 넣어도 됩니다. 예를 들면, 이미지 태그를 이용해서 배너를 넣어 줄 수도 있구요. 알라딘이나 다른 광고 코드를 넣어서 광고를 달아 놓을 수도 있습니다. 그냥 회색 배경에 광고가 덜렁 있는 것보다 다른 사이드바 항목처럼 흰색 박스에 넣어서 보여주면 좀 더 깔끔하게 보여 줄 수 있습니다.


사이드바 메뉴에 사용하기

여러분이 만든 사이드바는 티스토리가 제공하는 사이드바 관리 메뉴에 나타나게 됩니다. <s_sidebar_element> 태그를 이용해서 나타내 주고 싶은 사이드바 항목을 감싸 줬기 때문에 티스토리 메뉴는 <s_sidebar_element>와 </s_sidebar_element>사이에 있는 항목들을 하나의 사이드바 항목으로 인식하게 됩니다.

티스토리 팁

사이드바 메뉴에 들어가보면 "(이름 없음1)" 이라는 새로운 사이드바 항목이 있음을 알 수 볼 수 있습니다.
새롭게 추가된 항목인데요. 만약 이 사이드바에 이름을 부여해서 사이드바 관리 메뉴에서 순서를 바꿀 때 편하게 쓰고 싶을 수 있습니다. 사이드바 항목에 이름을 부여 할 수 있습니다.

<s_sidebar_element>
<!-- 블로그 환영 인사 -->
<div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
<div class="boxMidR">
                      
꼬마낙타 블로그에 오신 것을 환영합니다.

</div>
<div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>
</s_sidebar_element>

아까 소스에서 바뀐 부분은 <s_sidebar_element> 태그 밑에 "<!-- 블로그 환영 인사 --> 라는 것을 써 넣어 준 것 뿐입니다. 사실 이건 HTML의 주석인데 티스토리 사이드바 관리 메뉴는 이 주석을 사이드바 이름으로 인식하나 봅니다. 아까 소스에 새로운 부분만 추가해서 넣어주면,

티스토리 팁

사이드바 항목에 이름이 생긴것을 볼 수 있습니다. 새로운 사이드바 항목을 만들고 이름을 부여하고 싶으면 <s_sidebar_element> 태그 바로 다음에 "<!--" 와 "-->" 사이에 사이드바에 할당하고 싶은 제목을 써 넣어 주면 됩니다. 저는 "블로그 환영 인사"라는 제목을 넣었구요. ㅎ


블로그를 운영하다보면 사이드바를 직접 만들어야 하는 경우가 많이 생깁니다. 광고를 유치할 수도 있고, 여러분의 배너를 만들 수도 있고 이웃들의 목록을 정리해서 넣을 수도 있습니다. 그럴때, 다른 사이드바 항목들과 잘 어울리도록 흰색 박스에 넣어서 보여주면 더 깔끔한 블로그를 만들 수 있을 겁니다. ^^


티스토리 팁 - 인터파크 책 정보 넣기, 책 리뷰도 하고 수익도 얻고..


이제 굉장히 많은 블로거 들이 인터넷 상에서 활동을 하게 되면서 블로거들의 전공들이 생겨나고 있습니다. 저 같은 경우, 블로그 서비스, 인터넷, 소셜 네트워크 등 실제 제가 대학원에서 공부하고 있는 분야를 포스팅하고 있고, 어떤 분은 맛집에 대한 블로그를 운영하고 계시고 어떤 분은 리뷰 블로그를 운영하고 계십니다.

저도 도서 리뷰를 조금씩 하고 있는데, 도서 리뷰를 하시는 분들께 도움이 될 만한 티스토리 플러그인을 소개해 드리겠습니다. ( 예전에 다음 도서 정보를 본문에 삽입 할 수 있는 플러그 인이 있었는데, 지금 보니까 없네요. ) 바로 "인터파크 도서" 플러그인입니다. 티스토리 공지에서 이전에 봤었는데 정작 사용하기까지는 좀 걸렸네요.


bookshelf spectrum, revisited
bookshelf spectrum, revisited by chotda 저작자 표시비영리변경 금지

요약을 하자면 인터파크에서 판매되고 있는 도서 정보를 요약해서 본문에 보여 줄 수 있는 플러그인입니다. 간단히 정보만 보여주는 것이 아니라 보여주는 정보에 인터파크에서 해당 도서를 구입 할 수 있는 페이지로 링크가 걸리고 그 링크를 통해서 책이 팔릴 경우 판매 금액의 일부가 여러분의 인터파크 아이디에 적립금으로 쌓이게 되는 어찌보면 수익 모델입니다.

물론 알리딘의 "thanks to blogger 2" 가 더 좋다고 생각하시는 분도 있을 겁니다. 이 경우엔 클랙당 지급이 아니기 때문이죠. 하지만 선택의 폭을 넓힐 수 있다는 점에서 사용해 보면 좋을 것 같습니다. 알라딘이 좋은 경우가 있고 인터파크 플러그인이 좋을 경우가 있을 테니까요.



인터파크 도서 플러그인 사용하기

인터파크 도서 플러그인을 사용하기 위해서는 인터파크 아이디가 필요합니다. 가입한 아이디에 판매 수익금이 적립되기 때문인데요. 번거롭더라도 한푼이라도 벌어야 하니 가입을 해둡니다. ( 저 같은 경우에는 인터파크 아이디로 시사회 응모나 기타 다른 구매활동도 가끔하기 때문에 아이디가 이미 있었네요. ㅎ )


관리자 페이지에서 [플러그인]->[플러그인 설정] 으로 들어갑니다


플러그인 목록에서 "인터파크 책 정보넣기" 라는 항목을 선택하면 위와 같은 창이 뜨게 됩니다. 이 창에서 "인증키 발급받기 ( 북피니언 가입 후 발급) " 버튼을 누릅니다.


이런 메시지가 뜨는데 [확인] 버튼을 누릅니다.
인터파크에 아이디가 있고, 북피니언이라는 인터파크 서비스에 가입을 하셔야 플러그인을 사용하실 수 있습니다. 굉장히 번거롭네요. 그래도 인터파크 도서 플러그인을 써보려면 해야 겠네요 ㅜㅜ



북피니언 이용약관을 잘 읽어보시고 동의 하시면 "예, 동의합니다." 버튼을 눌러서 다음으로 진행합니다.


북피니언 가입 정보를 입력합니다.
북피니언 가입을 하면 인터파크에 블로그 비슷한게 생기게 되는데, 그냥 가입만 해놔도 되는 모양입니다.
적절한 정보들을 입력하고 "등록합니다" 버튼을 눌러서 진행합니다.


그렇죠?
이상한 블로그가 하나 생성되었습니다. 뭐 저도 여기 가입할 때 한번 들어가보고 지금까지 사용하고 있지 않습니다. ㅎㅎ


이제 북피니언도 가입되어 있으니 다시 플러그인 페이지로 가서 "인증키 발급받기 ( 북피니언 가입 후 발급 )" 버튼을 다시 누릅니다.


다시 누르면 키 발급 이용 약관이 나옵니다.
북피니언은 끼워 팔기 같은 느낌이 강하게 나오지만 어째튼 약관을 잘 읽어보시거 "인증 키 발급하기" 버튼을 눌러서 진행합니다.


그러면 인증키가 발급됩니다.
오늘의 사용 쿼리는 아마 플러그인을 넣으려 할 때, 책 검색을 해야 하는데 책 검색을 하루에 1만번으로 제한하는 것 같습니다.
일반적으로 혼자서 사용하는 경우 하루에 100개 넘기기도 힘드니 안심하시기 바랍니다.
인터파크 아이디를 여러 블로거가 공유하는 경우에는 만개가 작아 보일 수도 있겠네요. ㅎ
인증키를 복사합니다.



다시 플러그인 페이지로 돌아와서 인증키 입력에 복사해놓은 인증키를 입력하고 "사용" 버튼을 누릅니다.



이제 글쓰기 화면에서 우측에 보면 "인터파크 도서"를 볼 수 있습니다. 한번 사용해 볼까요?


잘 검색이 되죠?
"책 정보 넣기" 버튼을 누르시면 글쓰기 영역으로 책 정보가 들어갑니다.


깔끔한 정보가 들어간 것을 볼 수 있습니다. ㅎ
이제 저 링크를 클릭하고 인터파크로 들어가서 책을 구입 할 경우 그 구입 금액의 일부가 여러분의 계정에 적립금으로 쌓이게 됩니다.
책 정보도 제공하고 적립금도 쌓이고 일석이조 인 것같습니다.

인터파크 도서 플러그인으로 손쉽게 도서정보를 본문에 삽입 할 수 있지만 알라딘과 비교해서 제공하는 정보가 좀 부족하다는게 아쉬운 점이네요. 일단 인터파크 플러그인 사용해보고 알라딘과 어떤것이 더 나은지 비교해 봐야겠습니다.



티스토리 사용의 스피드업!! 단축키 사용법



티스토리라는 블로그 플랫폼은 정말 공부를 해도해도 끝이 없는것 같습니다. 기본적으로 스킨을 편집 할 수 있게 해주는 강력한 기능이외에도 많은 분들이 잘 모르시는 기능들도 있는데요. 오늘의 티스토리 팁에서 알아볼 티스토리의 기능은 바로 단축키 기능입니다. 웹 페이지인 티스토리에도 단축키가 있다는 사실! 모르시는 분들이 더 많을 꺼라고 생각되는데요. 하나하나 알아보도록 하겠습니다.

오늘 살펴 볼 단축키들은 다음과 같습니다.

※ 티스토리 단축키

Q : 관리자 페이지로 이동 / 블로그로 이동
S: 이전글 보기
A : 다음글 보기
Z : 사이드바의 최신 글로 이동
X : 사이드바 최신 댓글로 이동
C : 사이드바 최신 트랙백으로 이동

이 밖에도 티스토리에 글을 쓸 때 사용 할 수 있는 편리한 단축키들이 많이 있습니다. 글쓰기 단축키에 대해서는 이 글의 마지막 부분에 언급을 하도록 하겠습니다.


관리자 / 블로그 전환 단축키 "Q"

 가장 많은 분들께서 사용하고 계신 단축키가 "Q" 입니다.  블로깅을 하면서 수시로 "관리자 페이지" 와 "블로그 화면" 을 오갈 것입니다. 단축키를 사용하지 않으시는 분들은 "Admin" 버튼과 "블로그로" 라는 버튼을 눌러서 움직이실 텐데요.

[사진 : 티스토리 단축키]
[사진 : 티스토리 단축키]

관리자 페이지 / 블로그로 이동


이걸 "Q" 키만 누르면 한번이 오갈 수 있어 편리하게 블로깅을 즐길 수 있습니다. 특히 다른 블로그를 방문했을 때, Q 를 누르면 여러분의 메인 블로그 관리자 화면으로 바로 갈 수 있어서 편리하게 사용할 수 있습니다.


이전 글 / 다음 글 보기 단축키 "A"와 "S"

블로그의 글들을 보면 순서가 발행 날짜로 되어 있는 것을 볼 수 있습니다. 가장 최근에 쓰여진 글이 가장 먼저 보이고 최근에 쓰여진 순서대로 정렬이 되어 있는데요. 현재 보고 있는 글의 이전 글, 혹은 다음 글을 볼 수 있는 단축키가 있습니다. 이전글을 볼 수 있는 단축키는 "S", 다음 글을 볼 수 있는 단축키는 "A" 입니다.

[사진 : 티스토리 단축키]

예를 들어보면, 블로그 하단에 위 그림처럼 번호가 매겨져 있습니다. 현재 블로그에서 볼 수 있는 글들이 최신순으로 정렬이 되어 있는 형태죠. 지금 4번 글을 보고 있다고 했을 때, "S" 키를 누르면 5번 글을 읽을 수 있고, "A" 키를 누르면 3번 글을 읽을 수 있게 되는 것입니다. 블로그글이 시리즈로 되어 있을 때나 다른 글들을 보고 싶을 때 유용한 단축키입니다.



최근 포스트 / 댓글 / 트랙백 보기 "Z", "X", "C"키

티스토리의 사이드바를 보시면, 최근에 해당 블로거가 쓴 포스트의 목록, 최근에 블로그에 달린 댓글, 최근 블로그에 걸린 트랙백을 볼 수 있는 목록이 있는데요.

[사진 : 티스토리 단축키]

제 블로그엔 최신 포스트 목록( 최신 글 목록 )과 최근에 달린 댓글의 리스트를 볼 수 있는 메뉴가 사이드바에 달려있는데요. 각각 "Z"키와 "X"키를 누르면 해당 부분으로 바로 가게 됩니다. 관리자의 경우 관리자 페이지에 댓글 관리나 트랙백 관리를 할 수 있는 메뉴가 있기 때문에 잘 안 쓰이는 단축키 입니다.


글쓰기 화면에서의 단축키

 티스토리의 단축키는 블로그의 글을 볼 때 뿐만아니라 블로그에 글을 쓸 때에도 적용이 됩니다. 글쓰기 화면에서 사용하는 단축키들은 글쓰기 속도를 비약적으로 향상시킬 수 있는데요.

[사진 : 티스토리 단축키]

글쓰기 화면을 보시면 위와 같이 글쓰기 에디터가 뜨는 것을 볼 수 있습니다.
이 화면에서 "F2" 키를 누르시면 단축키 목록을 보실 수 있습니다.

[사진 : 티스토리 단축키]

"F2"키를 누르시거나 글쓰기 에디터의 메뉴버튼 중에 "?" 표시를 누르면 위 사진처럼 사용할 수 있는 단축키 목록을 보실 수 있습니다. 다른건 몰라도 "굵게", "밑줄", "기울임", "링크" "인용", "임시저장" 단축키는 다른 워드프로세서와 단축키가 같거나 비슷하기 때문에 무의식적으로 사용해 왔었습니다. ㅎ

아시다시피 컴퓨터 작업을 할 때 마우스와 키보드를 같이 사용해서 작업을 할 경우와 키보드만 사용해서 작업을 할 경우 생산성의 정도가 다르다는 것을 아실 수 있을 겁니다. ( 숙달된 사람들의 경우 키보드의 단축키를 이용해서 굉장히 빠른 속도로 작업을 하는 것을 볼 수 있지요. )

여러분도 단축키를 잘 이용해서 티스토리 고수의 길로 들어서 보세요 ^^




댓글 쓰게 유혹하는 댓글창에 배경 사진( 이미지 ) 넣기


블로거를 힘내게 하는 것들 중에 하나가 바로 내 글을 읽어주신 독자로부터의 댓글일텐데요. 한 시간, 두 시간 공을 들여서 작성한 게시물에 댓글이 많이 달리게 되면 신나게 글을 작성 할 수도 있고, 간혹 댓글에서 더 없이 소중한 정보들을 얻기도 하는데요. 이전에 작성한 포스팅에서도 좋은글의 요소  중에 댓글이 많이 달리는 글이 있음을 언급했던 적이 있습니다.


많은 분들이 자신의 글에 댓글이 많이 달리기를 바라는데요. 댓글이 많이 달리도록 하는 여러가지 방법 중에서 댓글창을 이쁘게 꾸며 놓는 방법이 있습니다. 그 중에서도 댓글창에 댓글을 바라는 이미지를 배경 사진으로 넣어 놓으면 그냥 가려던 방문자분들도 관심을 보일 것입니다.


그냥 하얀색 입력창이었던 기존의 댓글창 대신에 귀엽게 댓글을 구걸하는 사진이나 댓글을 바라는 메시지등을 댓글창 배경 이미지로 지정을 해주면 방문자 분들의 댓글 참여율을 높일 수 있을 겁니다. ( 평범한 흰색 배경의 댓글 창은 시시하니까요. ^^ ) 오늘 티스토리 팁에서는 댓글창의 배경을 원하는 사진으로 꾸미는 방법에 대해서 알아보도록 하겠습니다.


댓글창에 배경 사진을 씌워 보자!!

댓글창에 배경 이미지를 씌우기 위해서 가장 먼저 필요한 준비물은 바로 사진입니다. 댓글창에 배경으로 설정해 두고 싶은 이미지를 준비해야 합니다. 제가 준비한 사진은 주인옆에서 구걸하는 개님의 사진인데, 거기에 "댓글 주세요~" 라는 글자를 입혀봤습니다. 일단 멋진 사진은 나중에 구하고 개님의 유머러스한 사진을 댓글창에 적용해 보겠습니다.


이 사진을 댓글창 배경으로 넣어 보겠습니다. 어떤 사진을 쓰던 상관 없으니 직접 하실 때 더 멋진 사진을 쓰시기 바랍니다. ( 너무 급조한 티 나죠 ㅋㅋㅋ )


관리자메뉴에서 [스킨]->[HTML/CSS 편집] 메뉴를 선택한 다음, "파일 업로드" 탭에서 (1) 파일 업로드버튼을 눌러서 사진을 업로드합니다. 그러면 (2) 아래 목록에 여러분이 올리신 파일이 등록된 것을 볼 수 있습니다. 업로드하신 파일을 선택하시면 좌측 미리보기 화면에 작은 화면으로 사진을 볼 수 있습니다.


위 사진의 빨간 화면이 업로드 된 사진인데요. 우클릭을 해서 속성(R)을 클릭해서 그림의 주소를 확인합니다.

참고

파이어폭스와 인터넷 익스플로러의 경우가 다른데요.



파이어 폭스의 경우 우클릭을 해서 "그림 정보 보기(F)"를 선택하시면 위와 같은 화면이 나옵니다. 여기서 위치라고 나와 있는 부분이 이 사진의 주소( URL )입니다.


인터넷 익스플로러의 경우 속성(R)을 들어가 보시면 "주소(URL)" 부분에 나와있는것이 사진의 주소입니다. 다른 웹 브라우져도 다르지 않을 겁니다. ㅎ


이 주소를 알아야 댓글창의 배경을 수정 할 수 있습니다. 메모장이나 다른 곳에 복사를 해 놓습니다.


다시 [HTML/CSS 편집] 부분으로 돌아와서 skin.html 을 클릭한뒤 [Ctrl] + F 를 눌러서 "##_rp_input_comment_##" 를 찾습니다. 아마 한 군데 밖에 없을 것인데 바로 이 부분이 댓글창을 의미합니다.


이런 코드가 있을 겁니다. 이제 이 부분을 바꿔줘야 합니다. 이제 아까 복사해 놓은 주소를 써야 할 때가 왔습니다.


위 소스의 빨간색 부분에 아까 복사해 놓은 주소를 써 넣습니다. 위 소스는 "댓글창 꾸미기" 파일에 있으니 다운받아 쓰세요 ^^
그리고 원래 있던 <textare>를 지우고 그 자리에 위 소스를 붙여 넣습니다.
그리고 미리보기를 하면,


위 처럼 댓글 창에 이미지가 들어간 것을 볼 수 있습니다. 이미지 크기에 따라 댓글창에 사진이 다 안 나올 수도 있습니다. 이럴 경우 rows="9" 부분과 cols="50" 부분을 조절해서 댓글창의 크기를 조절 할 수 있습니다. 확인을 하셨으면 [저장] 버튼을 누릅니다.

저는 일단 허접한 사진을 댓글창의 배경으로 설정했지만, 여러분은 더 멋진 사진, 더 어울리는 사진으로 댓글창을 꾸며보세요. ^^



아 그리고 위 소스코드에서 onClick 부분을 추가해서 댓글창을 클릭했을 때, 배경 사진이 없어지도록 했습니다. 클릭 후에도 배경사진을 그대로 유지하고 싶으시면 onClick="this.style.backgroundImage=''" 이 부분을 지우시면 됩니다. ^^



티스토리 팁 - 다음뷰 애드박스 ( Daum View Ad Box ) 정리하기



블로그를 하면서 다음뷰를 접한지 얼마 안 되었는데요. 다른 블로거 분들을 보니 "다음뷰 애드박스"라는 것을 달고 계시더라구요. 뭔가해서 찾아봤는데, 다음뷰에 가입한 블로거분들이 이 애드박스를 달게 되면 랭킹에 따라서 활동 지원금을 주는 새로운 수익 모델이라고 합니다.


다음뷰 애드를 적용하면 본문의 상단에 적절하게 섞여서 애드박스가 등장하게 되는데요. 하지만 대부분의 블로거 분들이 제목과 본문 사이에 애드센스 광고 단위를 2개씩 게재하고 있기 때문에 애드박스를 적용하게 될 경우 애드박스가 보기 안 좋게 추가됩니다.


위에서 보듯이 (1) 번과 (2) 번이 구글의 애드센스 광고단위이고 (3)번이 다음뷰 애드박스의 광고 단위입니다.
본문의 도입 부분이 찌그러져서 시작하기 때문에 약간 답답함을 느낄 수 있습니다. 게다가 다음뷰 추천 버튼도 시작 부분에 달아 놔서 더욱 더 답답함이 느껴지는데요.


오늘 티스토리 팁에서 할 일은 이렇게 보기 않 좋은 배치를 좀 더 보기 좋게 바꿔 보자는 것입니다. 좀 더 자세히 말하면 구글 애드센스 광고 단위인 (2) 번을 없에고 그 자리에 다음뷰 애드박스인 (3)번을 배치해 보도록 하겠습니다. ( 지금도 많은 블로거 분들이 구글 애드센스 단위 한개와 다음뷰 애드박스를 나란히 배치해서 보기 좋게 만들어 놓고 계십니다. )


다음뷰 애드박스 정리하기

이번 티스토리 팁에서도 스킨 설정을 건드려야 합니다. 관리자 페이지에서 [스킨] -> [HTML/CSS 편집] 메뉴로 들어갑니다. 이 메뉴에 대한 자세한 설명은 다음 링크를 참조하시기 바랍니다.


스킨 편집메뉴의 skin.html 부분에서 구글 애드센스가 출력되는 부분, 혹은 본문이 출력되게 되는 치환자를 찾습니다. 티스토리에서 본문 치환자는 "" 입니다. "[Ctrl] + F" 를 이용해서 찾으시면 더 빨리 찾을 수 있습니다.


구글 애드센스를 게재하고 계신 분들은 아마 본문 주변이 위와 같이 되어 있을 겁니다.
""이 본문을 출력하는 것이고 그 위에 구글 애드센스 코드를 출력하는 HTML코드가 출력되고 있습니다. ( <table><tr><td> 이 부분은 없는 분도 계실텐데 없어도 상관없습니다. 전부 뜯어 고칠테니까요 ^^ )

자 "" 윗 부분을 다음과 같이 고칩니다.

<div align="center" style="float:left">

구글 애드센스 코드 1 --- (1)번 부분

</div>

이러면 일단 기초는 다져진 것인데요. 아직 [저장] 버튼을 누르지말고 [미리보기] 버튼을 눌러서 어떻게 출력 되는지 보고 넘어갑니다.

주의

[미리보기] 버튼은 괜히 있는게 아닙니다. [저장]버튼을 누르면 수정 결과가 바로 반영이 되기 때문에 잘 못된 수정의 경우, 망할 수도 있습니다. 항상 [미리보기] 버튼으로 확인하는 습관을 들여야 합니다. ^^


자, 바로 저장을 하면 저 같은 경우엔 이런 식으로 화면이 출력이 됩니다. (1) 번 광고 단위가 왼쪽으로 붙고 나머지는 본문의 영역으로 인식되어 본문이 출력되기 때문입니다. ( CSS를 아시는 분은 'float'의 특징을 아시겠지요 ^^ ) 또 본문의 시작부분의 오른쪽으로 애드박스가 띄워지기 때문에 위 화면처럼뜨게 됩니다.

이런 현상을 제거하는 방법은 (1) 번 애드센스 광고역역의 넓이를 적당하게 조절하면 되는데요. 다음과 같이 따라하시기 바랍니다.

<div align="center" style="float:left;width:410px">

구글 애드센스 코드 1 --- (1)번 부분

</div>

<div> 태그의 style 속성 안에 애드센스 (1)번 단위의 너비 조절을 해주는 부분을 추가해 주면 됩니다. 제 블로그의 경우 410px로 설정을 해주니 보기 좋게 위로 잘 올라가더라구요. 블로그마다 본문 출력 영역의 너비가 다르기 때문에 이 부분을 잘 조절하면서 보기 좋게 맞춰주셔야 합니다.


width 속성을 너무 크게 주면 위 사진처럼 애드박스가 들어갈 공간이 부족하기 때문에 밑으로 밀려납니다. width 속성을 늘리다 위 처럼 어긋나게 되면 조금씩 줄여 주세요. 그러다보면 깔끔하게 보이는 사이즈가 있을 겁니다. ^^

주의

나중에 본문의 폭을 편집하게 될 때, 아마도 또 깨질 겁니다. 그 때는 다시 width 를 조절해 주시면 되니 걱정하지 마시기 바랍니다. ^^


<div align="center" style="float:left;width:410px">

구글 애드센스 코드 1 --- (1)번 부분

</div>

다시 위 소스코드를 적용한 모습을 보면,


자 이제 깔금하게 구글 애드센스와 다음뷰 애드박스가 나란히 배치된 것을 볼 수 있습니다. ^^
참고로 구글 애드센스 광고 단위를 2개에서 한개로 줄였다고 해서 광고 수익이 절반으로 줄어 들지는 않는 것으로 보입니다.
일단 많은 블로거 분들이 이런식으로 배치를 하고 있고, 구글 애드센스 수익보다 다음뷰 애드박스에서 얻어지는 활동 수익금이 더 많은 경우가 있기 때문에 이런 식으로 배치하는게 더 이익이라고 할 수 있습니다.


인쇄쟁이님의 글을 읽어보시면 그닥 영향이 없음을 알 수 있습니다.
어짜피 클릭할 사람은 클릭하고 그렇지 않은 사람은 이렇건 저렇건 보기만 좋으면 된다는 말이죠 ^^
그래도 수익이 조금 줄긴 할 테니 적용 여부는 잘 생각하시기 바랍니다. ^^
해당 광고단위를 다른 곳으로 옮기셔도 됩니다. ㅎ



티스토리 팁 - 댓글 창을 위로 먼저 띄우는 방법


블로그를 하는 이유 중에 가장 먼저 꼽히는 것 중에 하나가 바로 내가 쓴 글을 읽어주는 독자와의 소통입니다. 내 글을 읽고 느낀 점이나 추가 정보, 논쟁 등을 다시 알려주는 피드백 시스템인데요. 흔히 댓글( 혹은 답글 ), 트랙백의 형태로 이루어집니다. 그 중에서 오늘의 티스토리 팁에서 살펴 볼 것은 댓글에 관한 것입니다.

여러 블로그들을 방문하다 보면 댓글 창의 위치가 어디에 나오느냐에 따라서 두 가지 형태로 분류 할 수 있습니다. 댓글의 리스트가 먼저 나오는 형태와 댓글 창이 먼저 나오는 형태가 있습니다. 선택한 스킨에서 기본적으로 위치를 지정해 놓은 경우도 있고 블로거가 임의로 댓글창의 위치를 변경한 경우도 있는데요.

[사진 : 티스토리 팁 - 댓글 창이 나중에 나오는 경우]

포스트에 달린 댓글의 리스트가 먼저 나오는 경우는 위와 같습니다. 어찌보면 가장 기본적인 형태인데요. 댓글의 리스트가 10개 미만이거나 감당 할 수 있는 정도의 갯수라면 상관이 없습니다. 오히려 댓글을 달기 위해 스크롤을 내리면서 다른 블로거의 댓글들을 보는 즐거움을 줄 수도 있지요.

하지만 댓글의 갯수가 10개, 20개가 넘어가게 되면 댓글을 쓰기 위해 내려야하는 스크롤의 양이 많아집니다. 흔히 "스크롤 압박" 이라는 단어를 많이 쓰는데요. 이렇게 되면 스크롤을 내리거나 "End" 키를 누르는 대신 열려있는 탭이나 윈도우 창을 꺼버리고 다른 곳으로 가는 경우가 많이 있습니다. 댓글이 많이 달리기를 바라는 분들에겐 안 될 일이죠. ㅎ

[사진 : 티스토리 팁 - 댓글 창이 먼저 나오는 경우]

반면 댓글 입력창이 먼저 나오는 경우는 위와 같습니다. ( "꽁보리밥" 님의 블로그 댓글창 부분 캡쳐입니다. ) 이 경우 댓글을 쓰기위해 내려야 하는 스크롤의 양이 매우 적기 때문에 조금이라도 댓글을 달고 싶으신 분이 계시면 쉽게 댓글을 달 수 있습니다. 다만 다른 블로거 분들의 댓글을 읽으려면 어짜피 스크롤을 내려야 하고, 자신이 단 댓글을 보기 위해서는 한참 스크롤을 내려야 하는 불편함이 있습니다. ( 이 점은 나중에 자바스크립트 프로그래밍으로 어찌 해 볼 수 있습니다만 ㅎㅎ )

아무튼 이렇게 두 가지 댓글창의 위치가 있습니다. 각각 장단점이 있구요. 그럼 오늘의 티스토리 팁에서는 댓글창의 위치를 임의로 바꾸는 방법에 대해서 알아 보도록 하겠습니다.


댓글창 위치 바꾸기

댓글 창의 위치를 바꾸기 위해서는 티스토리의 HTML/CSS 편집 기능을 이용해야 합니다. HTML 코드부분을 직접 수정해서 댓글 창의 위치를 조정해 볼 텐데요. 저의 경우는 기본 스킨이 댓글 창을 댓글 리스트 다음에 출력해 주고 있습니다. 이 댓글 창을 댓글 리스트 전에 먼저 출력하도록 바꿔 보도록 하겠습니다.


티스토리의 관리자 메뉴에서 [HTML/CSS 편집] 메뉴를 선택합니다.
[HTML/CSS 편집] 메뉴에 대해서 더 알고 싶으신 분은 다음 링크를 참조하시기 바랍니다.


[HTML/CSS 편집] 메뉴를 여시고 skin.html 부분을 살펴 봅니다.



티스토리의 스킨은 댓글 창을 구분해서 나눠 놓았는데요.


위 처럼 "<s_rp_input_form>" 라는 태그로 둘러 쌓여 있는 부분이 바로 댓글 쓰기 부분입니다. 댓글을 써 넣을 수 있는 <textarea> 부분과 쓴 댓글을 달아 놓을 수 있도록 하는 "확인" 버튼 등이 있습니다.

위 사진처럼 "<s_rp_input_form>" 부터 "</s_rp_input_form>" 까지의 부분을 잘라내기 합니다. ( 복사를 해서 위에다 붙여 넣으면 댓글을 써 넣는 부분이 2개가 되겠지요. 미관상 좋지도 않고 동작을 안 하는 경우도 있습니다. 잘라내기를 해서 붙여 넣도록 합니다. ㅎ )


이제 잘라낸 소스파일( 댓글 창을 표현하는 HTML 코드 )을 붙여 넣어야 합니다. 당연히 댓글 리스트를 나타내는 부분 위에 붙여 넣어야 댓글 리스트 위에 댓글 창이 나오는 형태로 바뀌겠지요. 댓글 리스트를 나타내는 부분은 다음과 같이 시작합니다.


댓글 리스트는 위와 같이 나타나구요. "..." 부분에 독자분이 남겨주신 댓글과 링크, 닉네임, 파비콘, 블로그 아이콘에 대한 정보가 들어갑니다. 소스 파일에서 "<div class="commentList">"를 찾아서 그 위에 잘라내기 했던 댓글창 소스를 붙여 넣기 합니다. 그러면 최종 적으로 다음과 같은 형태의 소스코드가 됩니다.


이제 [미리보기] 버튼을 이용해서 스킨이 어떻게 적용 되었는지 확인합니다.

주의

여기서 바로 [저장] 버튼을 누르시면 위험합니다. 스킨을 잘 못 편집했을 경우 예상과 다른 결과가 나오게 되는데, [저장] 버튼을 그대로 눌러버리면 스킨 편집의 결과가 바로 블로그에 반영되기 때문입니다.

반드시 [미리보기] 버튼을 눌러서 실제로 어떻게 적용되는지 확인을 하시기 바랍니다. ^^ 잘 못 하면 블로그 스킨 다 날아가는 수도 있습니다. ( 저도 몇 번 그런적이 있습니다 ㅜㅜ )

Before

After



댓글 입력 부분이 댓글 리스트 위로 올라간 것을 볼 수 있습니다.
마음에 안 드시면 위에서 했던 단계를 거꾸로 가시면 된까 간단합니다. ㅎㅎ
각자 자신의 블로그에 맞는 댓글 창 위치를 만들어 보세요 ^^




티스토리 팁-티스토리의 무한계정을 이용해보자. (파일 업로드 주소 따기)



티스토리의 가장 큰 장점 중에 하나가 웹상의 저장공간을 무한대로 제공한다는 것입니다. 사진을 몇 천개를 올리던, 음악 파일을 몇 천개를 올리던 티스토리는 묵묵히 저장공간을 제공하며, HTML 태그로 그 사진과 음악 파일을 접근 할 수 있게 해줍니다. 물론 하나의 파일에 용량 제한이 걸려있어 20MB 이상의 파일은 업로드 할 수 없습니다. 하지만 20MB라면 고화질의 사진을 업로드 할 수 있으며 음악파일의 경우 고음질의 음악파일을 제공할 수 있습니다. ( 동영상의 경우는 인코딩을 다르게 하거나 해야 하지만 일반적으로 고화질을 제공하기는 어려울 것 같습니다. )


지난번 포스트에서 HTML/CSS 편집하기와 파일 업로드에 대해서 배웠는데요.

2010/09/14 - [블로그/블로그팁 - 연재] - 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정

파일업로드 부분에서 파일을 업로드하고 그 파일을 가져다 쓰는 방법을 설명하지 않았네요. 오늘은 그 파일을 가져다 쓰는 방법, 그러니까 HTML 태그에서 src 속성이나 href 속성에 사용할 수 있는 URL 을 따오는 방법을 알아보겠습니다.


업로드한 파일 가져다 쓰기

티스토리 초보팁 20번째 팁에서 스킨 편집을 위한 파일 업로드 기능이 있음을 배웠는데요. 깜빡하고 업로드한 파일의 URL을 따올 수 있는 방법을 설명 안 해드렸네요. ( 한 블로거 분께서 비밀글로 조언을 해주셨습니다. 감사합니다. ( -- )( __ )( -- )


파일 업로드 메뉴를 들어가보면 위와 같이 되어 있습니다. 현재 스킨에서 사용중이거나 여러분이 업로드 해 놓은 파일들의 목록이 보입니다. 하지만 이 파일에 어떤 경로로 접근해야 하는지는 나오지 않습니다. 파일 목록에서 우클릭을 해서 속성보기를 해봤자 해당 파일의 경로가 아니라 파일업로드 페이지의 경로만 볼 수 있죠..

손수 제작한 배너를 스킨 상단에 배치하고 싶어도 이걸 가져다 쓸 방법이 없으니 있으나 마나한 기능입니다. 하지만 방법이 있습니다. ( 치환자로 어떻게 할 수도 있을 것 같지만 약간은 다른 방법을 이용해 보겠습니다. )


파일 업로드 탭에는 업로드한 사진의 미리보기를 지원합니다. 확장자가 gif 인 파일을 아무거나 선택해보면 미리보기 화면에 해당 사진이 출력되는 것을 볼 수 있습니다. 이 미리보기 기능을 이용해서 '파일업로드'를 이용해서 업로드한 파일이 어디에 저장되는지 알 수 있습니다.


대충 목록에서 그림 파일 하나를 선택하면 미리보기 쪽에 그림 파일의 미리보기 항목이 있는 것을 볼 수 있습니다.
미리보기에 띄워진 그림파일에서 우클릭을 한다음 속성(R)을 클릭합니다. ( 파이어폭스 사용자 여러분은 '그림 정보보기' 가 되겠죠. )


그러면 '주소(URL)' 라는 항목에 복잡한 주소가 뜨는 것을 볼 수 있습니다. 이게 바로 '파일 업로드'에 올려진 파일들의 주소입니다.
재미있는 사실은 '파일 업로드' 페이지에서 볼 수 있는 모든 파일의 주소에서 'http://cfs.tistory.com/custom/blog/10/100974/skin/' 부분까지 똑같다는 것입니다. ( 마지막에 나와있는 preview.gif 를 제외하고는 모두 /images/ 까지 똑같죠. )

물론 앞으로 여러분들이 업로드 할 모든 파일들도 다 같은 경로에 업로드가 됩니다. 이를 이용하면 사진 뿐만아니라 플래시 파일, HTML 문서, 동영상 파일 등도 업로드를 해서 가져다 쓸 수가 있습니다.

모든 파일들이 같은 경로, 즉 'http://cfs.tistory.com/custom/blog/10/100974/skin/'에 있는 것을 볼 수 있는데요.
중간에 100974 라는 부분이 아마도 티스토리 내부에서 블로그를 구분할 수 있게 해주는 ID 같은 건가 봅니다.



시험삼아 올려보기

그럼 시험삼아 파일을 하나 올려보고 링크를 시켜 보겠습니다.
간단한 HTML 파일을 하나 작성해서 올려보도록 하겠습니다.

<!-- 파일 업로드 테스트 -->
<html>
<head>
   <title>여러분의 무한계정!!</title>
</head>
<body>
   안녕하십니까? 여기는 티스토리의 업로드 공간에 올려져 있는 문서입니다.!!!<br />
  <a href='http://plusblog.tistory.com/457>다시 돌아가기</a>
</body>
</html>

이와 같은 HTML 파일을 작성한 다음 업로드를 해보겠습니다. 편의상 파일이름은 aaa.html로 하겠습니다.
파일 업로드를 이용해서 파일을 업로드하면,


업로드 된 파일 목록에 aaa.html 이라는 항목이 생긴걸 볼 수 있습니다.
업로드 된 aaa.html 파일역시 다른 파일들과 마찬가지로 'http://cfs.tistory.com/custom/blog/10/100974/skin/' 까지는 동일한 주소를 갖고 그 다음에 images/aaa.html 이라는 추가적인 주소가 됩니다. ( 즉 업로드한 aaa.html 파일은 'http://cfs.tistory.com/custom/blog/10/100974/skin/images/aaa.html' 이라는 경로로 접근을 할 수가 있다는 말입니다. )


업로드한 파일의 경로로 따라가보니 HTML 문서 하나가 열리는 것을 볼 수 있습니다. ( 인코딩 설정을 안 해놔서 이상한 문자가 뜰텐데 인코딩을 한국어로 바꾸어 주시면 제대로 보입니다 ^^ )

aaa.html 보러가기

이렇게 티스토리에서는 스킨을 편집 할 수 있도록 블로거분들에게 무한 계정을 제공하고 있습니다. 여러분들이 직접 만든 배너나 플래시 파일( 플래시 게임이라든지 아니면 위젯 어플리케이션 등.. ) 등도 이곳에 업로드를 하고 이처럼 주소를 따와서 블로그에 게재, 혹은 링크를 걸 수 있습니다.

어떤가요? 이 정도면 티스토리 블로그 참 편하지 않나요?? ㅎㅎ



티스토리 블로그 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' 이 나오겠죠. ㅎㅎ



티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정



이전에 티스토리를 '가입형 블로그'와 '설치형 블로그'의 중간 정도의 성격을 갖는 블로그 플랫폼이라고 언급한 적이 있었습니다. 가입형 블로그의 쉽고 빠른 블로그 글의 배포와 쉬운 블로그 편집의 특성과 설치형 블로그의 강력한 블로그 편집기능의 특성을 동시에 가지고 있습니다.

이게 무슨말이냐하면, 티스토리에 초대장을 받고 가입만하면 누구든지 티스토리 블로그를 통해서 글을 발행할 수 있습니다. 게다가 티스토리가 제공하는 관리자 페이지를 이용해서 쉽게 티스토리의 블로그 세팅을 할 수 있습니다. ( 지금까지 우리가 배워 웠던 기능들을 사용할 수 있다는 말입니다. ) 이런 특징은 네이버 블로그나 다음 블로그 같은 가입형 블로그의 특징입니다.

이 뿐만아니라 티스토리는 직접 HTML 코드를 조작해서 블로그를 꾸밀 수 있는 보다 강력한 블로그 편집 기능을 제공하여 설치형 블로그의 특징도 가지고 있습니다. 이번 시간에는 바로 이런 블로그의 HTML을 조작 할 수 있는 설정 페이지에 대해서 알아 볼 예정입니다.


내 블로그의 HTML 코드를 수정해 보자.

  티스토리에서 HTML 편집을 제공하기 때문에 구글의 애드센스를 이용하여 수익도 얻을 수 있고, 다른 블로그 플랫폼보다 수익 창출에 훨씬 유리한 이점을 가지고 있어서 프로 블로거 분들이 많은 편입니다. 실제로 블로그를 이용하여 어마어마한 수익을 얻고 계신분들도 많이 있죠. ( '머니야머니야'님이라든지, '못된준코'님이라든지, 'Kay'님이라든지.. 많은 수익을 내고 계신 분들이 꽤나 있습니다. )


반면에 가입형 블로그인 네이버 블로그같은 경우에는 직접 HTML을 편집 할 수 없기 때문에 애드센스를 붙이기가 힘들죠. ( 그렇기 때문에 네이버 블로그의 많은 블로거 분들이 티스토리로 이주하기를 희망하고 있었습니다. 저도 네이버 블로그에서 활동하다가 접고 티스토리로 넘어 온 케이스구요 )

물론 네이버도 '애드 포스트'라는 수익 모델을 제시하고 있지만 티스토리의 HTML 편집 기능은 블로거에게 블로그 편집에의 자율성을 주기 때문에 여전히 매력적인 기능입니다. ( 심지어 블로그에 팝업 광고를 할 수도 있고, 악성코드 배포도 가능한 걸로 알고 있습니다. 물론 그런 용도로 사용하시는 분들은 없겠지만요. )


아무튼 티스토리의 가장 큰 장점이자 매력인 HTML 편집에 대해서 알아보도록 하겠습니다. 
관리자 메뉴에서 '스킨'->'HTML/CSS 편집'을 선택합니다.


뭔가 엄청난 것들이 나오죠?
여러분 블로그의 스킨이 HTML 형식으로 보여지는 것입니다. 이곳의 HTML 파일을 수정하면 여러분의 블로그에 수정된 사항이 반영이 되고, 이곳의 HTML을 수정함으로써 여러분 블로그를 여러분 나름대로 꾸밀 수 있습니다. 더 자세한 내용을 살펴 보자면,

'HTML/CSS 편집' 탭에는 HTML 소스와 CSS 소스를 편집할 수 있습니다. 'skin.html' 이라고 나오는 곳이 여러분 블로그의 HTML 소스가 나오는 부분이구요. 'style.css' 부분에 나오는 내용은 여러분 블로그의 스타일 시트 파일이 나오는 곳입니다.

간략하게 소개를 해드리자면, HTML 은 여러분 블로그의 구조를 나타내구요.  CSS 는 HTML 태그와 독립적으로 여러분 블로그의 스타일을 나타냅니다.

HTML은 집의 기둥과 벽 같은 커다란 구조를 의미하고 CSS는 집에 걸어 놓는 액자나 창문, 벽지 정도의 꾸미는 기능이 되겠습니다. 더 자세한 내용은 나중에 설명해 드리겠습니다.


'파일 업로드'여러분 블로그를 꾸밀 때 필요한 여러가지 소스들을 업로드 하는 곳입니다. 예를 들면, 새로 만든 배너를 블로그 상단에 게제하고 싶은데 그러려면 일단 서버에 업로드를 하고 그 주소를 가져와서 img 태그를 이용해 붙여야겠지요? 이 때 서버 역할을 할 수 있는 부분이 바로 이부분입니다. 이곳에 사진을 업로드 하고 그 사진을 이용해서 스킨을 편집할 수 있습니다.

사진 파일 뿐만아니라 플래시 파일이나 음악 파일도 업로드가 되는 것으로 보입니다. 뭐 플래시 게임 같은거 제작해서 이곳에 올린다음 배포를 해도 될 것 같네요..

이 곳을 이용해서 여러분의 블로그를 좀 더 잘 꾸밀 수 있습니다.


애드센스에 가입을 해서 블로그에 광고를 게재할 때나, 새로운 위젯을 블로그에 달고 싶을 때, 아니면 티스토리에서 제공하지 않는 기능을 구현해보고 싶을 때, 이 페이지를 이용하게 됩니다.

이제 티스토리 초보는 탈출 하셨으니 더 많은 것들을 배워 보도록 하세요~ ^^



▲ 이전 글 : 티스토리 초보팁 19편 -CCL을 통한 저작권 표시


티스토리 초보팁 19편 -CCL을 통한 저작권 표시


이번 시간에는 좀 더 엄숙한 주제에 대해서 다룰 예정인데요. 바로 '저작권' 표시에 대한 내용입니다. 인터넷을 많이 사용하시는 분들이라면, 더군다나 블로그라는 자신만의 온라인 공간을 가지고 계신분이라면 피해 갈 수 없는 내용이 바로 '저작권'입니다.

사용자의 입장에서는 그냥 공짜로 퍼다가 썼으면 좋겠지만 반대로 입장을 바꿔서 생각을 해보면, 여러분이 적게는 몇 시간... 많게는 몇 일, 몇 달동안 공들여서 작성한 글이나 작품을 누군가가 드래그와 복사만으로 몇 초만에 퍼간다음 자신이 만든것처럼 행세를 한다면 억울하고 분한 일이겠지요. 그렇기 때문에 저작권이 존재하는 것입니다.

하지만 저작권은 창작의 자유를 침해하고 저작권자가 돈독이 올랐을 경우에는 아주 심각한 문제가 발생할 수도 있다는 점에서 논란이 많이 되고 있습니다.

티스토리에서도 이런 저작권 관련 기능을 제공하고 있습니다. 바로 CCL 표시 기능인데요. 먼저 CCL에 대해서 알아보도록 하겠습니다.


CCL (Creative Commons Licensee )

CCL크리에이티브 커먼즈 라이센스의 약자로 크리에이티브 커먼즈라는 비영리 기관에서 만든 저작권 라이센스입니다.

크리에이티브 커먼즈의 탄생 배경을 살펴보시면 CCL에 대해서 좀 더 쉽게 이해를 하실 수 있겠는데요. 크리에이티브 커먼즈는 2001년 샌프란시스코에 본부를 두고 시작되었습니다. 이 단체가 탄생하게된 배경에는 '엘드리드 대 애시크로프트 사건'이 있습니다.

Judge using his gavel
Judge using his gavel by IXQUICK 저작자 표시비영리동일조건 변경허락

이 사건의 이름은 엘드리치 출판사의 엘드리드와 애시크로프트라는 법무부장관의 이름을 따서 붙여진 사건으로 미키마우스 저작권법으로도 잘 알려져 있는 사건입니다.

앨드리치 출판사는 저작권 유효기간이 만료된 저작물들을 공개하는 일을 하고 있었는데요. 기존에는 저작권의 유효기간이 저작자의 생존기간 및 사후 50년 간으로 규정되어 있었습니다. 앨드리치 출판사는 이런 저작자의 사후 50년이 지난 저작물들을 공개하는 일을 하고 있었던 것이구요.

하지만 저작자의 저작권으로 수익을 내는 단체나 개인에게서는 50년이라는 시간이 너무 짧게 느껴진 것입니다. 이 기간이 길면 길수록 더 오래 해먹을 수 있으니까요. 최대한 오랫동안 저작권을 지키고 싶었던 이들은 '사람의 평균수명이 연장되었으므로 저작권의 유효기간도 연장해야 한다.' 며 저작권 인정 기간을 저작자 사후 50년에서 70년으로 늘리는 법인 '저작권 기간 연장법'이 등장하게 됩니다.

Disney - Happy Birthday Walt! (Explored)
Disney - Happy Birthday Walt! (Explored) by Express Monorail 저작자 표시비영리변경 금지

이 때문에 엘드리치사는 공개를 했던 몇몇 작품들을 더 이상 공개하지 못하게 되었고, 공개했던 자료의 목록에서도 다시 삭제를 해야했죠. 특히 2003년 저작권이 소멸될 예정이었던, '미키마우스' 초판의 저작권이 20년 연장되어 2023년이나 되어야 소멸 된다고 합니다. 그래서 사람들이 이 법안을 '미키마우스 저작권법'이라고 부르게 된 것이지요.

앨드리치사의 앨드리드는 이런 '미키마우스 저작권법'을 파기해달라고 요청을 하면서 문제로 대두되기 시작했습니다. 그는 미국 헌법에도 나와있는 표현의 자유를 언급하며 새로운 창작물들을 위해서 이런 자료들을 공유 할 수 있도록 허락해 달라고 했습니다.

이런 자료의 독점을 막고, 더 많은 자료를 공유하여 새로운 저작물들의 창조를 돕기위한 비영리 단체인 CC를 설립하게 되고, 이 단체에서 발표된 라이센스 규정이 CCL입니다.


블로그에서 보자면 블로그 글에 대한 저작권을 'All right reserved'의 형태가 아닌 'Some right reserved'의 형태로 배포하면서 다른  사람이 글의 일부를 인용하거나 편집하면서 새로운 창작물을 만들 수 있는 자유를 주겠다는 취지입니다.

CCL이 달린 게시물은 저작자가 허락하는 범위내에서 자유롭게 사용 할 수 있음을 의미하는데요. 예를 들면 '비영리적인 목적'에서 허락을 할 경우 돈을 목적으로 사용하지만 않으면 됩니다. 혹은 '저작권자 표기' 만 되어 있으면 저작자가 누구인지만 표기해주면 영리적으로 사용해도 문제가 없음을 알 수 있습니다.

이런 형태로 CCL은 저작자가 어떤 권리를 포기해서 더 많은 사람들이 창작의 자유를 누릴 수 있도록 해주는 나눔의 장치라고 할 수 있습니다.


CCL을 보는 방법

위글을 잘 읽으셨다면 CCL은 저작권을 행사하겠다는 제약이 아닌, 일부 저작권을 포기해서 더 많은 사람들이 공유 할 수 있도록 만들어주는 라이센스 표기법입니다. ( 저도 아직 잘 모르겠지만 취지는 그런 것 같네요 ㅎ )

일단 제 블로그의 CCL 표기를 살펴보시면 ( 이 글을 쓸 당시의 CCL 입니다. 추후에 변경될 수 있음을 알려드립니다. )


이 표기가 의미하는 바는 '저작자 표기', '비영리적사용' 그리고 '내용변경금지' 조항입니다. 이 세가지 원칙만 지켜주신다면 퍼가셔도 상관없다는 뜻입니다.

CCL을 구성하고 있는 요소는 위의 3개를 포함해서 4가지가 있는데요. 다음과 같습니다.


위 자료는 Creative Commons Korea의 'CCL 알아보기'에서 발췌, 캡쳐한 내용임을 알려드립니다.

CCL에 참여하고 있는 블로거들의 글을 보시면 위와 같은 기호들이 붙어있을 텐데요. 참고하시기 바랍니다. ^^



글의 CCL 설정하기

여러분의 블로그 글도 CCL을 표기 할 수 있고 각각 다른 CCL을 설정할 수 있습니다.


글쓰기 에디터 창을 보시면 하단부에 'CCL'이라는 탭이 있습니다. 이 탭을 이용해서 CCL을 표기 할 수 있습니다.
상업적 이용, 컨텐츠 변경에 대한 항목을 설정하시면 왼쪽에 어떤 CCL마크가 붙게 되는지 보실 수 있습니다. 글을 저장하시면 글의 하단부에 CCL 마크가 보이게 됩니다.


CCL이 의미하는 바를 정확하게 알고 저작권 표기를 정확하게 하여 혹시나 발생 할 수 있는 저작권 관련 분쟁에 휘말리지 않게 조심하시기 바랍니다. ^^



▲ 이전 글 : 티스토리 초보팁 18편 -태그를 이용한 블로그 포스트 관리
▼ 다음 글 : 티스토리 초보팁 20편 - HTML/CSS 편집을 이용한 블로그 스킨 수정

티스토리 초보팁 18편 -태그를 이용한 블로그 포스트 관리


요즘 대부분의 블로그 플랫폼들이 '태그'라는 기능을 도입하고 있습니다. 태그란 무엇이며 태그를 이용해서 어떻게 여러분들이 쓴 글들을 정리 할 수 있는지 알아보도록 하겠습니다.



태그란 무엇인가?

티스토리를 비롯한 많은 블로그 플랫폼들이 '태그'라는 서비스를 제공하고 있는데요. 태그란 과연 어떤 서비스이고 어떤 기능을 할 까요?


제 블로그에도 태그를 활용하고 있는데요. 트랙백과 댓글을 쓰고 볼 수 있는 공간 바로 위에 제가 달아 놓은 태그를 볼 수 있는 공간이 있습니다.

태그는 폭소노미( Folksonomy )라고 하는 기능(?)을 나타내기도 하는데요. 간단히 말하면 분류를 의미합니다.
예를 들어 어떤 글에 '블로그'라는 태그가 달리면 이 태그를 이용해서 '블로그'라는 태그가 달린 모든 글을 볼 수 있는 시스템이 구축가능합니다. 즉, 해당 글을 '블로그'로 분류되는 것이죠.
기존의 분류체계와 다른점은 어떤 글이 정확히 하나의 글에 속해야 할 필요가 없다는 것입니다. 만일 '블로그', '수익' 이라는 두개의 태그가 달린 글은 '블로그'로도 분류가 되고, '수익'으로도 분류가 됩니다.

티스토리에서 제공하는 태그는 분류의 목적으로 사용됩니다.

예를 하나 들어보면, 위 그림에서 보이는 태그 중에서 하나를 클릭해 보겠습니다. '블로그 초보' 라는 태그를 클릭해 보도록 하죠.


그러면 '블로그 초보'라는 태그가 달린 글의 목록을 보여줍니다. 한마디로 '블로그 초보'로 분류된 글들을 보여주는 것이죠.

글을 분류하지만 정확히 하나에만 속햐야 한다는 제약사항을 없엔, 새로운 의미의 카테고리 시스템이라고 생각하시면 될 것 같습니다.



태그를 달아보자

그럼 태그를 달 수 있는 방법을 알아보겠습니다. 태그는 흔히 글을 작성할 때 글쓰기 에디터 창을 이용해서 달 수 있습니다. ( 이미 작성된 글에 태그를 달고 싶으시면 '수정하기' 버튼을 눌러서 에디터 화면을 띄우시면 됩니다. )



글쓰기 화면의 하단에 보시면 '태그'라는 탭이 있습니다. 이 탭에서 마음껏 태그를 달고 수정하고 지울 수 있습니다.

몇 가지 재미있는 기능을 보자면, 태그를 달 때, 글의 내용과 관련있는 태그를 달아야 태그를 다는 효과가 높아지는데 어떤 태그를 달지 생각하는 과정이 약간 번거로울 수가 있습니다. 그래서 티스토리에서는 태그를 좀 더 효율적으로 달 수 있는 시스템을 제공합니다.


'추천태그' 버튼은 글과는 상관없이 여러분의 블로그에서 자주 사용되는 태그를 추천해 줍니다. 블로그의 주제가 뚜렷하고, 한가지 주제에 대해서 연속적으로 쓰시는 블로거라면 이 기능을 이용하면 좋을 것 같습니다. '추천태그' 버튼을 누르면 추천시스템이 제시하는 태그가 나오고 여러분은 그냥 클릭만 하시면 태그가 추가 됩니다.


'태그뽑기' 버튼글의 내용에서 태그 내용을 자동을 추출해내는 알고리즘을 돌려서 나온 결과입니다. 이 경우에는 글의 본문 내용이 어느정도 길어야 하고, 알고리즘에 의한 자동적인 추출 과정이라서 글이 담고 있는 의미를 제대로 뽑아내지 못 합니다. 그래도 참고용으로 쓰시면 좋을 것 같습니다.



그 밖에도 추천 검색어처럼 태그를 태그입력창에 입력을 하는 가운데 추천 태그를 계속 보여주는 시스템도 있습니다. 여러분이 입력하려고 하는 태그들 중에 대다수는 이렇게 추천해주는 태그 중에 있으니 그냥 클릭을 해서 태그를 다시기 바랍니다. ^^


아직 연구는 안 해봤지만 많은 분들의 실험결과를 보면, 이 태그가 네이버는 몰라도 다음에서는 검색결과에 영향을 미치는 것 같습니다. 적어도 티스토리 메인 페이지의 검색창에 검색을 할 때, 결과에 영향을 미치는 건 맞구요.

적절한 태그를 달아서 검색 결과에 노출도 시키고 여러분의 글을 좀 더 효율적으로 관리하시기 바랍니다. ^^


▲ 이전 글 : 티스토리 초보팁 17편 -블로그 주소 형식
▼ 다음 글 : 티스토리 초보팁 19편 -CCL을 통한 저작권 표시

티스토리 초보팁 17편 -블로그 주소 형식



블로그라는 시스템은 글 하나하나에 URL을 부여합니다. 즉, 여러분이 블로그에 작성한 글 하나하나엔 주소가 붙게 되는것이죠. 글에 주소를 붙이는 방법에는 여러가지가 있는데, 티스토리에서는 두 가지 방식을 사용합니다.

첫 번째 방식은 단순히 작성된 순서에 따라 숫자를 부여하는 방법입니다. 다시 말해서 제가 제 블로그에 작성한 첫번째 글의 주소는 "plusblog.tistory.com/1" 이되고 100번째 작성한 글은 "plusblog.tistory.com/100"이 되는 것이죠. 이런 방식은 짧은 주소를 제공하지만 주소에 글의 제목과 같은 내용이 포함되지 않기 때문에 주소가 갖는 의미는 단순히 작성된 순번일 뿐입니다.

두 번째 방식은 글의 제목을 주소로 사용하는 방법입니다. 만일 제가 '블로그란 무엇인가' 라는 제목의 글을 작성했을 경우, 해당 글의 주소는 "plusblog.tistory.com/블로그란_무엇인가' 정도가 되는 것이죠. 이 방법은 주소에서 해당 글의 정보를 알 수 있지만 주소가 너무 깁니다. 주소가 길 경우 불편한 점이 있죠.

이렇게 두 가지 방법이 있는데, 저의 경우에는 그냥 짧은 주소를 사용합니다. 그 이유는 블로그를 운영하다보면 아실꺼예요 ^^


주소 형식 바꾸기

아마도 티스토리의 기본 주소 형식은 제목을 해당글의 주소에 사용하는 방식을 제공 할 겁니다. 이 형식을 순차적인 숫자를 글의 주소로 할당하는 방식으로 바꿔보도록 하겠습니다.


관리자 메뉴에서 '환경설정' -> '블로그 정보'를 클릭합니다. 바로 전에 파비콘을 등록했던 메뉴네요.


맨 밑에 주소를 설정 할 수 있는 부분이 있습니다. 이 곳에서 여러분의 블로그의 주소 관련 부분을 수정 할 수 있습니다.

'블로그 주소' 여러분의 블로그 자체 주소를 바꿀 수 있는 기능입니다. 현재 제가 쓰고 있는 plusblog 라는 주소를 다른 주소로 바꿀 수 있습니다. ( 한번 바꾸면 24시간 이내에는 재변경이 불가능 하다고 하네요 )

'1차주소'티스토리에서 할당해주는 주소로, 주소에 티스토리 주소가 들어갑니다. '2차 주소'여러분이 직접 구입한 도메인 주소를 써 넣으시면 됩니다. 옆에 가비아라는 도메인 서비스 회사에서 구입을 하고 등록할 수 있는 버튼이 있군요. 여러분의 블로그를 궁극적으로 브랜드화 하려면 아마도 언젠가는 2차주소 도메인을 구입하시는게 좋을 것 같습니다.

'글 주소'블로그에 쓰여진 글 하나하나에 주소를 매기는 방식으로 이번시간에 다룰 내용입니다.
'숫자 형식'글의 주소가 숫자로써 매겨지는 형식으로 1부터 하나씩 증가하는 형태로 매겨집니다.
'문자형식' 제목이 주소로 들어가는 형식으로 위에서는 '티스토리-환영합니다.' 라는 글의 제목으로 생각이 됩니다.


어떤 분은 숫자 형식의 주소가 편할 수도 있고, 어떤 분은 문자 형식의 주소가 편할 수도 있습니다. 자기에게 맞는 주소 방식을 사용하시기 바랍니다. ^^


▲ 이전 글 : 티스토리 초보팁 16편 -파비콘, 블로그 아이콘 만들기
▼ 다음 글 : 티스토리 초보팁 18편 -태그를 이용한 블로그 포스트 관리



티스토리 초보팁 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편 -파비콘, 블로그 아이콘 만들기



티스토리 초보팁 14편 -티스토리 위젯 사용하기


이전 시간에 사이드바 설정이랑 플러그인 설정 하는 법에 대해서 배웠는데요.
 
2010/09/03 - [블로그] - 티스토리 초보팁 11편 - 사이드바 설정하기
2010/09/02 - [블로그] - 티스토리 초보팁 12편 - 플러그인 사용하기

이번 시간에는 위젯에 대해서 배워 보겠습니다. 어떻게 보면 플러그인과 비슷한 개념인데, 많은 블로거들 사이에서 위젯이라고 불리우는 종류의 플러그인들을 설정하는 법을 알아보겠습니다.

일단 위젯이 도대체 뭔지 알아보고 넘어가겠습니다.


위젯( Widget ) 이란 무엇인가?

위젯( Widget )간단한 응용프로그램으로 블로그, 카페나 홈페이지, 혹은 휴대폰과 같은 기기에서 작동하는 작은 응용프로그램입니다. 주로 날씨, 달력, 계산기 같은 작은 문제를 해결하기 위해서 개발된 프로그램입니다.

위젯의 사전적 의미는 '(이름을 알 수 없는) 작은 장치' 라는 의미로 위에서 말한 날씨, 계산기, 실시간 검색어와 같은 작은 기능 ( 아담한 기능이라고 할까요? )을 담은 조그마한 프로그램을 말합니다.

[그림 : 위젯 ]

생활영어 위젯


블로그에서 사용하는 위젯에는 포털 사이트에서 제공하는 실시간 검색어, 메타 블로그 사이트에서 제공하는 내 블로그의 랭킹, 날씨 정보를 보여주는 날씨  위젯, 심지어는 부동산이나 주식 정보까지 보여주는 위젯도 있습니다.

특히 위젯은 위젯을 개발한 프로그래머가 무료로 배포하는 경우가 대부분인데, 각각 간단한 기능을 가지고 있는 것도 있고 혁신적인 아이디어를 가지고 있는 것도 있어서 여러분은 그냥 가져다 쓰시면 됩니다. 이런 위젯을 가져다 블로그에 배치하는 것만으로도 여러분의 블로그는 밋밋한 블로그에서 재미있는 기능이 많은 블로그로 탈바꿈하게 되는 것입니다. ( 무슨 광고메시지 같네요. )

[그림 : 위젯 뱅크 ]

다음 위젯 뱅크



대표적인 위젯 사이트로는 다음위젯뱅크가 있습니다. 위젯이 뭔지는 위젯 뱅크에 방문하셔서 하나하나 보시면 쉽게 아실 수 있습니다. '아~ 이런게 위젯이구나.' 하고 말이죠. ㅎ



티스토리 위젯 설정

티스토리가 다음에 인수된 사실은 알고 계시나요? 독립적인 블로그 플랫폼 사이트였던 티스토리가 다음에 인수되면서 다음이 제공하는 서비스의 일부를 티스토리에서 쉽게 사용하게 되었습니다.


그 중에 하나가 바로 다음이 제공하는 '위젯뱅크' 입니다. 블로그에 사용 할 수 있는 위젯들을 모아놓은 사이트인 위젯 뱅크에서 제공하는 여러가지 위젯들 중 일부를 티스토리에서 클릭 몇 번으로 사용 할 수 있게 되었는데요. 위에 링크 시켜 놓은 위젯 뱅크를 들어가보시면 아시겠지만, 굉장히 다양한 위젯들이 있습니다.

또 티스토리에서 제공하지 않는 위젯이라도 티스토리 계정과 다음 아이디가 연동이 되면, 가져다 쓸 수 있는 것으로 보입니다. 이에 대해서는 나중에 다시 포스팅을 하도록 하구요. 오늘은 티스토리에서 제공하는 위젯 설정 메뉴를 사용하는 방법에 대해서 알아보도록 하겠습니다.



관리자 메뉴에서 '플러그인' -> '위젯 설정'을 들어갑니다. 바로 위에 이전에 봤던 '플러그인 설정' 이 있군요.


'위젯 설정'의 메뉴 화면입니다. 사실 '플러그인 설정' 시간에 봤던 것과 크게 다르지 않습니다. 완전히 같은 방식이라고 생각하시면 됩니다. 다만 위젯의 분류가 좀 다르다는 점이 있네요. 분류를 하나하나 살펴 보면,

'생활' 분류에서는 생활에 도움을 주는 정보들을 보여줍니다. 뭐, 예를 들면 사전이나 비만도 체크, 부동산, 이슈검색어 등 일상생활에 도움을 주는 종류의 위젯이 들어 있습니다 (사실 분류는 그저 분류일뿐 '이게 왜 생활이냐' 라고 할 정도의 위젯도 있습니다. )

'시계/달력/날씨' 분류는 말그대로 시계와 달력, 날씨 등이 분류되어 있는 곳입니다. 근데 생활 분류에 캘린더가 있었는데 캘린더는 이 쪽 분류에 있어야 하지 않나요? 정말~~ 미스테립니다.

'엔터테인먼트' 분류영화, TV 실시간 검색어, 음악 등의 엔터테인먼트와 관련된 부분입니다. 여기도 역시 애매한 부분이 많이 있는 것 같습니다.

'기타'알림판이나 배너, 다음 뷰랭킹, 블로그 랭킹 등이 들어가 있습니다.


메뉴 화면의 오른쪽 상단에 보시면 '위젯 뱅크 바로가기'라는 링크가 있습니다. 이 링크를 클릭하시면 '다음 위젯 뱅크'를 방문 하실 수 있습니다. 위젯 뱅크에 있는 다양한 위젯들을 보고 마음에 드는 걸 골라보세요 ^^ ( 위젯 뱅크에서 위젯을 퍼다가 여러분의 블로그에 다는 법은 나중에 알려드리겠습니다. ^^ )



위젯 사용하기

위젯 목록의 대략적인 내용을 봤으니 위젯을 직접 달아보도록 하겠습니다. 플러그인 설정 때와 마찬가지로 블로그 위젯이 어떤 기능이 있는지 보기 위해서 어떻게 해야하는지 보도록 하겠습니다.


위젯 목록을 살펴보다가 맘에 드는 위젯이나 알고 싶은 위젯이 있으면, 맨 오른쪽에 있는 [+] 버튼을 클릭해 줍니다. 이 버튼을 클릭하면, 해당 위젯에 대한 간략한 설명과 함께 설정을 할 수 있는 창이 새로 뜨게 됩니다.



마음에 드셨으면 '사용' 버튼을 눌러서 사용하겠다고 표시합니다.

'사용' 버튼이외에 두개의 버튼이 더 보이죠?

'취소' 버튼은 정보를 더 보는 창을 닫는 버튼입니다. 창이라고 하면 그런가요? 해당 위젯에 대한 정보가 뜨는 공간이 다시 사라지게 되는 버튼입니다.

'삭제' 버튼은 이 목록에서 해당 위젯을 지워버리는 기능입니다. 아마도 나중에 위젯 뱅크에서 여러분의 위젯 목록에 위젯을 추가 할 수 있는 기능이 있는 것 같습니다. 그 기능은 나중에 포스팅하도록 하겠습니다.



'사용'버튼을 누르시면 '사이드바 설정' 화면으로 넘어 갈 건지 묻는 창이 뜹니다. 사이드바 설정 버튼을 눌러서 사이드바 설정 창으로 넘어가도록 하겠습니다.


사이드바 설정 메뉴의 사용법은 '사이드바 설정' 메뉴 사용법을 참고하시기 바랍니다.
사용 가능한 모듈쪽에 '위젯' 이라는 분류를 클릭해 보면 아까 선택했던 'Daum view 랭킹위젯' 이라는 사이드바 항목이 추가 된 것을 볼 수 있습니다. 이 항목을 실제로 배치시키는 건 '사이드바 설정'메뉴 사용법을 참고하시면 됩니다.


이번 시간엔 위젯이 뭔지와 티스토리에서 제공하는 위젯 관리 메뉴에 대해서 알아봤습니다. 플러그인과 더불어 여러분의 블로그를 더욱 더 풍성하게 만들어 주는 위젯을 사용해 보시기 바랍니다. ^^


▲ 이전 글 : 티스토리 초보팁 13편 - 팀 블로그 만들어 보기
▼ 다음 글 : 티스토리 초보팁 15편 -프로필 만들기



티스토리 초보팁 13편 - 팀 블로그 만들어 보기



2000년대 초반 미니홈피의 열풍이 불었었죠. 그 영향인지 많은 사람이 블로그를 그냥 개인만이 소유 할 수 있는 작은 홈페이지 정도로만 보는 사람이 많이 있습니다. 물론 대부분의 블로그들이 한 블로거에 의해서 운여이 되기 때문에 어느 정도는 맞는 말이라고 할 수도 있는데요.

티스토리에서는 한 명 이상의 블로거가 모여서 블로그를 만들어 나갈 수 있는 '팀 블로그' 기능이 있습니다. 팀 블로그 기능은 아직 많은 블로거들에게 익숙하지 않은 개념이지만 동아리나 클랜 같은 커뮤니티에서 블로그를 운영 할 수 있게 해준다는 점에서 또 다른 강력한 기능이라 할 수 있습니다.

스터디 블로그나 교회, 동호회 블로그를 팀 블로그로 운영 할 수 있습니다.


팀 블로그란?

팀 블로그 기능을 설명하기 전에 팀 블로그에 대해서 간략하게 설명해 드리겠습니다. 팀 블로그가 뭔지 알아야 팀 블로그 기능을 사용 할 수 있겠지요?


대부분의 블로그는 한 명의 블로거에 속해 있습니다. 이 블로거는 블로그의 소유자이자 관리자이기도 하고, 글을 쓰기도 합니다. 이런 구조가 보편적인 블로그의 소유 구조입니다.


반면 팀 블로그는 블로그에 관련된 블로거의 숫자가 한 명이 아닙니다. 여러명이 참여를 할 수 있는 이런 형태의 블로그를 팀 블로그라고 부릅니다. 즉, 팀을 꾸려서 운영해 나가는 블로그라는 뜻입니다.



일반적인 개인 블로그에는 없는, 팀 블로그에만 존재 할 수 있는 것이 블로거의 권한입니다. 팀 블로그를 운영하면서 참여하는 모든 블로거가 소유자의 권한 ( 루트 권한, 즉 모든걸 할 수 있는 권한 ) 을 갖게 되면 블로그 운영이 어렵게 됩니다. 한 회사에 사장이 여러명 있지 않고 한명만 있는 것과 마찬가지이지요.

블로거는 팀 블로거에 소유자의 권한으로 참여 할 수 있거나 글만 쓸 수 있는 필자로 참여 할 수 있습니다. 권한에 따라서 할 수 있는 행동도 제약을 받게 되는데요. 카테고리 이름을 변경 할 수 있거나 블로그의 설정을 변경 할 수 있거나, 기본적인 글쓰기만 할 수 있거나 하는 제약이 있습니다.

Getting ready [3]
Getting ready [3] by Gueorgui Tcherednitchenko 저작자 표시비영리동일조건 변경허락

팀 블로그를 운영하게 되면 여러명이 협력을 할 수 있기 때문에 개인이 운영하는 블로그보다 강점을 갖게 될 수 있습니다. 예를 들어 글 하나를 발행 할 때도 여러 사람의 손을 거치면 더 완성도 높은 글을 발행 할 수 있으며, 완성도 높은 글도 더 많이 나올 수 있습니다.

하지만 여러사람이 모이다 보니 문제가 생길 여지도 있는데요. 팀 블로거 사이에 불화가 생기면 블로그 운영에 곧바로 문제가 생기게 됩니다.

이런 장단점을 잘 파악하시고 팀 블로그 운영 여부를 결정하시기 바랍니다.

팀 블로그는 믿을 만한 사람과 같이 해야겠지요? 팀 블로그도 일종의 '동업'이기 때문입니다.



티스토리에서 팀 블로그 만들기

티스토리에서는 이런 팀 블로그를 운영 할 수 있게 기능을 제공하고 있습니다. 이번 시간엔 이 팀 블로그 만드는 방법을 알아 볼 텐데요. 팀 블로그는 필수 사항이 아니기 때문에 몰라도 되는 기능입니다. ( 안 보시고 팀 블로그가 뭔지만 알고 넘어가셔도 됩니다. 팀 블로그를 운영하지 않으실 분께는 별로 도움이 안 되겠네요 ^^ )


팀 블로그로 만들 블로그의 관리자 메뉴 페이지로 들어가서 '링크' -> '팀블로그'를 선택합니다.

여기서 주의 하실 점은 팀 블로그로 만들 블로그의 관리자 페이지로 가야 한다는 것입니다.
여러분의 개인 블로그에서 팀 블로그 초대 메일을 보내면 여러분 개인 블로그에 다른 블로거가 글을 쓸 수 있게 됩니다. 지금 있는 블로그가 여러분 개인 블로그로 운영할 계획이라면 팀블로그로 만들 블로그를 새로 만들어 주시고 그 블로그의 관리자 페이지에서 작업을 하셔야 합니다.

팀 블로그는 새로운 관리자를 초대하는 형식으로 진행 됩니다.



위와 같은 창이 뜨게 됩니다.

'받는 사람' 란에 팀 블로거로 초대 할 블로거의 이메일 주소를 입력합니다. 팀 블로그에는 티스토리 회원만 초대가 가능합니다. '받는사람' 란에는 초대할 블로거의 티스토리 계정을 써 넣어 주셔야 합니다.

'권한 설정'초대할 블로거에 어떤 권한을 줄 것인가에 대한 설정입니다. 권한에 대한 설명은 물음표 버튼을 누르면 알 수 있고 다음과 같습니다.


권한이 '소유자', '관리자', '편집자', '필자' 가 있는데, 각각 할 수 있는 행동이 제약이 되어 있습니다. 잘 선택하시기 바랍니다.

티스토리에서는 블로그의 공동 소유는 허가하지 않는 것 같습니다.
블로그의 주인은 한명이고 그 한명이 다른 블로거를 팀 블로그 멤버로 초대하는 형식을 취하고 있습니다.

'초대 말'초대하면서 할 말을 적어 주시면 됩니다.



그 밑에 블로그 팀원의 권한을 관리 할 수 있는 폼이 있습니다.
여기서 블로그 팀원의 권한을 변경 할 수도 있고, 여러분이 소유자라면 팀원을 자를 수도 있습니다. 주인이니까 맘대로 할 수 있는 것이죠..


외국의 경우에는 팀 블로그도 활발히 운영되고 있는 것 같습니다만 아직 국내에서는 팀 블로그가 그렇게 활성화 되지 않은 것 같습니다. 팀 블로그를 운영해야 할 때에도 티스토리는 좋은 것 같네요.



▲ 이전 글 : 티스토리 초보팁 12편 - 플러그인 사용하기
▼ 다음 글 : 티스토리 초보팁 14편 -티스토리 위젯 사용하기



티스토리 초보팁 12편 - 플러그인 사용하기


티스토리 초보팁을 연재하면서 많은 기능들을 살펴 보았는데요. 이 밖에도 티스토리에서는 많은 추가적인 서비스를 플러그인 형태로 사용자에게 공급하고 있습니다. 티스토리 블로거는 이 플러그인들을 선택해서 사이드바 등에 사용할 수 있습니다. 새로운 서비스들이 티스토리와 연동이 되면 플러그인의 형태로 공급이 되게 됩니다.

플러그인은 간단히 몇 번의 클릭만으로 블로그에 새로운 기능을 추가 할 수 있는 장점을 가지고 있는데요. 티스토리에서는 이런 플러그인을 선택하고 간단한 세팅을 변경하고 제거 할 수 있는 기능을 제공하고 있습니다.


플러그인 설정 메뉴

플러그인을 설정하고  관리할 수 있는 메뉴를 살펴 보도록하겠습니다.


관리자 메뉴에서 '플러그인' -> '플러그인 설정'을 선택합니다. 상위 메뉴부터 플러그인에 관한 메뉴임을 말하고 있네요.


그러면 위와 같은 화면이 뜹니다. 여러분의 블로그에서 사용가능한 기능들이 제공되고 있습니다.

플러그인의 분류에는 7가지가 있는데, '추천', '글쓰기', '글 보내기', '꾸미기', '관리 및 통계', '스팸 불법방지', '멀티미디어' 가 있습니다. 하나하나 설명을 해드리자면,

'추천' 분류의 플러그인은 티스토리에서 추천하는 플러그인들을 보여줍니다. 많은 블로거들이 사용하고 있고 블로그 운영과 블로그 꾸미기에 많은 도움을 주는 기본적인, 혹은 대표적인 플러그인들을 보여줍니다. 아마 추천으로 분류되어 있는 플러그인들은 대부분 사용하시면 될겁니다.

'글쓰기' 분류는 여러분이 블로그에 글을 쓸 때 좀 더 많은 기능을 제공 할 수 있게 해줍니다. 예를 들어, Flickr 사이트에 있는 사진들을 불러올 수 있는 기능이 있습니다. 이 기능을 이용하면 블로그 글쓰기가 좀 더 편해 지겠지요. 여기에 있는 기능들도 왠만하면 다 사용하는 것이 좋습니다. ^^

'글 보내기'는 여러분의 블로그에서 발행한 글을 다른 사이트로 보낼 수 있는 기능입니다. 여러 블로그들의 글을 보아서 보여주는 메타블로그가 될 수도 있고, 요즘 이슈가 되고 있는 트위터로 글을 보낼 수도 있습니다. 나중에 여러분의 블로그를 홍보 할 때 도움일 많이 주는 기능들입니다.

'꾸미기' 분류에 있는 플러그인들은 말그대로 블로그를 꾸밀 수 있는 플러그인들이 들어 있습니다. 뭐 싸이월드 미니홈피처럼 예쁘게 꾸미는 기능은 아니지만 링크태그에 무지개 효과를 준다던지 블로그 아이콘을 사용한다던지 화려하지는 않지만 추가적인 플러그인들이 들어 있습니다.

'관리 및 통계'에는 여러분의 블로그를 관리할 때 도움을 줄 수 있는 플러그인들이 들어 있습니다. 대표적인 플러그인이 '유입경로'와 '방문자 통계' 그리고 '유입 키워드'가 있습니다. 여기에 있는 플러그인들로 블로그 관리를 조금 더 쉽게 할 수 있습니다. 참고로 유입경로와 유입키워드에 대한 내용은 다음 글을 참고하시기 바랍니다.

2010/08/30 - [블로그] - 티스토리 초보팁 7편 - 유입 경로, 유입 키워드

'스팸, 불법 방지' 분류에 있는 플러그인들은 여러분이 공들여 쓴 글을 허락없이 퍼가는 행위를 막거나 스팸 댓글이나 트랙백을 어느정도 차단해 주는 기능이 있습니다. 대표적으로 '마우스 우클릭 방지' 기능이 있습니다.

마지막으로 '멀티미디어' 분류에 있는 플러그인들은 동영상이나 사진과 관련된 플러그인입니다. 사진을 클릭 했을 때, 크게 보여주는 기능 같은 플러그인 들이 들어있습니다.




플러그인 사용하기

플러그인 목록이 의미하는 바를 배웠으니 어떤 플러그인이 뭐하는 플러그인이며, 그 플러그인을 사용하기 위해서 어떻게 해야 하는지 알아보도록 하겠습니다. ( 이런건 안써도 아시겠지만 ^^ )


사용하실 플러그인이나 궁금한 플러그인의 맨 오른쪽에 있는 [+] 버튼을 누릅니다.


그러면 설정 창이 뜹니다. 이 설정창에 '이 플러그인이 뭐 하는 플러그인인지', '플러그인 사용에 필요한 설정', '사용자 라이선스 동의' 등이 있습니다. 잘 읽어 보시고 '사용' 버튼을 누르시면 플러그인을 사용 할 수 있습니다.

위 사진은 제가 사용중인 플러그인이어서 '저장' 이라는 버튼이 뜨는 군요. 사용하지 않는 플러그인일 경우엔 '사용' 이라는 플러그인이 뜹니다.




사용 버튼을 누르면 왼쪽에 체크 표시가 생기는 걸 볼 수 있습니다. 체크 표시현재 여러분이 사용중인 플러그인이라는 뜻입니다.
플러그인 사용을 해제 하시고 싶으시면, 체크 표시를 클릭하시면 됩니다.


그러면 해지 확인 창이 뜨고 '예'를 누르시면 플러그인 사용이 중단됩니다. 뭐 나중에 다시 사용하시고 싶으시면 위에서 봤던 방법으로 다시 사용을 하시면 됩니다.

손 쉽게 블로그에 기능을 붙였다 뗏다 할 수 있는 것이 플러그인의 장점이라고 할 수 있습니다.


티스토리 기능을 더욱 더 풍부하게 해주는 플러그인들을 사용해서 기능도 다양하고 디자인도 예쁜 여러분의 블로그를 만들어 보세요. 쉽게 붙였다 뗏다 할 수 있는 플러그인의 사용법이었습니다.




▲ 이전 글 : 티스토리 초보팁 11편 - 사이드바 설정하기
▼ 다음 글 : 티스토리 초보팁 13편 - 팀 블로그 만들어 보기




티스토리 초보팁 11편 - 사이드바 설정하기


다른 블로거 분들의 블로그를 방문하다보면 본문을 비롯하여 양 옆에 뭔가가 많이 달려있는 것을 볼 수 있습니다. 랭킹이 표시되는 위젯도 있고, 광고가 달려있는 경우도 있고, RSS 피드가 달려있는 경우도 있습니다. 혹은 방문자의 국가를 카운트 해주는 신기한 위젯도 많이 있구요.

본문 말고 양 옆에 위치하는 이런 부가적인 기능들을 '사이드바'라고 합니다. 이 사이드바를 제대로 설정하려면 나중에 알게되겠지만 블로그의 HTML을 직접 편집해야 하는 경우가 있습니다만 기본적인 기능들과 티스토리에서 제공하는 플러그인 등은 '사이드바 관리메뉴'를 통해서 관리 할 수 있습니다.


사이드 바 관리 메뉴

이전에 봤던 '카테고리''최근 댓글', '링크' 등이 표시 되는 부분을 '사이드바'라고 부르는데요. 티스토리에서는 이 사이드바를 좀 더 편리하게 관리 할 수 있도록 메뉴를 제공하고 있습니다.

사이드 바


관리자 메뉴에서 '스킨' -> '사이드바 설정'을 들어갑니다.

사이드 바

사이드바 설정을 들어가면 위와 같은 메뉴가 뜨게 됩니다.

먼저 '사용가능 모듈' 쪽에 있는 네모난 상자들은 사용가능하지만 현재 사용하지 않는 기능들을 말합니다. 사용 가능한 모듈은 나중에 보겠지만 플러그인 설정에서 선택 할 수가 있습니다. 사용가능한 모듈을 '기본모듈', '플러그인', '위젯' 등으로 선택해서 보실 수도 있습니다. ( 기본은 '전체' 보기 입니다. )

'사이드바 꾸미기' 쪽에 있는 네모난 상자들은 현재 여러분의 블로그의 사이드바에 출력이 되고 있는 모듈( 기능 )들을 보여주고 있습니다. 보여지는 순서가 사이드바에 출력되는 순서를 말합니다.



사이드바 편집

그럼 사이드바에 항목들을 추가하고 제거하고, 순서를 바꿔보겠습니다.

1. 사이드바에 추가하기

사이드바에 항목들을 추가하는 방법에는 두 가지가 있습니다. ( 사실 방법이라고 하는 것도 웃깁니다만 )



사이드 바


먼저 가장 간단한 방법으로 추가하고 싶은 항목의 박스를 드래그해서 원하는 순서에 놓으시면 됩니다. 사이드바 메뉴의 가장 큰 장점은 드래그&드롭이 가능하다는 겁니다. 원하는 항목을 원하는 곳에 위치시키는 직관적인 방법으로 추가 할 수 있습니다.

사이드 바

또는 추가하고 싶은 항목의 오른쪽에 [+] 버튼을 누르면 자동으로 추가 됩니다.


2. 항목 제거하기

사이드바에 추가된 항목을 제거하고 싶으시면,

사이드 바

제거 하고 싶은 항목의 오른쪽에 [X] 표시를 클릭하면 '사이드바 꾸미기'에서 제거 됩니다. 제거 된다기 보다는 '사용 가능한 모듈' 쪽으로 다시 돌아가는 것이지요. 여기서는 드래그&드롭은 먹히지 않습니다.


3. 사이드바 순서 바꾸기

사이드바의 순서를 바꾸고 싶다면 간단하게 드래그&드롭을 사용하면 됩니다.

사이드 바

순서를 바꾸고 싶은 사이드바 항목을 클릭한 다음 순서를 위치시키고 싶은 곳( 항목과 항목사이 )으로 드래그를 한다음 그곳에 놓아 주시면 순서가 바뀌게 됩니다.

사이드바의 순서가 대부분 블로그 설명 모듈과 공지사항, 카테고리 모듈 순으로 오기 때문에 이 순서가 뒤섞였을 때 정리를 해야 할 필요가 있습니다. 사이드바도 블로그를 이용하는데 편의성을 제공하기 때문에 사이드바 항목의 순서도 블로그를 이용하는데 중요한 편의 요소로 작용하기 때문입니다.

나중에 사이드바 항목을 임의로 추가해도 이 기능은 자주 사용하니 사용법을 잘 익혀두시기 바랍니다. ^^




▲ 이전 글 : 티스토리 초보팁 10편 - 초대장 보내기
▼ 다음 글 : 티스토리 초보팁 12편 - 플러그인 사용하기



티스토리 초보팁 10편 - 초대장 보내기


맨 처음 시간에도 말했다시피 티스토리는 초대장을 받아야 가입 할 수 있는 폐쇄적인 가입 시스템을 가지고 있습니다. 하지만 사용하면 사용할 수록 다른 블로그 플랫폼과는 차별되는 장점들이 있고, 더 편리하죠.

여러분의 지인들께도 티스토리의 장점을 소개해 드리고 티스토리 블로그를 시작 할 수 있도록 초대장을 보내드리세요. 저도 제가 아는 분이 초대장을 보내주셔서 티스토리로 이주를 하게 되었었습니다.


내가 갖고 있는 초대장 수 확인하기

티스토리에 계정을 갖고 계신 분들은 활동량에 따라서 일정 수의 초대장을 받게 됩니다. 이 초대장으로 지인들에게 티스토리로 입주를 할 수 있는 기회를 주거나 초대장 배포 이벤트를 해서 많은 사람들에게 티스토리로의 입주 기회를 줄 수 있지요.

그럼 여러분이 갖고 있는 티스토리 초대장의 숫자는 어디서 알아 볼 수 있을까요? 초대장을 보내고 싶어도 지금 몇 장을 갖고 있는지 모르면 보내기 힘들겠지요..


초대장은 관리자 메뉴의 첫 화면( 센터 )의 왼쪽 공지사항 밑에서 확인 할 수 있습니다.
'초대하기'라고 쓰여져 있고 오른쪽 괄호 안에 숫자가 쓰여 있지요? 이 숫자가 바로 여러분이 갖고 있는 초대장의 갯수입니다. 저는 11장을 가지고 있네요.


초대장 보내기

초대장을 보내기 전에 초대장을 보낼 이메일 주소를 알아야 합니다. 티스토리 초대 이벤트 하면 댓글에 이메일 주소를 달아 주셔야 초대장을 보낼 수 있습니다. 그리고 초대장을 받은 메일 주소는 티스토리 계정의 아이디가 됩니다. 그러니 초대장을 보낼 이메일 주소를 잘 확인하셔야 합니다.


관리자 메뉴에서 '환경설정' -> '초대관리'를 들어갑니다.


그럼 위와 같은 화면이 뜨게 됩니다.
'받는 사람' 란에 초대장을 받을 이메일 주소를 입력합니다. 이 주소로 티스토리 초대장이 전송되며, 초대장을 받은 분은 앞으로 이 메일 주소를 아이디 삼아 로그인을 하게 됩니다.

'초대 말' 은 말그대로 초대장에 같이 보낼 말을 쓰며 됩니다. 뭐 티스토리에 오신것을 환영합니다. 라든지, '앞으로 잘 지내보아요~' 라든지 쓰고 싶은 말을 쓰면 됩니다. ^^

'보내는 사람'란은 보내는 사람, 즉, 여러분의 이메일 주소를 나타냅니다. 기본적으로 여러분이 로그인한 계정이 들어가 있고, 다른 이메일 주소로 바꿀 수도 있습니다. ( 안 쓰면 어떻게 되는지는 모르겠네요.. ㅎㅎ )


초대 관리

초대장을 보낸 것 뿐만아니라 예전에 누구한테 초대장을 보냈는지 볼 수 있습니다. 초대장 보내기 메뉴의 하단에 보면 초대장을 받아 가입한 티스토리 유저의 리스트가 있습니다.


보안상 초대일, 이메일, 블로그 주소등을 지웠습니다만 제가 이전에 초대장을 보낸 횟수가 3번이네요.

초대장을 보냈는데 잘 못된 이메일 주소로 발송 했을 때, '초대취소' 라는 버튼을 이용해서 초대를 취소 할 수 있습니다. 초대장이 발송되면 초대장 하나가 소모되기 때문에 잘 못 발송했을 경우 취소 할 수 있는 기능도 제공하고 있습니다.


'링크' 기능을 이용해서 초대장을 받아 가입한 유저의 블로그를 링크 기능을 이용해서 링크 시킬 수 있습니다. 링크에 대한 보다 자세한 기능은 다음 글을 참조하시기 바랍니다.

2010/08/31 - [블로그] - 티스토리 초보팁 8편 - 링크 설정하고 관리하기



'신고'여러분이 초대한 블로거가 음란물을 올리거나 불법 자료를 유통시키는 등 악한 행위를 했을 경우 신고할 수 있는 기능입니다. 여러분이 초대해서 티스토리에 입문한 블로거가 나쁜짓을 한다면 참을 수 없겠죠? 그럴 경우에 신고하시면 됩니다.

77 - Happy Mother's Day
77 - Happy Mother's Day by minxlj 저작자 표시비영리변경 금지

여러분도 초대장이 쌓이면 이벤트를 해서 많은 분들에게 초대장을 뿌리거나 여러분의 지인들에게 티스토리에 입문 할 수 있는 기회를 만들어 주세요 ^^



▲ 이전 글 : 티스토리 초보팁 9편 - 스팸 댓글 걸러내기
▼ 다음 글 : 티스토리 초보팁 11편 - 사이드바 설정하기


티스토리 초보팁 9편 - 스팸 댓글 걸러내기


블로그에 방문자가 많아지고 댓글이 하나씩 달리기 시작하면서 생기는 고민이 악플과 스팸성 댓글입니다. 악플이야 예전부터 문제가 되었고, 적응이 되면 거의 무감각해지기는 합니다. ( 물론 무감각해질때까지 정말 엄청난 상처를 받을 수도 있습니다. ) 또 악플밑에는 악플을 소위 까는 댓글들이 달려서 기분이 덜 나쁘기도 하는데요.

악플과 더불어 짜증을 유발시키는 댓글 유형이 바로 스팸성 댓글입니다. 스팸성 댓글은 사람이 달고 가는 것도 있지만 대부분은 스팸 댓글 프로그램에 의해서 달리고 있는 실정입니다. 프로그램에 의해서 달리는 스팸 댓글은 한눈에 알아 볼 수가 있지요.


제 블로그에 달렸던 스팸 댓글인데요. 같은 내용들과 이상한 이름, 그리고 이상한 사이트로의 링크가 달린 댓글들이 눈에 보입니다. 얼핏보면 그냥 보통 댓글 같지만 여러개가... 그것도 같은 내용으로 달려 있으니 스팸 댓글임을 금방 알 수 있었습니다.

관련 글을 예전에도 쓴 적이 있었는데요.

2010/07/07 - [블로그] - 티스토리, 스팸 댓글에 대처하는 방법

같은 내용이지만 티스토리 초보팁 시리즈로 한 번더 언급해 보겠습니다. ( 위 링크를 타고 들어가셔서 봐도 괜찮아요. 같은 내용입니다. ^^ )


티스토리 스팸 필터링 기능

티스토리 기능의 끝은 어디일까요? 티스토리처럼 블로거가 원하는 기능을 정확히 파악하고 지원을 하는 블로그 플랫폼도 드물겁니다. 갑자기 이상한 소리를 했네요.


티스토리의 관리자 페이지를 들어가면 '환경설정' 메뉴에 '스팸 필터'라는 하위메뉴가 있습니다. 이 메뉴가 스팸성 댓글과 스팸성 트랙백을 걸러주는 역할을 합니다.


그럼 위와 같은 '스팸 필터' 화면이 나옵니다. 제 블로그에 방문해 주신 스팸 댓글러( 스팸 댓글 프로그램  )가 있어서 등록이 되어 있네요. 각각 뭘 의미하는지는 쉽게 알 수 있습니다.


'IP 필터링'특정 IP에서 달리는 댓글, 즉 특정 IP를 갖는 컴퓨터에서는 댓글을 달 수 없도록 차단을 하는 기능입니다. 고정 IP를 갖는 컴퓨터에서 반복적으로 스팸 댓글을 달 때, 사용할 수 있습니다.

'사이트 필터링'댓글을 달면서 '홈페이지'라고 쓰여 있는 곳에 주소를 적어 넣는 곳이 있었습니다. 그곳에 적힌 정보를 가지고 필터링을 합니다. 예를 들어 '사이트 필터링'에 'www.naver.com'이라고 써 넣으면 익명의 댓글 중에 네이버를 홈페이지로 적어 넣을 경우 댓글을 달 수 없습니다.
 특정 사이트가 홍보를 위해서 여러대의 PC에서 링크를 달 수가 있는데 이 경우 그 사이트로 링크를 걸고 있는 댓글을 모두 막을 수 있습니다. 특히 외국의 이상한 사이트가 링크에 걸려 있을 경우, 악성코드를 다운로드하는 경로로 링크가 걸려있는 경우는 이 기능을 이용해서 필터링을 해주시면 됩니다.


'본문 필터링' 기능은 금칙어를 정하는 기능입니다. 욕설이나 음란한 단어 등을 등록해 놓으시면 여러분의 블로그엔 그런 단어를 사용한 댓글이 달릴 수 없습니다.

'이름( 필명 ) 필터링'특정 필명을 사용하는 댓글러는 댓글을 달 수 없도록 하는 기능입니다. 익명의 경우 필명에 욕이나 음란한 단어를 사용할 수 있기 때문에 그 경우에 사용하시면 되겠습니다.


그리고 이 스팸필터는 댓글 뿐만아니라 방명록과 트랙백도 적용이 됩니다. 아무한테나 트랙백을 열어 줬을 경우 골치가 아플수도 있는데, ( 트랙백을 이용한 스팸도 있죠... ) 이런 필터링 기능을 통해서 차단을 할 수 있습니다.



좀 더 편리한 스팸 차단 활용

이전에 봤던 댓글 관리 기능과 함께 스팸 차단 기능을 사용 할 수 있습니다.

2010/08/27 - [블로그] - 티스토리 초보팁 4편 - 댓글, 댓글 알리미

위 글에서 '최근 댓글' 메뉴에서 '스팸 차단' 이라는 기능을 봤습니다.


최근 댓글에서 위와 같은 메뉴들이 있는데 맨 오른쪽에 '스팸차단'이라는 버튼이 있습니다. 스팸 차단을 해도 이미 댓글이 달린 경우 그 스팸 댓글에 달린 정보를 이용해서 차단을 할 수가 있습니다. ( 스팸 댓글이 달렸을 때, 이 놈을 차단해라!! 라고 할 수 있는 것이죠. )


'스팸 차단' 버튼을 누르시면 위와 같은 화면이 뜹니다. 작성자 차단과 IP 차단을 선택 할 수 있는데, 해당 댓글을 쓴 사람의 IP나 작성자 이름을 이용해서 차단을 할 수 있습니다.( 아까 봤던 창에 작성자와 IP가 추가 되는 형태이죠. )

스팸 댓글을 발견 했을 때에는 그냥 스팸 댓글을 지우기만 하지말고 이렇게 차단을 시켜줘야 합니다. 댓글을 보는 사람은 블로그 주인 뿐만아니라 다른 방문자 분들도 있기 때문이죠!!.

스팸 필터링 기능을 이용해서 스팸 댓글을 추방 합시다!!



▲ 이전 글 : 티스토리 초보팁 8편 - 링크 설정하고 관리하기
▼ 다음 글 : 티스토리 초보팁 10편 - 초대장 보내기



티스토리 초보팁 8편 - 링크 설정하고 관리하기



자주가는 이웃 블로거나 포털 사이트를 사이드바에 연결 시켜 놓으면 블로그를 방문하시는 분들이나 여러분 자신이 손쉽게 찾아가기가 편할 겁니다. 물론 웹 브라우저에도 북 마크 기능이 있기는 하지만 블로그에 직접 링크를 설정 해 놓으면 편리한 점이 많이 있습니다.

티스토리에서는 이런 링크 관리 기능도 제공을 합니다. 자주 방문하는 이웃 블로그나 자주 방문하는 홈 페이지 등을 링크시켜 놓시기 바랍니다.


링크 설정하기

제 블로그의 오른쪽 사이드바 메뉴 중에 'My Link' 라는 부분을 볼 수 있습니다.


이 부분이 바로 링크가 나타나는 부분인데요. 제가 자주 방문하는 이웃 블로거 분들의 블로그를 등록해 놓고 있습니다. 여기에는 비단 블로그 주소 뿐만아니라 공개되어 있는 홈페이지라든지 자주가는 커뮤니티 주소를 링크시켜 놔도 됩니다.


관리자 페이지에서 '링크' -> '링크 관리' 를 선택합니다.


그럼 위와 같은 링크관리 페이지가 뜨는데요. ( 링크 관리를 처음 들어가시는 분들은 텅텅 비어있겠지만, 곧 채우시면 됩니다. ^^ )




1. 링크 추가하기
 
'링크 관리' 메뉴의 오른쪽 상단에 '링크 추가'라는 버튼이 있습니다. 이 버튼을 눌러서 링크를 추가해 보겠습니다.


링크 추가를 선택하시면 위와 같은 입력 창이 생기게 됩니다. 입력 형식은 직접 링크 주소를 입력 할 수도 있고, 구독하고 있는 RSS 주소를 이용해서 링크 주소를 가져올 수도 있습니다.

먼저 직접 입력하는 방식은 위 그림과 같은 입력 폼에 입력을 하게 됩니다.

'링크명' 은 아까 보셨던 'My Link' 사이드바에 어떤 이름으로 링크가 표시 될지 나타냅니다. 저의 경우에는 "??"님으로 ?? 는 해당 블로거의 필명을 사용하고 있습니다. 여러분이 기억하기 쉽고 직관적인 이름을 쓰면 됩니다.

'주소'링크를 클릭했을 때, 찾아갈 주소를 나타냅니다. 'My Link'에서 '링크명'에 쓰셨던 링크를 클릭하면 이 곳에 써 넣은 주소에 해당하는 웹 페이지가 새창으로 뜨게 됩니다.


RSS 주소로 가져오기는 RSS 주소를 알 경우 사용하시면 됩니다. 알고계신 RSS 주소를 입력창에 써 넣으시고 '확인' 버튼을 눌러 주시면 자동으로 링크 주소를 가져옵니다.

정보가 맞으시면 '추가' 버튼을 눌러서 링크를 추가해 주시면 됩니다.


2. 링크 제거하기

그럼 이제 링크를 삭제하는 법을 알아보겠는데요. 뭐 인터넷 좀 다뤄보신 분이라면 쉽게 아셨을 겁니다.


링크 관리 화면의 왼쪽에 체크박스가 있습니다. ( 빨간색 네모 친 부분 ) 지우고 싶은 링크를 선택 한 후, 위쪽에 있는 '삭제' 버튼을 누르시면 됩니다.

또 맨 오른쪽에 있는 '수정' 버튼을 이용해서 잘 못된 정보를 바로 잡을 수도 있습니다.


링크 기능을 이용해서 보다 편리한 블로깅 환경을 구축해 보세요~~



▲ 이전 글 : 티스토리 초보팁 7편 - 유입 경로, 유입 키워드
▼ 다음 글 : 티스토리 초보팁 9편 - 스팸 댓글 걸러내기



티스토리 초보팁 7편 - 유입 경로, 유입 키워드


티스토리를 처음 접하신 분들에게 아직은 방문자 관리보다는 티스토리 사용방법 익히기와 블로그 글을 잘 쓰는 법에 관심이 많으 실 겁니다. 하지만 내 블로그에 방문해 주시는 방문객들이 어디에서 들어오는 지를 아는 것도 블로그 운영에 도움이 많이 될 때가 있습니다.

이번엔 방문자들이 여러분의 블로그로 어떻게 들어오는지를 간략하게 볼 수 있는 방법을 알려드리겠습니다.


유입 경로 보기
 
관리자 페이지를 들어가시면 '플러그인' 이라는 메뉴가 있습니다.


플러그인의 하위 메뉴 중에 '유입경로'라는 메뉴가 있습니다. '유입 경로'를 클릭합니다.


그러면 위와 같은 화면이 뜹니다. 물론 블로그를 처음 개설 하신분은 아직 유입되는 소스가 별로 없을 수 있기 때문에 항목들이 많이 비어 있을 수 있습니다. ( 하지만 곧 꽉꽉 차게 됩니다. )

먼저 '순위'어느 소스에서 가장 많이 유입이 되었는지 유입 횟수가 괄호안에 표시되고 그 숫자에 따라 순위가 매겨지게 됩니다. 예를 들어, 1위가 네이버 2위가 다음 3위가 구글.... 이런 식으로 표시되게 됩니다.

'로그보기'방문자가 여러분의 블로그에 방문하기 직전 어느 페이지에 있었는가를 나타냅니다. 즉, 어디를 거쳐서 들어왔는가를 나타내는데요. 예를 하나 들어보겠습니다.

네이버에 '남자의자격'이라고 검색을 하면


이처럼 검색결과가 뜹니다. 이 때, 웹 브라우저의 URL 창을 보시면..


이렇게 뜨게 됩니다. 만약 방문자가 네이버에 '남자의 자격'이라고 검색을 해서 나온 결과로 여러분의 블로그를 클릭해서 들어왔다면 위의 URL이 '주소' 부분에 뜨게 되는 것이죠. '주소' 부분을 클릭을 하면 해당 URL을 볼 수 있습니다.

물론 검색 엔진을 통한 유입 뿐만아니라 게시판에 있는 게시물에 걸링 링크를 따라 온 경우에도 게시물의 주소가 뜨게 됩니다.

이 기능을 통해서 내 블로그가 어디에 얼마나 알려져 있으며, 방문자가 어떤 경로로 내 블로그로 들어오는지 알 수 있습니다. 나중에 블로그를 홍보 할 때 참고를 할 수 있는 기능이 되겠습니다.

또 주소 부분의 '[ ]' 부분은 일단 제가 지우긴 했지만 검색 키워드를 의미합니다. 다시 예를 들어서 네이버에서 '남자의 자격'이라는 키워드로 검색을 해서 여러분의 블로그에 들어온 경우 아까 말했던 URL과 '[]' 안에 '남자의 자격' 이라는 단어가 들어가게 됩니다.

어떤 키워드로 나의글들이 검색엔진에 등록이 되어 있는지를 알 수 있습니다.



유입 키워드

블로그로 유입되는 소스 중에 가장 압도적인 소스가 바로 검색 엔진입니다. 물론 커뮤니티나 트랙백을 통한 유입도 있겠지만 많은 블로거들의 경우 검색엔진을 통한 유입이 압도적으로 많은 것이 사실입니다. 이 때, 우리가 관심을 갖을 만한 것이 '어떤 검색어를 통해서 방문자들이 내 블로그에 방문을 하는 걸까?' 입니다.

티스토리는 '유입 키워드' 라는 기능을 제공하고 있습니다.


관리자 페이지의 '플러그인' -> '유입 키워드'를 클릭합니다.



그러면 위와 같은 화면이 뜹니다.
'총 키워드 개수'총 몇 개의 검색어를 통해서 여러분의 블로그로 들어 왔는 가를 의미합니다. 여기서 말하는 키워드는 아까 '유입 경로' 에서 '[ ]'안에 있었던 단어를 말합니다.

이 메뉴를 통해서 여러분의 블로그가 어떤 키워드로 대표되는지 알 수 있습니다. 이 메뉴 역시 나중에 블로그를 홍보 할 때 유용하게 쓰일 수 있는 메뉴입니다.



유입 경로 & 유입 키워드 사용 안 하기

유입 경로와 유입 키워드를 분석 하는 기능을 사용하지 않을 수 있습니다.

유입 경로와 유입 키워드를 분석하기 위해서 스크립트가 추가 될 수 있기 때문에 블로그의 로딩 시간이 약간 느려 질 수는 있습니다. 하지만 거의 무시해도 될 정도의 속도이기 때문에 문제는 없습니다.

그래도 예기치 못 한 원인으로 문제가 발생 할 수도 있으니 사용하지 않는 방법도 알고 계셔야 합니다.


'플러그인'에서 '플러그인 설정' 이라는 메뉴를 선택합니다.


아래에 나오는 항목 중에 '유입경로' 와 '유입 키워드' 항목을 찾습니다. 그 항목의 맨 오른쪽에 [+] 버튼을 클릭하시면,


위와 같은 창이 새로 생겨나게 됩니다.
이 창에서 '설정해지' 버튼을 클릭하시고 새로 고침을 누르시면 '플러그인' 메뉴에서 해당 메뉴가 사라질 것입니다.


여러분의 블로그를 홍보하기 위한 첫 단계인 유입 경로 분석 메뉴를 소개 해드렸는데요.
앞으로 블로그를 검색엔진에 등록하고 커뮤니티에 홍보도 할 텐데요. 그 효과를 직접 볼 수 있는 메뉴였습니다.


▲ 이전 글 : 티스토리 초보팁 6편 - 한번에 하나의 글만 보이기 화면 설정
▼ 다음 글 : 티스토리 초보팁 8편 - 링크 설정하고 관리하기



티스토리 초보팁 6편 - 한번에 하나의 글만 보이기 화면 설정


티스토리에 블로그를 처음 개설하게 되면 기본적으로 글이 여러개가 한 화면에 출력되게 됩니다. 가장 최근에 작성한 글이 맨 위에 나오게 되고, 설정한 개수의 글이 위에서부터 출력되는 형식이죠.

하지만 이 출력은 설정을 할 수가 있습니다. 오늘은 출력되는 글의 개수 뿐만아니라 티스토리에 글을 보여줄 때, 선택 할 수 있는 옵션들과 하는 역할에 대해서 설명해 드리겠습니다.


한번에 한개만 보여주기..

티스토리 블로그를 처음 개설하면 한 화면에 여러개의 글이 출력되도록 세팅이 됩니다. 아래 그림처럼 말이죠.

[티스토리 팁]


한 화면에 여러개의 글이 출력되면 여러개의 글이 한눈에 들어오게 되어서 좋은 점도 있습니다.

하지만 글이 길어지고, 글에 사진을 포함한 여러 멀티미디어 데이터들이 들어가면 스크롤에 압박이 오게 됩니다. 다시말해서 한 화면에 담게 되는 내용이 너무 많아 진다는 것이죠. 또 사진과 멀티미디어 자료들을 많이 첨부한 글들이 한 화면에 너무 많이 출력이 되면, 블로그를 불러오는 시간이 길어집니다. 방문자들에게 이런 딜레이 시간은 참을 수 없기 때문에 바로 창을 꺼버리게 되죠. 그리고 같이 출력되는 내용들이 서로 다른 주제를 다루고 있다면 불필요한 글들까지 한 화면에 출력이 되는 셈이니까 낭비라고 할 수도 있습니다.

[티스토리 팁]


그래서 깔끔하게 화면에 출력되는 글의 수를 한개로 제한해 보도록 하겠습니다. 여러분의 블로그가 짧은 글만을 다루며 짧은 글들을 자주 발핸하는 편이라면 한번에 여러개의 글을 보여주는 것도 좋을 것 같습니다.



설정 방법

먼저 관리자 페이지를 들어갑니다. 관리자 페이지를 들어가서 상단에 나오는 메뉴 중,  '스킨' 메뉴 아래 '화면 출력 설정' 이라는 메뉴를 선택합니다.

[티스토리 팁]

전에 설정해봤던 '카테고리 설정' 메뉴도 '스킨' 에 있었죠..

[티스토리 팁]


메뉴 중 '블로그 화면' 이라는 부분에 '기본 화면''글' 이라는 항목 옆에 선택할 수 있는 드롭 다운 메뉴가 있습니다. 기본으로 3개의 글이 한 화면에 보여지도록 설정되어 있는데요. 클릭을 해보시면, 3개를 비롯해서 1개~30개를 선택 하실 수 있습니다. 이 설정을 '1개'로 맞춰 주시면 한 화면에 1개의 글만 출력되게 됩니다.



기타 화면 설정 

그러면 '화면출력 설정' 메뉴의 다른 설정들을 알아보도록 하겠습니다.

[티스토리 팁]

먼저 '블로그 화면' 부분의 설정을 보겠습니다.

'기본 화면' 에는 기본적으로 몇 개의 글을 출력 할 것인가를 설정합니다. '글'블로그 화면에 몇 개의 글을 출력해 줄것인가를 의미하고, '방명록'에는 한 화면에 몇 개의 방명록 글을 출력해 줄 것인가를 의미합니다.

'선택 화면' 에서는 블로그 글을 검색 했을 때, 카테고리를 선택 했을 때, 태그를 클릭 했을 때,  저장소 목록을 선택 했을 때 글이 어떻게 보여질 것인가를 선택 할 수 있습니다. 목록과 내용이 동시에 나오게 할 수도 있고, 둘 중에 하나만 나오게 할 수도 있으며 출력되는 글( 목록 )의 개수도 정할 수 있습니다.

'댓글 펼침''트랙백 펼침'은 어떤 글에 달린 트랙백이나 댓글의 내용을 보여 줄 것인가에 대한 설정입니다. 이 설정을 해제하시면 몇 개의 트랙백과 댓글이 달렸는지만 간략하게 나오게 됩니다.

'본문 가로크기'블로그의 글이 출력되는 부분의 가로 크기를 설정 할 수 있는 부분입니다. 본문의 가로 크기는

[티스토리 팁]

빨간색 화살표가 표시하고 있는 영역을 나타냅니다. 더 넓은 범위에 본문을 표시 할 수도 있고, 더 좁게 표시 할 수도 있습니다. 블로그 스킨을 간접적으로 편집 할 수 있는 기능입니다.

[티스토리 팁]

'메뉴바 스킨'블로그의 우측 상단에 표시되는 티스토리 메뉴의 스킨을 설정 할 수 있는 부분입니다. 밝은 스킨용과 어두운 스킨용 등 몇 가지 선택 사항이 있으며 밑에 간단한 미리보기 기능도 있으므로 여러분의 스킨에 맞는 메뉴바를 설정하시면 되겠습니다.

'트랙백 주소 복사'트랙백 주소를 복사 하는 부분 ( 댓글창 윗 부분 )의 스킨을 설정하는 부분입니다.

[티스토리 팁]


다음으로 '사이드바' 부분을 설명 드리겠습니다.

[티스토리 팁]


제 블로그의 오른쪽을 보시면 사이드바 메뉴들이 있습니다. 카테고리를 선택 할 수도 있고, 방문자 수 추이 그래프를 볼 수도 있으며, 최근에 제가 어떤 글을 썼는지 볼 수도 있고, 최근에 어떤 댓글이 달렸는지 볼 수 있습니다. '사이드바' 설정은 이 사이드바에 정보들이 어떻게 출력 될지를 설정하는 부분입니다.

'최근 글', '최근 댓글', '최근 트랙백'은 각각 내가 쓴 글, 최근에 내 블로그에 달린 댓글, 트랙백을 의미합니다. 개수는 최근 글을 몇개 출력 할 것인가를 의미하며 5개의 경우 최근에 쓴 5개의 글을 최신 순으로 보여줍니다. 댓글, 트랙백도 마찬가지구요. 옆에 써 있는 글자는 글이나 댓글, 트랙백의 내용을 몇 글자까지 보여줄지를 선택하는 부분입니다.

[티스토리 팁]

'최근 보관함''ARCHIVE' 라고 나오는 부분인데요. 몇 년 몇 월에 몇 개의 글을 썼는지 요약해서 보여주는 메뉴입니다. 월을 선택하면 해당 월에 쓰여진 글의 목록이 나오게 됩니다. 저는 5개월을 선택하고 있기 때문에 5개월치의 최근 보관함을 가지고 있습니다.

'공지'와 '링크', '태그' 역시 같은 의미입니다.


화면 출력 메뉴로 여러분 블로그의 로딩 시간과 인터페이스를 좀 더 예쁘게 가다듬을 수 있습니다. 글을 길게 쓰시는 분들이라면 글을 한번에 한개씩 보여줘서 로딩시간을 빨리 하세요 ^^



▲ 이전 글 : 티스토리 초보팁 5편 - 트랙백 걸기
▼ 다음 글 : 티스토리 초보팁 7편 - 유입 경로, 유입 키워드



티스토리 초보팁 5편 - 트랙백 걸기


이전 글에서 다른 블로거와 소통하는 방법 중에 '댓글' 이라는 방법을 배웠습니다. 댓글을 다시 한번 정리하자면, 다른 블로거가 쓴 글을 일곡 간략한 생각이나 의견을 짧은 글로 달아 주는 것을 말하는데요. 댓글과 더불어 다른 블로거와 소통 할 수 있는 방법이 하나 더 있습니다.

2010/08/27 - [블로그] - 티스토리 초보팁 4편 - 댓글, 댓글 알리미

바로 제목에서 알아 볼 수 있듯이 '트랙백'이라는 개념이 있는데요. 간단하게 말하면, 긴 댓글이라고 생각하시면 됩니다. 그냥 댓글이 짧은 글이었다면, 트랙백은 글 하나를 댓글 형식으로 이어주는 것을 의미합니다.



트랙백이란?

아직까지 많은 분들에게 생소 할 지도 모르겠는데요. 댓글뿐만아니라 '트랙백'이라고 하는  기능을 이용해서 더 많은 블로거와 더 심도 있는 소통을 할 수 있습니다. 트랙백( Trackback )은 글과 글을 연결 시켜주는 고리 같은 겁니다.


트랙백을 설명하기 위해서 다시한번 댓글 시스템을 한번 더 들여다 보도록 하겠습니다. 댓글은 위에서 말했다 시피 블로그를 방문해서 글을 읽은 다음에 간단한 코멘트를 남기고 가는 시스템입니다.


자 위에서 보시다시피 방문자는 간단한 댓글을 남길 수가 있습니다. 여기서 주목 할 것은 '간단한' 입니다. 댓글 시스템은 간단함에 초점을 맞추고 있기 때문에 댓글에 멀티미디어를 추가 할 수도 없고, 다른 태그를 추가 할 수 없습니다. ( 물론 보안상 문제 때문에 막아 놓은 것도 있습니다. )

따라서 어떤 글을 읽었을 때, 달아 놓을 수 있는 댓글에는 한계가 있다는 것입니다. 또, 댓글의 길이가 길어지면 가독성도 떨어집니다. 텍스트로만 다닥다닥 붙어져 있는 댓글이 눈에 쉽게 들어올리가 없지요.

또, 블로거들은 찬반 논란이 많은 주제에 대해서 다루는 경향이 있습니다. 군 가산점 문제나 4대강 등의 정치와 관련 된 글에는 항상 논쟁이 따라오지요. 만약 방문한 블로거가 나와 다른 생각을 가지고 있거나 틀린 내용을 주장하고 있을 때 자신의 생각을 말하고 싶다면, 일단 댓글을 달겠지요.
하지만 댓글에는 멀티미디어와 태그 등을 달 수 없기 때문에 자신의 주장을 펴는데 한계가 있습니다.


그래서 나온게~~ 트랙백이라는 시스템입니다. 트랙백은 A라는 글과 B라는 글을 연결 시켜주는 연결고리와 같은 개념입니다. 예를 들어서 블로거 A가 글1을 썼다고 가정을 해 봅니다. ( 나중에 말씀드리겠지만 포스트는 블로그에 작성된 글 하나하나를 의미하는 단어입니다. ) 예를 들면 블로거 A는 인터넷 실명제에 찬성하는 글1 을 썼다고 해봅시다.


하지만 블로거 B는 인터넷 실명제에 반대하는 입장입니다. 블로거 A의 글을 읽고 인터넷 실명제를 반대하는 글2를 씁니다. ( 혹은 이미 글2 를 블로그에 가지고 있었다고 해도 되겠습니다. )


블로거 B는 블로거 A에게 '당신의 생각이 그렇다는 건 잘 알았습니다. 하지만 인터넷 실명제에는 이런 내용도 있습니다.' 하고 일려주고 싶을 겁니다. 이때, 블로거 B가 A에게 트랙백을 걸게 됩니다.

좀 더 쉽게 말하면 블로거 A가 쓴 글1에 블로거 B가 글2를 댓글처럼 달아 놓고 가는 것이지요. 트랙백을 보내게 되면, 블로거 A의 글1 밑에 블로그 B가 쓴 글2의 링크가 남게 됩니다. ( 많은 블로그 플랫폼들이 댓글과 트랙백을 글 하단에 표시합니다. ) 트랙백도 일종의 댓글로 작용한다는 것이지요. ( 정확히 말하면 글과 글을 이어주는 역할입니다. )


블로거 B가 트랙백으로 보낸 글2를 블로거 A가 읽어보고 다시 반박하는 글3을 만들어서 글2에 트랙백을 보낼 수도 있습니다. 이런식으로 소통과 토론이 오갈 수 있는 시스템이 만들어 지는 것이죠. ( 물론 블로거C 가 나타나서 이 둘의 글에 또 다른 트랙백을 걸 수도 있습니다. ) 더 자세한 트랙백에 대한 내용은 나중에 다시 글을 써드리도록 하겠습니다.



트랙백을 걸어보자

그럼 티스토리 블로그에서 트랙백을 거는 방법에 대해서 알려드리겠습니다. 활발한 트랙백은 구글의 페이지 랭크에도 어느정도 영향을 미친다고 하니 스팸성이 아닌 정직한 트랙백은 여러분 블로그의 인기도에도 어느 정도 기여 할 수 있습니다.



아까 말씀드렸다시피 많은 블로그 플랫폼들이 댓글과 트랙백을 같은 위치에 보여줍니다. 제 블로그에도 'Comment' 와 'Trackback'으로 표시가 되어 있습니다. 트랙백을 걸기 위해서는 트랙백을 걸고자 하는 글의 트랙백 주소를 알아야 합니다. 티스토리에는 글의 하단에 'Trackback'이라는 곳이 있고, 옆에 어떤 URL이 있습니다. 이 URL이 트랙백 주소입니다.

'관련글 쓰기' 버튼은 자동으로 트랙백이 걸리는 글을 작성 할 수 있게 해줍니다. 이 버튼을 누르면 글쓰기 창이 나오게 되는데요. 그 창에서 글을 작성하면 자동으로 글에 트랙백이 보내집니다. ( 물론 티스토리 블로그끼리만 이런 글을 작성 할 수 있습니다. )

'복사' 버튼을 클릭하면 트랙백 주소를 복사 할 수 있습니다. 이미 존재하는 글을 가지고 트랙백을 걸고자 할 때, 이 트랙백 주소가 필요합니다. 복사가 잘 되었으면 이제 트랙백을 걸 여러분의 글로 갑니다.


여러분이 티스토리에 로그인이 되어있다면, 글의 제목 바로 하단에 위와 같은 메뉴가 있을 겁니다. 그 중에서 'Trackback' 이라는 메뉴를 선택하면 트랙백을 걸 수가 있습니다.



'주소입력' 창에 아까 복사했던 트랙백 주소를 입력하고 전송버튼을 누르면 트랙백이 걸리게 됩니다.




그러면 밑에 어느 블로그 주소로 트랙백을 보냈는지 목록과 보낸 날짜가 나오게 됩니다. 특정 트랙백을 지울 수가 있습니다.




트랙백을 받은 쪽에는 댓글위에 받은 트랙백에 대한 내용이 뜨게 됩니다. 이 글을 보는 사람이 이 트랙백을 보고 클릭을 하면 여러분의 글을 읽을 수가 있는 것이죠. ( 트랙백도 댓글처럼 지울 수가 있으니 스팸에 대한 걱정은 안하셔도 됩니다. 스팸이 걱정되시면 트랙백 기능을 사용하지 않을 수도 있구요. )



다른 블로그 플랫폼으로 트랙백 보내기

트랙백의 가장 좋은 장점은 다른 블로그 플랫폼에도 트랙백을 보낼 수 있다는 것입니다. 네이버 블로그를 예로 들어 보겠습니다. 티스토리에 블로그를 소유하고 있는 유저가 네이버 블로그에 댓글을 달기 위해서는 많은 경우 네이버 아이디가 필요하게 됩니다. 로그인을 해야 댓글을 달 수 있는 것이죠. ( 물론 네이버 블로그도 익명 댓글을 허용 할 수 있지만 그런 경우는 드물죠. )

하지만 트랙백을 이용하면 티스토리 블로거도 네이버 블로그에 트랙백을 보낼 수가 있습니다. 트랙백이 보내지면 마치 댓글이 달린 것처럼 블로그 플랫폼과 독립적으로 소통을 할 수 있게 되는 것이죠.


네이버도 스킨에 따라 다르지만 '엮인글' 이라는 형태로 트랙백 주소를 제공합니다. '엮인글' 이거나 '트랙백' 이라고 쓰여 있는 것을 찾으시면 됩니다. 아마 덧글쓰기 옆에 있을 테니 쉽게 찾을 수 있습니다.

주소를 복사하면 티스토리 블로그와 마찬가지로 트랙백을 걸면 됩니다. 다음이나 이글루스와 같은 다른 블로그 플랫폼에도 트랙백 주소만 알면 같은 방법으로 트랙백을 보낼 수 있습니다.


트랙백을 이용해서 티스토리 블로그 뿐만아니라 다른 블로그를 사용하는 블로거들과도 잘 소통하시기 바랍니다. ^^



▲ 이전 글 : 티스토리 초보팁 4편 - 댓글, 댓글 알리미
▼ 다음 글 : 티스토리 초보팁 6편 - 한번에 하나의 글만 보이기 화면 설정



티스토리 초보팁 3편 - 카테고리로 글을 관리하자!


이전 시간에 티스토리 블로그에 글을 쓰는 방법과 글 쓰기 툴에 대한 간략한 개요를 설명해 드렸습니다.

2010/08/25 - [블로그] - 티스토리 초보팁 2편 - 블로그에 글을 써보자!!

이번 시간에는 여러분이 힘들게 작성한 글들을 카테고리라는 시스템을 이용해서 어떻게 효율적으로 관리 할 것인지에 대해서 알아 볼 것입니다. 티스토리에서 제공하는 카테고리 관리 시스템의 사용법을 알아보며 카테고리로 블로그 포스트들을 관리 하는게 방문자에게도 블로거들에게도 좋다는 점을 알려 드릴 것입니다.


카테고리란 무엇인가?

대부분의 블로그 플랫폼들이 카테고리를 지원하고 있습니다. 카테고리란, 글을 분류해 놓는 일종의 디렉토리( 윈도우즈에서는 폴더 )라고 보시면 됩니다. 대부분의 블로거들이 카테고리를 이용해서 글들을 관리하고 있으며, 블로그를 이용하는 분들도 카테고리를 글들의 집합으로 인식하고 있습니다.


제 블로그도 역시 카테고리를 이용하고 있으며, 이 글을 포스팅 할 때에는 위와 같은 카테고리를 가지고 있었습니다. 카테고리의 이름이 해당 카테고리로 분류되어 있는 글들을 대표하는데요. 다시 말하면, 블로그 카테고리에는 블로그와 관련된 글들이 있고, 컴퓨터 공학 카테고리에는 컴퓨터 공학에 관련된 글들이 있습니다.

View from sewing machine
View from sewing machine by SewPixie 저작자 표시비영리동일조건 변경허락


이렇게 적절한 블로그 카테고리를 이용해서 글들을 분류해 놓았을 때 얻을 수 있는 이점은..

첫 번째, 방문자 분들이 이용하기가 편하다. 방문자들은 어떻게 보면 손님입니다. 정보를 찾아서 여러분의 블로그를 방문해 주시는 손님입니다. 이런 손님들이 이용하기 편한 블로그가 좋은 블로그인 것은 당연한 것이죠. 입장을 바꿔서 여러분이 다른 블로거의 블로그를 방문 했을 때, 좋은 글들이 잘 정리 된 곳을 보면, 왠지 즐겨찾기를 해 놓고 다시 방문하고 싶은 기분이 안드시나요? 마찬가지로 여러분도 블로그 카테고리를 이용해서 글들을 잘 정리해 놓으면 주기적으로 방문해주시는 이른바 '단골손님'을 많이 만들 수 있습니다.

두 번째, 관리하기가 편하다. 물론 하나의 블로그 카테고리에 모든 글들을 써 놓을 수도 있습니다. 하지만 그럴 경우에는 일단 블로그 카테고리의 의미가 없어지고, 나중에 글들을 관리할 때( 글을 수정하거나 삭제 하려고 할 때 ) 어려움을 겪게 됩니다. 처음에야 블로그에 써 놓은 글이 100개가 안 되서 어찌 어찌 관리가 될 테지만 시간이 흐르고 블로그에 글이 쌓이게 되면, 관리하기도 벅차게 됩니다. 미리미리 카테고리를 이용해서 블로그 글들을 정리 해 놓는 습관이 중요합니다.



티스토리의 카테고리 관리 메뉴

그럼 티스토리의 카테고리 관리 메뉴에 대해서 알아보도록 하겠습니다.
일단 관리자 메뉴로 들어갑니다. 관리자 메뉴 ( Admin )는 글쓰기 버튼 옆에 있으니 Admin 이나 관리자라고 쓰여진 버튼을 클릭합니다.

못 찾으시겠으면 글쓰기 버튼과 마찬가지로 직접 URL을 입력해서 들어갈 수 있습니다.

http:// 여러분의 블로그 주소 /admin

위 주소를 직접 입력해서 관리자 페이지로 들어 갈 수 있습니다.



관리자 페이지 윗쪽에 메뉴가 있습니다. 위 쪽 메뉴 중에 '스킨'이라는 메뉴에 마우스를 가져가면,



'카테고리 설정' 이라는 하위 메뉴가 나옵니다. '카테고리 설정'을 선택하면 카테고리를 편집 할 수 있는 메뉴가 나옵니다. 앞으로 이 설정 메뉴를 이용해서 카테고리를 만들고, 수정하고, 삭제하시면 됩니다.



빨간색 박스가 쳐진 부분을 이용해서 카테고리를 새로 생성, 수정, 삭제 할 수 있습니다. 사용법은 초등학생도 알 수 있을 정도로 쉽기 때문에 간단하게 배울 수 있으리라 믿습니다.

카테고리는 다른 카테고리에 포함 될 수 있는데, 예를 들면, '놀이터' 카테고리는 좀 더 자세한 내용의 카테고리인 '웃긴 자료' 카테고리나 '신기한 자료' 카테고리를 포함 할 수 있습니다. 블로그에서 '놀이터' 카테고리를 클릭하면 '놀이터' 카테고리에 속해 있는 글과 '웃긴 자료', '신기한 자료' 카테고리에 포함 되어 있는 글도 보여 주게 됩니다. 이런 카테고리의 포함관계는 더 유연하게 글을 관리 할 수 있게 해 줍니다.

카테고리의 순서는 드래그를 이용해서 바꿀 수 있으며, 카테고리의 생성은 '추가' 버튼을 카테고리의 삭제는 '삭제' 버튼을... 카테고리 이름의 수정은 카테고리 이름을 세 번 클릭하거니 '수정' 버튼을 이용하면 됩니다. 이 때, 카테고리의 삭제는 카테고리에 포함 된 글이 없을 경우에만 가능합니다.


글을 포함하고 있는 카테고리를 삭제하고 싶으시면, 해당 카테고리에 포함되어 있는 글들을 모두 다른 카테고리로 옮겨야 합니다. 이는 '글관리'라는 메뉴를 이용하거나 직접 해당 글을 편집 ( 상단의 카테고리 선택 메뉴를 이용 ) 해서 옮길 수 있습니다.

참고로 '글 관리'를 이용해서 옮기는 방법이 더 편합니다.




카테고리 설정 메뉴의 오른쪽엔 카테고리의 디자인에 관련된 설정들이 있습니다.

'스킨종류'카테고리 스킨을 선택하는 메뉴로 '트리형', '폴더형', '점형' 등이 있습니다. 여러분 마음에 드는 스킨을 고르시면 되겠습니다. 참고로 저는 '트리형_black' 입니다.

'글자길이'카테고리 이름을 몇 글자까지 보여 주느냐를 설정하는 부분입니다. 정확히 말하면 몇 바이트를 보여 줄 것인지를 나타내며, 영어는 알파벳 하나당 1글자로, 한글은 한 글자가 2글자로 처리 됩니다. ( 스페이스나 특수문자 같이 영어와 공통적인 것은 1글자로 처리 됩니다. )

'카테고리 글수'는 해당 카테고리에 몇 개의 글이 포함되어 있는지 표시 할 것인지를 설정하는 메뉴 입니다. 이 때, 몇 개의 글이 포함되어 있는지는 괄호로 둘러 쌓인 형태로 나타나며, 이건 위에서 설정해 놓은 글자 길이에 포함되지 않습니다.

마지막으로 '선택한 카테고리''선택하지 않은 카테고리'카테고리의 색을 지정하는 부분입니다. 여러분의 스킨에 잘 어울리는 색으로 설정해 놓으면 되겠습니다. ( 스킨이 전반적으로 회색톤인데, 어울리지 않는 하늘색으로 카테고리를 설정해 놓으면 이상하겠지요. 물론 색감이 좋으신 분들이라면 알아서 하시겠지만 말입니다. ^^ )

카테고리 설정을 다 하셨으면, '저장' 버튼을 눌러서 설정을 여러분의 블로그에 적용하시기 바랍니다. '저장' 버튼을 누르지 않고 다른 페이지로 이동하시면 카테고리의 변경사항이 적용되지 않으니 주의하시기 바랍니다.

Bedroom
Bedroom by Katey Nicosia 저작자 표시비영리변경 금지


블로그 카테고리는 여러분이 작성한 글들을 좀 더 깔끔하게 정리 할 수도록 해 줍니다. 카테고리 이름을 예쁜 이름으로 ( 싸이월드 메뉴 꾸미듯이 ) 꾸밀 수도 있고, 카테고리 이름을 직관적으로 이해 할 수 있는 이름으로 만들어서 블로그 글을 깔끔하게 정리 할 수도 있습니다.

카테고리를 이용해서 여러분의블로그를 더욱 더 깔끔하고 사용하기 편하게 만들어 보시기 바랍니다. ^^


▲ 이전 글 : 티스토리 초보팁 2편 - 블로그에 글을 써보자!!
▼ 다음 글 : 티스토리 초보팁 4편 - 댓글, 댓글 알리미



티스토리 초보팁 2편 - 블로그에 글을 써보자!!



이전 시간에 티스토리 초대장을 받고, 티스토리 회원가입을 해서 블로그를 개설해봤습니다.

2010/08/24 - [블로그] - 티스토리 초보팁 1편 - 티스토리 초대장을 받고 가입해 보자

블로그를 개설만 해놓고 아무 글도 없다면 블로그를 만든 이유가 없어지겠지요? 블로그 플랫폼 마다 글을 편집 할 수 있는 편집창의 인터페이스가 약간씩 다르기 때문에 편집기에 대해서 배워둘 필요가 있습니다.


글쓰기 창을 띄워 보자!!

 그럼 먼저 글을 쓸 수 있는 글쓰기 창을 띄워보도록 하겠습니다. 글쓰기 창을 띄워주는 [글쓰기] 버튼은 여러분이 블로그를 만들 때 선택한 스킨마다 다르게 나오는데요. 제가 사용하고 있는 스킨에는...



오른쪽 위에 [Write]라는 버튼이 있습니다.




혹은 블로그 하단에 [글쓰기] 라는 버튼이 만들어져 있네요. 여러분의 블로그가 어떤 스킨을 사용하고 있느냐에 따라서 다르겠지만 대부분 [글쓰기], [write], [New post] 들 중에 하나일 겁니다.

※ 간혹 스킨을 만드시는 분이 잘 못 만들었거나 스킨을 편집하다가 실수로 글쓰기 버튼을 지워 버리는 경우가 있는데, 이럴 때에는...

http://여러분 블로그 주소/admin/entry/post

위의 url을 치고 들어가시면 블로그 글 편집기가 뜨게 됩니다.




위와 같은 창이 떳다면 이제 글을 쓸 수 있는 준비가 다 된 것입니다. 앞으로 블로그를 꾸준히 운영 하실꺼라면 지겹도록 보게 될 창이니까 익숙해지세요~ ^^



글쓰기창 간략하게 보기

 티스토리를 처음 접해 보신 분이라면 글쓰기 창을 열었을 때, 뭔가 많은 버튼이 있어서 당황스러우 실지도 모르겠습니다. 하지만 워드프로세서( 한글, MS word, 훈민정음 )를 많이 이용하시거나 이미 다른 블로그 플랫폼을 이용해 보신적이 있으신 분들이라면 쉽게 적응하고 배우실 수 있을 것입니다.

그래도 간략하게 뭐가 뭔지 훑어 드리겠습니다. 그 중에는 자주 쓰이는 기능도 있고 잘 쓰이지 않는 기능도 있으니 필요한 부분만 나중에 찾아서 보시면 되겠습니다.



글스기 창의 최상단을 보시면 라디어 버튼으로 선택할 수 있는 항목들이 있습니다. "글", "공지", "키워드", "서식" 이렇게 4가지의 선택사항이 있습니다. 이는 지금 작성하려고 하는 글이 어떤 성질의 글인지, 다시 말해서 지금 여러분이 보통 글을 쓰려고 하는지 혹은 공지사항을 쓰려고 하는지, 키워드 설명을 쓰려고 하는지 혹은 서식을 작성하려고 하는지에 대한 선택사항입니다.

일반적인 글을 쓰려고 할 때에는 기본적으로 선택되어 있는 "글"을 선택하시면 됩니다. 글 옆에 선택창이 있는데, 이 창은 지금 쓰려고 하는 글이 어느 카테고리에 저장이 될지를 결정합니다. 나중에 카테고리를 만들고 글들을 분류 하게 될 텐데 그 때 다시 설명 하도록 하겠습니다.



그 밑에는 "사진", "슬라이드쇼", "동영상", "오디오", "파일", "지도", "멀티미디어", "Daum뮤직" 이라는 버튼이 있습니다. 이것들이 사진을 올리고, 동영상을 올리고, 음악 파일을 올리고, 일반적인 파일을 올리고, 다음에서 제공하는 음악 소스를 연결 시킨다는 것을 너무나도 쉽게, 직관적으로 알 수 있습니다.

특히 티스토리는 사진 업로드에 무한대의 용량을 제공하기 때문에 매력적으로 다가옵니다. 블로그 글을 쓸 때, 이런 멀티미디어 자료들을 적극 활용하면 보다 더 멋지고 쉽게 설명이 가능한 글을 쓸 수 있습니다.




그 밑에는 일반 워드 프로세서에서 볼 수 있는 툴바들이 있습니다. 글꼴을 변경 할 수 있고, 글의 폰트 크기를 변경할 수 있으며 굵기, 밑줄, 이탤릭체, 글의  색깔, 정렬 등 워드 프로세서에서 볼 수 있는 글 편집 기능이 있습니다. 이런 기능들은 블로그에 글을 쓰고 있으면서도 마치 워드 프로세서를 사용하는 것 같이 느껴지도록 하는 강력한 기능을 제공합니다.


구석에 [HTML] 이라는 버튼과 [>>] 버튼이 있습니다.

[HTML] 버튼은 지금 보여지는 워드 프로세서 스타일의 글을 HTML 형식으로 바꿔주는, 다시 말해서 HTML 코드를 볼 수 있게 하는 버튼입니다. 이 버튼을 이용해서 HTML 코드를 직접 보고, 내가 원하는 코드를 직접 입력 할 수 있다는 것이 티스토리의 매력이 아닌가 생각됩니다.

[>>] 버튼은 오른쪽에 있는 메뉴들을 없에는 버튼으로 글쓰기 영역을 좀더 확장시켜 주는 버튼입니다. 이 버튼을 다시 누르면 사이드바가 다시 생깁니다.


오른쪽에 보이는 메뉴는 좀 더 부가적인 정보를 담고 있습니다.

먼저 "적성중인 글" 은 이전에 작성중이었다가 "공개"로 설정하지 않고 비공개로 저장해 놓은 글들의 목록을 보여 줍니다. 이 목록에 나오는 글을 클릭하면 바로 해당 글을 편집 할 수 있도록 글쓰기 영역으로 로드시켜 줍니다.

"정보 첨부"는 외부에서 정보를 가져오는 것을 말합니다. 책 리뷰를 쓸 때에는 "책"을 클릭해서 다음에서 제공하는 책 정보를 블로그 포스트에 포함 시킬 수 있습니다. 장소와 영화, 쇼핑, 인물 등도 모두 다음에서 제공하는 정보들을 포함 할 수 있는 버튼이구요. "Flickr"와 "PicApp"는 사진 공유 사이트에서 사진을 퍼오는 기능을 제공합니다. 블로그를 운영하면서 저작권이 문제가 될 수 있기 때문에 저의 경우엔 이 기능을 자주 이용하는 편입니다.

"서식"은 자주 사용하는 형태의 글을 바로 로드시켜서 좀 더 빠르게 글을 작성할 수 있게 해주는 기능입니다. 아까 최상단의 메뉴중에 "서식"이라는 기능이 있었는데, 이 기능을 통해서 작성한 글은 이 서식 부분에 노출이 됩니다. 제 경우에도 몇 개의 서식을 만들어서 사용하고 있는 중입니다.

마지막으로 "플러그인"은 티스토리에서 지원하는 플러그인 들을 사용할 수 있는 기능으로 저는 "이전 글 넣기"라는 플러그인을 사용하고 있습니다. "플러그인 설정"을 통해서 추가적인 플러그인 기능을 사용 할 수 있습니다.




마지막으로 하단의 정보들은 해당 포스트의 추가적인 정보를 담고 있습니다.

"파일첨부" 탭에서는 사진이나 업로드한 파일이 뜨게 됩니다. 사진의 경우 좌측 정렬, 중앙정렬, 우측 정렬 등을 할 수 있고, 2개 혹은 3개의 그림을 모아서, 혹은 슬라이드 쇼로 만들어서 보여 줄 수 있습니다. 여기서 파일을 지울 경우 본문에서도 지워 집니다.

"태그" 탭에서는 이 포스트에 태그를 달 수 있습니다. 나중에 달아 놓은 태그를 가지고 좀 더 쉽게 포스트를 찾을 수 있습니다. 태그 뿐만아니라 지도 정보도 지정 할 수 있습니다.
 
"공개설정" 탭에서는 글을 공개 할 것인지... 비공개로 할 것인지..  발행 할 것인지, 발행을 한다면 어떤 카테고리로 발행 할 것인지를 설정 할 수 있습니다. 또 한 포스트가 쓰여진 날짜도 조절 할 수가 있는데, 최초 등록된 날짜와 시간을 유지 할 것인지, 현재 수정하고 있는 날짜로 할 것인지.. 아니면 예약한 시간에 발행을 할 것인지를 선택 할 수 있습니다.
 또 글에 댓글이나 트랙백을 허용 할 것인지도 설정 할 수 있습니다.

"트랙백" 탭에서는 말 그대로 트랙백을 걸 수 있는 기능입니다. 다른 블로거의 블로그 글과 트랙백을 걸어 둘 수 있는 기능입니다.

마지막으로 "CCL" 탭에서는 저작물 표시에 대한 설정입니다. CCL에 대해서는 나중에 다시 설명을 하도록 하겠습니다. 지금은 그냥 저작물 표시라는 것만 알아두시면 되겠습니다.




마지막으로 최 하단의 버튼을 설명해 드리겠습니다.

[미리보기] 버튼은 글을 발행하거나 저장하기 전에 어떻게 보이는지 말그대로 미리보는 기능입니다. [미리보기] 버튼을 누르면 창이 하나 떠서 글을 발행했을 때, 어떤 모습으로 보이는지를 볼 수 있습니다. 글을 저장하기 전에 미리보기 버튼을 눌러서 미리보는 습관을 들이는게 중요합니다.

[임시저장] 글을 임시로 저장하는 것을 말합니다. 임시저장은 한 번만 되기 때문에 글을 쓰다가 임시저장을 해두고 다른 글을 쓰다가 또 임시저장을 하면 이전에 썼던 글이 지워집니다. 임시저장은 예기치 못 한 웹 브라우저의 다운에 대비해서 글쓰는 중간중간에 저장을 하는 용도로 사용합니다.
 실제로 글을 쓰는 중간중간에 자동으로 글이 임시저장이 되게 됩니다.

[저장하기] 버튼은 글을 저장하는 기능입니다. 글이 저장되면 해당 글에 URL이 부여되고 그 URL을 가지고 글을 접근 할 수 있게 됩니다. 공개 설정을 공개나 발행으로 설정을 하고 저장하기 버튼을 누르면 다른 사람들도 볼 수 있습니다.

마지막으로 [취소] 버튼은 글쓰기를 취소하는 버튼입니다. 왠만하면 안 누르는게 좋겠죠. ^^


이제 글 쓰는 방법도 알았으니 열심히 글을 써보는 일만 남았습니다. !!
여러분의소중한 지식을 글로 써서 다른 분들과 공유를 해보시기 바랍니다. ^^



▲ 이전 글 : 티스토리 초보팁 1편 - 티스토리 초대장을 받고 가입해 보자
▼ 다음 글 : 티스토리 초보팁 3편 - 카테고리로 글을 관리하자!


+ Recent posts