파프리 블로그

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

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


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

아직까지 많은 분들에게 생소 할 지도 모르겠는데요. 댓글뿐만아니라 '트랙백'이라고 하는  기능을 이용해서 더 많은 블로거와 더 심도 있는 소통을 할 수 있습니다. 트랙백( 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편 - 한번에 하나의 글만 보이기 화면 설정

다른 블로거의 블로그를 방문하고 글을 읽고 나서 간략한 나의 생각이나 의견을 댓글로 달아 놓을 수 있습니다. 대부분의 블로그는 글 밑에 댓글을 쓸 수 있는 폼이 위치하게 됩니다. 여러분이 방문한 블로그의 설정에 따라서 해당 플랫폼에 로그인을 한 블로거만 댓글을 남길 수 있거나 익명의 사용자가 댓글을 남길 수 있습니다.

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


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

View from sewing machine by SewPixie

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

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

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

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



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




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





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


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

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



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

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




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


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

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

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


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

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

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

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

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




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

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

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

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

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




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

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

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

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

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


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



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

앞에서 말했듯이 티스토리는 기존의 사용자에게 초대장을 받아야 가입을 할 수 있는 시스템입니다.
그러면 초대장을 받아야 하는데 "어디서 초대장을 받을 것인가" 이것이 문제가 되겠습니다. 주변에 티스토리 계정을 가지고 있는 분이 있으시다면 졸라서 초대장을 얻을 수도 있는데요. ( 제 경우가 그렇죠 ㅎㅎ ) 주변 사람들도 모두 티스토리 계정이 없다면, 초대장을 받을 길이 막막 할 것입니다.



하지만 걱정 마십시오. 티스토리를 이용하시는 분들 다수가 자신에게 할당되어 있는 초대장을 배포하고 있으며, 그 블로그에 접속해서 초대장을 받을 수 있습니다. 초대장을 배포하는 블로그들의 목록을 보기 위해서 티스토리 메인 페이지로 가보면 왼쪽 메뉴 중에 "티스토리 초대신청, 초대장 받기" 라는 메뉴가 있습니다. 혹은 다음 링크를 타고 가시면 초대장을 배포하는 티스토리 사용자들의 글 들을 볼 수 있습니다.

티스토리 초대장 받으러 가기



위 링크를 따라가시면 티스토리 초대장을 배포하는 블로그를 볼 수 있을 겁니다. 그 중에 하나를 선택해서 들어가면 티스토리 초대장을 배포하고 있음을 알리는 글이 뜨고, 그 글에 자신의 이메일 주소를 비밀 댓글로 달아 드리면 초대 메일이 올겁니다.



메일을 보시면 "회원 가입" 이라는 버튼이 있습니다. 이 버튼을 누르면 회원 가입을 할 수 있는 양식이 뜨게 됩니다. 초대장을 받았으니 이제 회원 가입을 하기만 하면 여러분의 티스토리 블로그를 갖게 됩니다.



티스토리 초대장에 있는 [회원 가입] 버튼을 누르면 회원 가입에 필요한 여러가지 정보들을 요구하게 됩니다. 티스토리 회원가입에서 가장 마음에 드는 요소중에 하나가 "주민등록번호를 요구하지 않는다"는 것인데요. 회원가입 양식은 다음과 같습니다.


1. 이 부분은 여러분이 다음부터 티스토리에 로그인 할 때 사용할 아이디로 초대장을 받은 메일주소가 티스토리 아이디가 됩니다.
2. 비밀번호를 입력합니다 비밀번호는 6자리 숫자와 영문자를 조합해서 만들어 주시면 됩니다.
3. 저의 필명이 꼬마낙타 이듯이 여러분도 여러분 만의 개성있는 필명을 가질 수 있습니다.
4. 여러분이 만들 블로그의 제목을 입력해 주세요. 필명과 마찬가지로 개성이 넘치는 블로그명도 좋고, 정보 위주의 블로그를 운영하실꺼라면, 진지한 제목도 좋습니다.
5. 블로그 주소는 실제로 여러분의 블로그가 인터넷에서 어떤 주소로 접근이 되어질지를 말합니다. 주소창에 어떤 주소를 써 넣어야 여러분의 블로그에 등록이 될지를 말하는데요. 이미 좋은 주소들은 선점이 되어 있을 겁니다. 그래도 외우기 쉬운 주소를 찾아 보세요. ^^



위에서 정보를 다 채우셨으면, 티스토리 회원가입 약관을 잘 읽어보시고 동의 하시면 "위 약관에 동의 합니다." 라는 체크 박스를 클릭하시고, [회원인증완료]를 눌러서 진행을 합니다.

[회원인증완료]를 누르셨으면 이제 여러분은 티스토리에 가입이 되어 계정 ( 초대장을 받은 이메일 주소 )이 생성이 된 것입니다.



다음으로 여러분의 기본 블로그의 스킨과 레이아웃을 정할 수 있습니다. 레이아웃은 여러분 블로그의 대략적인 뼈대를 말하는 것으로 1단형, 2단형, 3단형 등이 있습니다. 스킨은 블로그의 분위기를 결정합니다.

하나씩 잘 보시고 여러분의 취향에 맞는 레이아웃과 스킨을 선택하시기 바랍니다. 나중에 다시 바꾸실 수 있으니 너무 고민하지 않으셔도 되구요 ^^



스킨을 고르시고 [블로그 생성] 버튼을 누르시면 여러분의 블로그가 드디어 만들어 진 것입니다.
이제 티스토리에 새로운 둥지를 틀게 되었는데요.
이제 여러분의 관심 분야에 대한 글을 쓰고, 같은 관심사를 갖고 있는 이웃도 만들고..
특히 여러분이 블로그에 쓴 글로 돈도 벌수 있게 되었습니다.
티스토리의 사용법에 대한 강좌는 계속되니 지켜봐 주세요 ^^



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

티스토리, 스팸 필터 기능

블로그 규모를 키워나가고 방문자 수가 많아지면서 골치가 아파지는 것이 댓글 관리일 것입니다.
방문자께서 남겨 주신 댓글 하나하나가 모두 소중하고 감사한 것들인데요.
요즘 스팸 댓글이 절 많이 괴롭히고 있습니다.


오늘 제 글에 달린 댓글들인데요.
최근 댓글보기로 보면 별 이상할 것이 없습니다만, 중간에 다른 닉네임으로 같은 내용의 댓글이 달린 것 같이 보이는게 있었습니다. 중복 댓글을 지우기 위해 댓글 관리 창으로 가봤더니



가관이었습니다.
한 아이피로 엄청 도배를 해 놨더군요.
작성자도 바꿔가면서 댓글 도배를 해 놨습니다.


게다가 중간에 "인도에 박힌 별..." 이라는 제목의 포스트에는 내일이 입춘이라는 말도 안 되는..
봇의 냄새가 나는 댓글이 달려 있었습니다.
그래서 포스트를 클릭해 보니..



뭡니까 이게...
제대로 도배를 해 놨네요.
그리고 스크롤을 조금 올려보니..




불탄님께서 달아 놓으신 댓글을 그대로 벳겨다가 붙여 넣었군요.
다른 포스트에 달린 댓글도 본문이나 다른 블로거 분들이 달아 놓은 댓글을 샘플링해서 달아 놓고 있습니다.
똑똑한데요?

게다가 닉네임엔 링크까지 달려있어서 전형적인 커머셜 목적의 스패머임이 확실했습니다.
처음엔 하나하나 다 지우다가 너무 많고, 기계의 근성을 이길 자신이 없어서 티스토리의 스팸 필터 기능을 사용해보기로 했습니다.



티스토리의 관리자 페이지에 들어가보면,
환경설정이라는 메뉴가 있습니다.


환경설정에 마우스를 가져가면 드롭다운 메뉴가 나오는데,
두번째 메뉴가 이번에 사용 할 스팸 필터 메뉴입니다.


스팸 필터는 말 글대로 댓글/트랙백/방명록 등에 어떤 특정 단어나 링크, 혹은 특정 유저가 댓글을 달면 자동으로 삭제를 해주는 기능입니다. 티스토리에선 자동으로 휴지통이라는 공간으로 보내져서 노출이 되지 않게 하고 있습니다.


그럼 스팸 필터 기능을 한번 써보도록 하겠습니다.
IP 필터링 기능엔 이미 한 IP가 등록이 되어 있네요.
똑같은 봇 냄새가 나는 아이피를 차단 시켜 버렸던 건데, 똑같은 종류의 댓글들이 다른 아이피로 달리고 있네요. 쩝...
아무튼 도배를 하고 있는 아이피를 IP 필터링에 등록을 시키고,
사이트 필터링에 백링크를 받고 있는 사이트를 등록시켜 놓겠습니다.


전부 등록했습니다.
스팸 필터 기능이 이제 진가를 발휘해야 겠네요.
이제 스팸 댓글들을 다 지우면 스팸 청소  끝~~..


스팸 댓글을 다 치우니까 휴지통에 26개의 댓글이 들어있네요.
어제도 30개 정도 치웠으니까 정말 많네요.
글이 별로 없는 제 블로그에도 이렇게 스팸댓글이 많이 달리는데,
글이 많고 댓글도 많이 달리는 파워 블로거 분들은 댓글처리 어떻게 하시는지 갑자기 궁금해 지네요. ㅎㅎ



그럼 즐거운 인터넷 하세요 ^^

[블로그 팁] 티스토리 카테고리 펼치기

 블로그를 운영하다보면 카테고리를 구성하는데에 적지 않은 시간을 들이게 됩니다. 주제에 맞게 화려한 스킨을 사용 할 수도 있고 최대한 간단한 스킨을 사용 할 수도 있습니다. 그 중에 사용자들이 가장 고심을 하는 작업이 바로 카테고리 이름에서부터 특수 문자를 활용한 꾸미기까지 정성이 많이 들어가는 작업인데요.




 특히 티스토리를 사용하시는 분들은 카테고리 펼치기 기능이 없어서 카테고리를 펼쳐 놓고 싶은데 답답하셨던 적이 있을 겁니다.
 오늘은 카테고리를 펼치는 방법에 대해서 설명을 해드리겠습니다.





먼저 자바스크립트를 이용해서 카테고리를 펼치는 기능을 알려드리겠습니다. 자바스크립트를 몰라도 되니 어려워 하시지 마시고 그냥 따라하시기만하면 됩니다.



 여러분 블로그의 관리자 페이지로 들어가셔서 HTML/CSS 편집 기능을 선택합니다.
 [스킨] -> [HTML/CSS 편집] 에 있습니다. ^^

sktin.html 이라고 쓰여 있는 박스를 클릭하고 [Ctrl] + F 를 눌러서

몽땅 보기 (987)

를 찾습니다.




[ ##_category_## ] 밑에 다음에 쓰여 있는 자바스크립트 코드를 복사해 줍니다. ( 그냥 붙여 넣기 하시면 되요. ^^ 위 사진 처럼 말이죠 ㅎ ) ( '[' 다음에 있는 띄어쓰기는 검색하실때 지워 주세요 ^^ )


 자 이제 미리보기 버튼을 눌러서 적용이 되었는지 확인 합니다.

적용이 된 것을 볼 수 있습니다.
마음에 드시면 저장 버튼을 눌러서 카테고리 펼치기 기능을 저장해 주시면 됩니다.

ps. 기능에 대한 설명을 드리자면, 카테고리 펼치기 기능은 우리가 직접 카테고리 확장 버튼을 클릭 할 때 호출 되는 expandTree()라는 함수를 클릭이 되지 않았을 때에는 실행을 시켜서 펴지게 만드는 것입니다. 다음에 설명드릴 방법도 마찬가지로 이 함수를 호출하는 방식의 차이일 뿐 기본적으로 사용되는 함수는 똑같습니다.



 위 태그의 장점은 에러 처리를 할 수 있다는 점입니다. 예를 들면

몽땅 보기 (987)

밑에 추가 시켰던 코드 중에 catch(e){} 라는 부분이 있습니다. 여기서 중괄호 안에 코드를 넣어서 카테고리 확장 함수가 적절하게 호출되지 않았거나 오류가 발생 했을 때 처리를 할 수 있는 자바스크립트 코드를 넣을 수가 있습니다.

MacBook Pro Stickers by Tom Morris

 하지만 일반적으로 블로거들은 javascript에 익숙하지 않기 때문에 이 기능은 있으나 마나 할 수도 있겠네요. 그래서 에러처리는 없고 기억하기도 편한 방법으로 여러분의 블로그가 웹 페이지에 로드 될 때에 자동으로 카테고리 펼치기 함수를 실행 시키는 방법을 알려드리겠습니다.




 마찬가지로 [스킨]->[HTML/CSS] 로 들어가서 skin.html 박스를 선택합니다. 그리고 <body id="tt-body-tag"> 태그가 있는 부분을 확인합니다.




 <body> 태그의 속성에 onload="expandTree();" 를 추가합니다. 이 때 onload="expandTree();" 의 앞뒤에는 공백( 스페이스바 )이 있어서 구별이 되어야 합니다. 전부 붙여쓰면 실행이 안되니까 주의 하시기 바랍니다.




  역시 적용이 된 것을 볼 수 있습니다.
 간략하게 이 방법을 설명하자면, body 태그의 onload="expandTree();" 부분이 의미하는 바는 웹 페이지의 body 태그가 웹 페이지에 의해서 불러 들여 질 때 ( 즉 load 될 때 ) expandTree(); 함수를 실행 하겠다는 의미입니다.  위에서 설명드린 방법과 별 차이는 없습니다만 추가해야하는 코드의 양이 짧다는 장점이 있을까요? 편하실대로 선택해서 하시면 되겠습니다.

 요즘 주변을 보면 많은 사람들이 블로그를 하는 걸 볼 수 있습니다. 블로그가 점점 대중화 되어가고 있다는 증거겠지요. 초창기 블로거들은 지금처럼 포털 사이트에서 제공하는 블로그 서비스가 없었기 때문에 스스로 블로그를 설치해서 ( 설치형 블로그 ) 써야 했습니다. 그렇기 때문에 그들은 웹 언어인 HTML을 배우게 되었습니다.

 하지만 요즘은 가입형 블로그 서비스 ( 네이버 블로그, 티스토리, 이글루스 )가 블로거의 대다수를 차지하고 있기 때문에 HTML을 몰라도 블로깅을 하는데에 문제가 없습니다. 그럼에도 불구하고 여전히 블로거가 HTML 태그를 알아야 하는 몇가지 이유가 있습니다.

Girasoles para los amigos / Sunflowers for the friends by Claudio.Ar (not too much online)

1. 표현력

 첫 번째 이유는 바로 표현력입니다.  블로그는 기본적으로 웹에 내용을 배포하는 형태이니다. 모든 내용들이 HTML의 형태로 웹에 발행을 하게 됩니다. 물론 가입형 블로그 서비스에서는 스마트 에디터가 내용을 자동으로 HTML로 바꿔 주기는 합니다. ( 예를 들면 티스토리 글쓰기 화면에서 여러분은 그저 여러가지 버튼을 사용해서 글을 작성합니다. 마치 "워드 프로세서"를 사용하듯이 말이죠. 하지만 궁극적으로 그 내용들은 HTML로 변형되어 발행됩니다. )

 하지만 이렇게 스마트에디터에 기대어 글을 쓰기만 하면, 내가 원하는 것을 정확히 표현 할 수 없을 때가 많이 있습니다. ( 그렇기 때문에 대부분의 에디터가 직접 HTML을 편집 할 수 있는 기능을 제공합니다. 티스토리 에디터 역시 직접 HTML을 조작 할 수 있게 하죠. ) 블로거가 HTML 태그를 모르고 스마트 에디터에만 기댄다면 그 블로거의 표현 능력은 스마트 에디터의 표현 능력보다 못 한 상태가 됩니다. ( 최대한 잘 써봐야 스마트 에디터의 표현 능력까지 겠죠. )

 따라서 자신이 원하는 내용을 좀 더 정확하게 인터넷에 표현하기 위해서 블로거는 HTML 태그를 배울 필요가 있습니다.

Scientific FUTAB by Samyra Serin

2. 디자인 편집 능력

 두 번째 이유는 디자인의 편집 능력입니다. 표현 능력의 연장선이라고 할 수 있는데, 가입형 블로그 서비스의 경우 ( 가령 네이버 블로그를 예로 들면 ) 종종 블로그의 디자인을 바꿀 수 없을 때가 많이 있습니다. 혹은 맘에 드는 블로그 스킨을 그냥 적용하는 정도 밖에 되지 않습니다.

 하지만 티스토리와 같이 스킨을 직접 편집 할 수 있는 블로그의 경우에는 HTML 태그를 알아야 수정하기가 편합니다. ( 아니라면 남이 올려놓은 스킨 편집 포스트를 보고 그냥 따라하는 정도 밖에 되지 않겠죠. ) 예를 들면 여러분의 블로그에 애드센스를 설치하려고 할 때, <table> 태그를 알아 두면 좀 더 멋진 디자인으로 설치 할 수가 있습니다. ( 본문 상단에 애드센스를 두개 삽입하는 것 처럼 )

 여러분의 블 로그를 좀 더 편하고 예쁜 디자인으로 바꾸려면 HTML 태그를 배워야 합니다.

Bigui, Beagle by ¡arturii!

3. 표준의 중요성

 HTML은 표준이 있습니다. 모든 웹브라우저는 이 HTML 표준을 잘 판독하고 화면에 표시 할 수 있어야 합니다. ( 물론 IE를 비롯한 몇몇 웹 브라우저에는 독자적인 HTML 형식이 있을 수 있고, 모든 웹 브라우저가 HTML 표준을 만족하는 것은 아닙니다. ) 게다가 웹에 접속하는 기기가 PC나 노트북에서 모바일 기기로 옮겨 가면서 HTML 페이지가 모바일 기기에서도 읽힐 수 있을 필요성이 생겼습니다.
 
 다시 말하면 웹 표준에 맞추어서 작성된 HTML 문서는 모바일 기기에서도 잘 읽힙니다. 하지만 표준이 아닌 특정 웹 브라우저에서만 동작하는 웹 페이지는 모바일 기기에서는 동작을 안하거나 잘 못 동작 할 수 있다는 것입니다. ( 모바일 웹 브라우저는 표준에 맞게 제작이 될 테니까요 ^^ )

 즉, 모바일 기기를 통해 웹에 접속한 방문자를 위해서라도 HTML 표준에 맞는 글 작성이 필요합 니다.

Horta d'en Rahola by . SantiMB .

4. CSS나 javascript 를 배우기 위한 기본적인 지식

 HTML을 아시는 분들도 CSS나 javascript 라는 것에는 생소 할 수 있습니다. 역할을 간단히 말하자면 HTML은 웹 페이지의 구조, 즉, 사람의 몸이라고 할 수 있구요. CSS는 그 위에 입는 옷이라고 할 수 있습니다. javascript는 사람의 근육으로 어떤 동작을 할 수 있을지에 대한 역할을 수행합니다.

 사람이 어떤 동작을 하건, 어떤 옷을 입건 몸이이 없다면 아무것도 아니겠지요. 정확히 말하면 몸이 없으면 입을 수도 동작을 할 수도 없죠. 마찬가지입니다. HTML을 모르고서 CSS를 배울 수 없고 좋은 javascript 프로그래머가 될 수 없습니다.

 블 로그의 운영적인 측면에서 보자면, 블로그를 좀 더 이쁘게 ( CSS를 이용해서 ) 만들고, 좀 더 많은 기능들을 ( javascript를 이용해서 ) 구현하기 위해서는 HTML을 배워야 합니다.

Colours by Lincolnian (Brian) (family illness - back soon)

  좋은 블로그를 만들기 위해서 가장 중요한 것은 물론 컨텐츠입니다. 어떤 컨텐츠를 만들어 내느냐가 그 블로그에 가장 중요하고 필요한 요소이지만 HTML을 공부해서 좀 더 이쁜 블로그를 내 맘대로 만들 수 있는 능력도 좋은 블로그를 만들 수 있는 하나의 방법이 아닌가 생각됩니다.

티스토리 블로그 팁 :: 카테고리를 항상 열어 두자.

 티스토리에 블로그를 운영하시는 분들이라면 카테고리를 어떤 형식으로 꾸밀 것인가에 대해 많은 생각을 해보셨을 겁니다. 저 역시 이런저런 형식을 다 해봤지만 카테고리는 분류별로 나누고 세부 사항을 서브 카테고리에 넣어 두는 것이 깔끔해 보이고 좋았습니다. 하지만 티스토리 카테고리는 서브 카테고리를 기본적으로 닫아 놓습니다.




 이 카테고리를 항상 펼쳐 놓는 방법을 여러분들께 알려드리겠습니다. 간단히 따라하시면 됩니다.


1. 관리자의 [스킨] -> [HTML/CSS 편집] 메뉴로 갑니다.

2. skin.html의 텍스트 박스에서 Ctrl + F 를 누르시고

몽땅 보기 (987)

를 찾습니다.

3.

몽땅 보기 (987)

와 </div> 사이에 다음을 써 넣습니다. 드래그가 안되기 때문에 텍스트 파일을 첨부 하겠습니다.

<script language="JavaScript">try{expandTree();}catch(e){}</script>

스크립트.txt

  써넣으면 다음과 같을 겁니다.

여기서 스킨을 수정할때 팁이 한가지 있습니다. 스킨을 수정할 때, 수정되는 부분앞에 <!-- 설명 -->을 이용해서 설명을 하시면 <!--  -->이 부분은 스킨에 영향을 주지 않는 주석 역할을 합니다. 나중에 다시 수정 할 일이 생긴다면 스킨에 쓰여진 태그들의 쓰임을 잘 이해하실수 있을 것입니다.