이번 포스트에서 티스토리 블로그 운영에 필요한 HTML 태그들을 모조리 정리해드리겠습니다. 티스토리 블로그는 타 블로그 서비스(ex.네이버, 다음 등)과는 달리 무한한 가능성을 숨기고 있습니다. HTML/CSS가 뭔지 하나도 모르시는 분들에게는 그냥 티스토리라는 블로그 서비스겠지만 태그를 활용할 줄 아시는 분들에게는 이보다 더 좋은 블로그 서비스는 없을 것입니다. HTML을 처음 접하시는 분들도 쉽게 이해할 수 있게 설명하겠습니다. 아래부터 소개하는 태그를 바로바로 연습해보고 싶으시다면 여기를 클릭하시면 됩니다. 1. 가장 기본적인 태그면서 가장 많이 쓰이는 태그를 첫번째로 소개하겠습니다. HTML 소스 사용이 가능한 특정 위치에 이미지나 배너를 삽입하고 싶을 때 사용하는 태그입니다. 예를 들어 티스토리..

텍스트 블록이라하면 텍스트 복사를 목적으로 마우스 커서를 이용해 드래그했을 때 생기는 파란 블록을 말합니다. 다들 아시죠? 일반적으로 윈도우의 기본 텍스트 블록 색상은 위와 같이 #368AFF의 색상코드를 가진 푸른색입니다. 기본이 #368AFF이기 때문에 당연 티스토리 블로그도 푸른색으로 텍스트 블록이 지정됩니다. 불법 복사를 방지하기 위해 드래그를 막아놓으셨다면 일단 플러그인 해지부터 하시고 본 방법대로 따라하시기 바랍니다. 1. 우선 티스토리 관리센터 - 꾸미기 - CSS 편집에 들어갑니다. 2. CSS 창 맨 위에 아래 코드를 그대로 복사합니다. /* Drag color */::selection{color:black;background:#B2EBF4;}::-moz-selection{color:bl..

블로그를 운영하다보면 여러 국적의 사용자들이 스팸 방명록 또는 댓글, 트랙백 등을 다는 것을 많이 볼 수 있습니다. 댓글과 방명록의 경우 단순히 IP를 차단해버리면 끝이지만 트랙백은 IP 추적이 되지않아 따로 설정해서 차단을 하셔야 합니다. 블로그를 자주 관리하고 자주 모니터링하신다면 문제없겠지만 몇 달간 모니터링하지 않다가 어느 날 들어와보면 엄청난양의 트랙백이 달려있는 것을 볼 수 있습니다. 하나하나 지우기 정말 애먹습니다. 사전에 차단하는 방법을 설명해드리겠습니다. 먼저 티스토리 관리센터로 들어갑니다. 글 관리 - 글 설정을 클릭하시면 아래와 같은 화면이 뜹니다. 화살표가 가리키는 부분에 '모든 글에 트랙백 수신 차단' 보이시죠? '체크' 해주시면 됩니다. 정말 간단하죠?

예전의 티스토리하면 기본제공 1단, 2단, 3단형 스킨을 그냥 '적용' 버튼을 눌러 사용하거나 HTML/CSS 다룰 줄 아시는 분들은 스킨을 직접 만들어 사용하곤 했습니다. 당연 블로그 초보분들은 티스토리가 어렵고 생소하며 또 네이버만큼 이쁜 스킨도 많이 없기 때문에 적응하기 힘들수 밖에 없죠. 초대장을 받고도 운영을 포기하고 다시 네이버나 다음으로 넘어가시는 분들도 제가 많이 봐왔구요. 어디가서 반응형 스킨을 바탕화면에 내려받아도 그걸 어떻게 블로그에 적용해야 되는지 방법을 몰라서 포기하는 분도 계실테구요. 여러가지 이유로 티스토리가 어려워 포기하셨던 분들 많으실 겁니다. 하지만 어느날 부턴가 티스토리가 개인이 만든 스킨을 업로드 할 수 있는 공간(http://www.tistory.com/skin) 을..

구글 애드센스로부터 광고 게재 승인 연락이 오면 가장 먼저 해야할 것이 자신의 광고 코드를 생성하여 블로그의 적절한 위치에 스크립트 코드를 붙여넣기 하는 것입니다. HTML 에 대해 조금이라도 아시는 분이시라면 위치를 찾아 붙여넣기 하는 것은 식은 죽 먹기지만 처음 접하시는 분들께는 대단히 어려운 작업일 겁니다. 광고 스크립트 코드를 삽입하는 것은 어려운 일이 결코 아닙니다. HTML 소스 내에서 위치를 찾은 후에 그대로 붙여넣기 하면 되니깐요. 하지만 그 위치를 모르시는 분들이 계시는 것 같아 제가 간단하게 설명을 드리겠습니다. (설명은 광고 생성 후에 스크립트 코드를 받았다는 전제하에 진행됩니다.) 1. Tistory 관리 센터 - 꾸미기 - HTML/CSS 편집 에 들어갑니다. 화면에는 2개의 창이..

요즘은 윈도우 창의 크기에 따라, 그리고 pc 의 경우 모니터 해상도, 모바일의 경우 스마트폰의 화면크기에 맞게 스스로 사이트의 스킨을 보기좋게 조절하는 반응형 스킨이 대세입니다. 반응형 스킨의 경우 전에는 스킨 제작자 분들이 개인 블로그에 따로 배포를 하고 블로거들은 직접 방문하여 다운로드하는 방식이였습니다. 하지만 티스토리에서 'Skin' 코너를 따로 오픈해주어서 전문 제작자들 뿐만 아니라 일반 사용자들도 자신의 스킨을 공유할 수 있게끔 해주었습니다. http://www.tistory.com/skin 링크에 접속하시면 여러가지 스킨들을 보실 수 있습니다. 위 링크에 제공되는 스킨들은 기존 티스토리에서 제공하던 스킨들과는 아주 많은 차이가 있습니다. 바로 '반응형 스킨' 이라는 겁니다. 필자도 둘러보니..

2015년이 어느덧 절반가까이 흘렀습니다. 5월이 가기전 초대장 배포를 하려 합니다. 블로그 운영에 관심있으신 분들, 티스토리 블로그 운영을 위해 가입을 하려는데 초대장이 없으신 분들 댓글 남겨주시면 드리겠습니다. 단, 조건이 있습니다. 2014/12/17 - [기타] - 초대장 배포와 관련해 몇 마디 하겠습니다. 위의 게시글을 읽으시고 반드시 그에 대한 생각을 댓글로 좀 적어주시면 감사하겠습니다. 댓글을 다신 분들은 다시 본 게시글에 댓글로 '이메일 주소' 와 '블로그 운영 계획', '동기' 등을 간단하게만 적어주시면 됩니다. 제가 블로그 운영하면서 초대장 배포가 이번이 몇번째인지 모르겠는데 '초대 목록' 에 들어가보면 제게 초대장을 받으신 분들 '전원' 활동을 하지 않고 계십니다. 잘 생각하셔서 댓글..

게시글 대표 이미지로 쓸만한게 정말 없군요...^^;;; 오늘 포스트는 게시글 작성시 게시글에 첨부된 이미지가 사이드바에 의해 짤리는 현상을 해결하기 위한 글입니다. 힘들게 쓴 게시글에 이미지가 다 짤려서 나온다면 읽는 사람도 힘들고 글 쓴 사람도 화가 납니다. 해결방법은 정말 너무나도 간단합니다. 저는 누구나 따라하기 쉽게 간단하게 글쓰는 걸 좋아하니깐요! 이미지 짤림 현상 해결을 위해선 style.css 부분을 수정해주어야 합니다. /*티스토리 사진 맞추기*/ img {max-width: 100%;} span.imageblock {max-width: 100%;} 위의 코드를 그대로 복사하시면 됩니다. 무단복사 방지를 해놓아서 복사가 안될거에요. 따로 첨부합니다. 첨부된 텍스트문서 속 코드를 전체복사하..

블로그를 운영하다보면 자연스럽게 방문자수에 민감해지게 됩니다. 블로그 수익과는 상관없이 말입니다. 방문자수의 역할은 블로그마다 다릅니다. 블로그에 광고를 게재해 수익을 내고 있는 블로거라면 방문자수는 곧 수익, 수익과는 거리가 먼 네이버 블로거라면 체험단 등의 선정 기회가 주어지죠. 저같은 경우 방문자수는 곧 구글 애드센스 수익과 연관됩니다. 하지만 수익과 이렇게 연관된 방문자수가 하루아침에 갑자기 급감한다면? 방문자 급감에는 여러가지 원인이 존재합니다. 네이버에서의 '저품질 처리', 이슈 포스트의 검색 노출 제외, 주말, 명절 등 다양합니다. 이러한 방문자 급감이 블로거에게 미치는 영향에는 어떤 것이 있을까요? 1. 포스팅 욕구 상실 방문자 카운터를 보며 그래도 내 글을 읽어주는 사람이 있구나 라는 생..

플로팅광고라고 하기엔 좀 그렇고...스크롤을 따라다니는 광고라고 표현하면 적당하겠군요. 즉, 다시말하면 마우스 스크롤로 페이지가 상하로 움직여도 광고는 그 자리에 그대로 고정되어 보여지는 그런 광고라는 거죠. 마우스 따라다니는 광고! 방법은 정말 간단합니다. 사진설명조차 필요가 없지만 그래도 몇 장은 첨부하겠습니다. 아래를 봅니다. 먼저 티스토리 관리센터 - HTML/CSS 편집기에서 CSS 편집부분을 봅니다. 스크롤을 최하단으로 내려 그곳에 아래 텍스트파일을 열어 전체를 그대로 복사합니다. 삽입하셨나요? 그럼 이제 사이드바 관리화면으로 들어갑니다. HTML 배너 출력을 맨위로 끌어오신 후 아래 첨부파일 내 HTML 소스를 그대로 복사합니다. 저같은 경우에는 '리더스타임' 광고를 사이드바 플로팅 광고로 ..

대한민국 대표 포털사이트 바로 '네이버' 입니다. 네이버에서 저품질로 분류하는 경우 중에 '검색 결과' 가 반영되어 접속했더니 게시글이 존재하지 않는 경우입니다. 계속해서 같은 현상이 발생하면 네이버에서 저품질로 분류하고 더 이상 검색에 노출시키지 않습니다. 방문자 수와 광고수익에 큰 타격을 입게 됩니다. 따라서 게시글이 삭제되거나 규제될 경우엔 반드시 네이버에 따로 검색 결과 '제외' 요청을 해야 합니다. 그 방법을 설명합니다. 1. 여기를 클릭하여 로 접속합니다. (로그인 필요) 2. 아래와 같이 양식에 맞게 작성합니다. 개인정보 수집동의 하시고 '작성완료' 버튼 누르시면 요청이 완료됩니다. 블로그가 저품질로 분류되지 않기 위해서는 블로거의 노력이 정말 중요합니다. 이런 사소한 것들부터 신경을 잘쓰셔..

네이버 애널리틱스를 1주 조금 넘게 사용을 하였습니다. 구글 애널리틱스도 써보았지만 네이버 애널리틱스가 구글보다 훨씬 나은 것 같습니다. 본 포스트의 주제가 네이버 애널리틱스의 전체적인 후기니 지금부터 한번 그 전체적인 후기를 살펴보도록 하겠습니다. 사진이 좀 많습니다. 애널리틱스 첫화면입니다. 방문현황을 수치와 그래프로 나타내어 줍니다. 시간대별 방문분포도 그래프로 보여줍니다. '신규방문자' 와 '재방문자' 도 수치로 한눈에 볼 수 있게 나타내어 주는군요. (제 블로그는 신규방문자가 훨씬 많군요~) 블로그로 유입시켜준 검색엔진을 원 그래프로 보여줍니다. '네이버' 가 무려 94.4%네요... 역시 네이버한테 잘보일 필요가 있습니다. 유입검색어와 접속환경, 인기페이지 등도 출력됩니다. 시간대별 방문자수들..

"블로그 운영과 광고수익에 있어 점점 비중이 커지는 SNS" 제목을 다음과 같이 지은 이유는 말 그대로 블로그 방문자에 가장 큰 역할을 하는 것이 SNS이기 때문입니다. 요즘은 워낙 SNS 영향력이 어마어마해서 사회 이슈를 뉴스가 아닌 SNS로 알게되는 경우가 더 많습니다. 가장 대표적인 예로 페이스북을 들 수가 있습니다. 페이스북은 더이상 친구(지인)들의 소식보단 사회 이슈/뉴스를 포함한 여러가지 동영상들과 광고들을 더 많이 보는 것 같습니다. 페이스북이 제 기능을 못한다고 해야할까요? 과거 스마트폰이 없던 시절엔 페이스북에 들어가면 지인들의 소식들밖에 없었습니다. 하지만 스마트폰이 개발되면서 모바일 페이스북이 활성화됨과 동시에 엄청난 양의 '페이지' 들이 개설되었고 현재까지 오게되었습니다. 그럼 도대..

제 블로그 상단메뉴 오른쪽을 보시면 위젯이 보이시죠? 바로 실시간 방문자수를 나타내주는 위젯입니다. 방문자들에겐 별 필요가 없는 위젯이지만 블로거에겐 상당히 재미있는 위젯이 되어줍니다. 자신의 블로그를 모니터에 띄워놓은 사용자들의 수가 보이니 흥미롭지 않을 수가 없거든요. 설치방법은 정말 너무 간단합니다. 설명합니다. 1. whos.amung.us(http://whos.amung.us/)에 접속합니다. 아래와 같은 화면이 나옵니다. 블록설정한 곳이 보이시죠? HTML 소스입니다. 그대로 복사하셔서 블로그에서 삽입하고 싶은 위치에 붙여넣기 하시면 바로 표시됩니다. 너무 간단합니다. 위젯이 너무 촌스럽다구요? 디자인을 바꿔봅시다. 아래를 봅니다. 상단메뉴에서 widgets 누르시면 위와 같은 화면이 나옵니다..