티스토리 플러그인 중 배너 출력 플러그인을 이용해 사이드바에 애드센스 광고를 넣는 방법입니다. html에 직접 넣는 방식도 있지만 스킨이 변경 될 때 마다 애드센스 코드를 다시 넣어야 하는 불편함이 있어 플러그인을 이용하기로 했습니다. 배너 출력 플러그인 블로그 관리 페이지 메뉴 중 플러그인을 클릭합니다. 상단 보기 중 > 관리 및 통계를 클릭 합니다. 배너출력 플러그인을 클릭 합니다. 팝업 창이 나오면 적용을 클릭 합니다. 블로그 관리 > 꾸미기 > 사이드바를 클릭 합니다. 사이드바 기본 모듈에 이미지 배너출력과 HTML 배너출력이 생성된 게 보입니다. HTML 배너출력 오른쪽 플러스(+)표시를 클릭하고 원하는 사이드바를 선택합니다. 저는 사이드바가 두 개가 있어 사이드바 1을 선택했습니다. 사이드바1..
티스토리 플러그인 카테고리 글 더보기 Portfolio 스킨 카테고리 글 더 보기 플러그인 미지원 문제 해결 방법입니다.포트폴리오 스킨은 카테고리 글 더 보기 플러그인을 지원하지 않습니다.티스토리 포럼에 어느 분이 질문을 남겨 답변한 내용을 포스팅으로 재작성 합니다. 블로그 관리 > 스킨편집 > html > CSS편집 창으로 이동후 아래 코드를 편집창 가장 아래 부분에 붙여 넣고 적용 12345678910.another_category { display: block;}.another_category table,.another_category table tr,.another_category table tr th,.another_category table tr td { border: 0;}cs 적용 후 블로..
티스토리에 커버스킨이 나오면서 인기 글을 사이드바에 적용할 수 있는 치환자가 생겼습니다. 얼마 전 까지만 해도 이 기능이 모바일 버전에만 있고 PC나 반응형 버전에는 없어 자바스크립트를 이용해 모바일 버전에 있는 이 블로그 인기 글을 파싱해서 사용할 수 있는 소스를 만들어서 배포 했었는데 참 반가운 기능입니다. 왓에버 스킨 하단에 인기글 넣기 가장 간단한 방법으로 인기 글을 블로그 하단 사이드바에 넣는 방법입니다.블로그관리 홈으로 가서 꾸미기 > 스킨편집 HTML 편집 창으로 갑니다.편집 창 아무 곳에다 커서를 위치시키고 단축키 Ctrl + F + 을 찾습니다.아래 코드를 복사해서 최근 포스트가 끝나는 곳 아래에 붙여넣기 합니다. 1234567891011 인기 포스트 Colored by Color Scr..
티스토리에서 새로 출시한 커버스킨들중에서 whatever(왓에버)스킨이 가장 마음에 들어 적용했는데 카테고리 메뉴를 지원하지 않네요. 저뿐만 아니라 다른 사용자분들도 황당하지 않았을까 생각됩니다. 2개의 티스토리 블로그를 운영하고 있고 스킨도 자주 변경하는 편인데 카테고리 메뉴를 지원하지 않는 스킨은 처음 보는 것 같습니다. 공유차원에서 포스팅 합니다. 왓에버 스킨에 적용된 카테고리 메뉴 미리보기 스킨 옵션 레이아웃 타입 : 중앙 정렬 컬러타입 : 밝은, 어두운 상단 메뉴바는 기존 형태를 그대로 유지하되 서브 메뉴 부분을 추가했습니다. 모바일(스마트기기) 우측 버튼 클릭 시 나오는 메뉴 Letter 스킨을 참조했습니다. 마지막으로 레이아웃이 좌측정렬일 경우입니다. 레이아웃 타입 : 좌측정렬 컬러타입 : ..
보통 괄호 안에 숫자로 카테고리별 포스팅 수가 표시됩니다.또, 새 글을 작성하면 뉴 아이콘이 표시됩니다. New 아이콘은 4가지 종류가 있는데 예전에는 관리자 페이지에서 색상을 선택할 수 있었는데 지금은 무작위형식인지 사용자가 선택을 할 수 있는 기능이 빼져있습니다.카테고리로 글 개수표시와 뉴 아이콘 표시를 카테고리 설정을 통해 선택적으로 표시거나 표시하지 않을 수 있습니다.블로그 관리 홈에서 카테고리 관리로 들어가면 상단에는 카테고리 관리가 보이고 아래로 내려가면 카테고리 설정 부분이 나타납니다. 카테고리 설정이 아닌 css 코드로 숨김 처리 아래 코드로 블로그 관리자 홈 > 카테고리 설정이 아니라 CSS 편집 창을 통해 숨긴 처리를 할 수도 있습니다. 이때는 당연히 카테로리 설정에는 "표시합니다"로 ..
지금 현재 #2 스킨도 옵션을 이용해 이미지를 변경 할 수 있도록 수정 되었네요! 아래내용은 기록으로 남겨 놓겠습니다.티스토리 사용자 중에서 #2스킨을 사용하시는 분들이 많이 있습니다. 같은 스킨이지만 조금이라도 개성 있게 보이기 위해 배경 이미지를 변경해 자기만의 스타일로 꾸며 봅시다. 코드 수정 없이 이미지만 교체 하기 준비사항 : 배경으로 사용할 이미지(이미지 이름은 header_default.jpg) 이미지 크기 : 원본 배경 이미지 크기는 가로 3000px 세로 2000px으로 되어 있지만 가로 1920 PX에 가로 1080 PX 이상이면 됩니다. 파일명 : 배경으로 사용할 이미지의 파일명을 header_default.jpg로 변경합니다. 만약 준비된 이미지 확장자가 jpg 파일이 아닌 png이..
현재 티스토리 새로운 스킨인 Poster, Whatever, Letter에만 해당하는 내용입니다. 티스토리 새로운 스킨 3종인 Poster, Whatever, Letter 스킨 버그 다들 아시겠지만, 스마트폰 웹 브라우저에는 "홈 화면에 추가"라는 기능이 있습니다. 홈 화면에 추가를 하면 스마트폰 홈 화면(바탕화면)에 아이콘이 생성됩니다. 티스토리는 블로그 설정에서 등록한 이미지가 홈 화면 아이콘이 되도록 html 코드가 자동으로 생성됩니다만 새로운 스킨에서는 코드에 문제가 있어 바로 가기 아이콘이 생성되지 않고 있습니다. 브라우저 개발자 도구를 이용해서 HTML 코드 head 부분을 보면 apple-touch-icon이 있습니다. - URL 디코딩 1 2 3 4 5 Colored by Color Scr..
2019년 새 에디터 사용자는 아래 링크로 이동 하세요!2019/11/16 - [Blog Tip] - 티스토리 대표 이미지(썸네일) 본문에서 숨기기 본문에 이미지를 올리고 대표 이미지로 적용하면 블로그 메인 화면에 썸네일 이미지로 표시가 됩니다. 그런데 간혹 대표 이미지 썸네일로만 표시하고 싶고 본문에는 이미지를 안 보이게 하고 싶을때가 있습니다. 가장 많이 사용되는 대표 이미지 감추기 방식 2가지에 대해 알아보도록 하겠습니다. 첫 번째 파일첨부 방식 가장 많이 사용되는 이미지 파일첨부 방식은 간편하지만 내 블로그 메인 화면에서는 대표 썸네일로 표시가 되지만 다음 포털이나 네이버 검색 시 썸네일 이미지로 표시되지는 않습니다.본문 글쓰기 창 에디터 왼쪽 파일보관함 하단에 파일첨부를 통해 이미지를 업로드 하..
요즘 네이버가 자사 블로그가 아니면 블로그 영역이 아닌 웹사이트 영역에 노출을 시켜 방문자 수가 급감하였습니다. 이젠 네이버보다 구글 검색에 좀 더 신경을 써야 하지 않을까 여겨집니다. 보통 구글봇이 내 블로그 포스팅을 수집하고 색인하는데 걸리는 시간을 보면 2 ~ 5일 정도 소요 되는 것 같습니다. 구글 검색에 누락된 경우나 즉시 검색에 반영하고자 할 경우 아래 방법을 사용하면 보통 5분 이내에 색인이 생성되고 검색에 반영되어 노출됩니다. 검색 누락 시 사용되는 서치콘솔 메뉴 중 Fetch As Google을 이용해 구글 검색에 즉시 반영되도록 해봅시다. 서치콘솔 Fetch As Google을 이용 색인 생성 구글 서치콘솔 : https://www.google.com/webmasters/tools/ho..
대표 이미지는 블로그 메인화면과 검색 포털 그리고 SNS에 글 보내기 할 때 썸네일로 사용된다. 기본적으로 첫 번째로 업로드된 이미지가 대표 이미지로 자동 설정되지만 사용자가 원하는 이미지를 대표 이미지로 설정할 수도 있다. 대표 이미지(썸네일) 지정 글쓰기 창에서 이미지를 업로드 하는 방식은 3가지가 있습니다. 이미지 업로드 방법 참고 : https://wonderbout.tistory.com/23이미지를 업로드 하면 글 쓰기 창(에디터) 오른쪽에 파일 보관함 아래에 파일목록이 보입니다. 목록에 있는 파일명을 클릭해보면 미리 보기 창에 이미지가 보이고 대표로 체크할수 있는 선택 창이 있습니다. 대표 이미지로 지정하고 싶은 이미지를 선택하고 대표에 체크를 해주면 블로그 메인 화면에 썸네일로 표시가 됩니다..
글 쓰기 에디터에서 이미지 넣는 방식 티스토리 본문작성 시 이미지 업로드 방식이 3가지가 있습니다. 처음 티스토리를 접하신 분들은 글쓰기 에디터 상단 메뉴 중 사진 버튼을 이용해서 사진을 올리게 됩니다. 사진 버튼과 파일 버튼 그리고 파일 첨부 버튼 이렇게 세 가지 방식으로 이미지를 올릴 수 있는데 어떤 차이가 있는지 알아봅시다. 에디터 상단 메뉴 에디터 오른쪽 사이드 파일보관함 첫 번째 사진 버튼 이용 플래시 플레이어를 설치를 해야 한다. 이미지 업로드 시 본문에 이미지가 자동으로 표시된다. 여러 장의 이미지를 동시에 올릴 수 있다. 인터넷상에서 이미지를 편집 할 수 있다. 포토업로더를 통해 크기 조정, 회전, 자르기, 효과, 말풍선등을 이용해서 업로드와 동시에 편집이 가능 하다. 플래시 플레이어가 설..
티스토리 검색 등록 및 웹마스터 도구 등록 블로그를 처음 개설하고 나면 가장 중요하게 생각되는 것 중에 하나가 검색 사이트에 등록하는 일이다. 검색 포털 사이트는 많지만 전부 다 할 수는 없고 대표적인 검색 사이트와 각자 블로그 성격에 맞는 포털 사이트 몇 개 정도만 하는 것이 유익하다. 대표적인 검색 포털 사이트 (순위 순) 네이버 다음 구글 줌 (ZUM) 빙 (Bing) 네이트 보통 네이버와 다음 그리고 구글에만 검색 등록을 하는 경우가 많다. 티스토리의 경우 다음 포털에는 자동으로 등록이 되고 있으니 등록할 필요가 없고 네이버와 구글만 등록하면 된다. 그리고 네이트의 경우는 다음 포털 검색 결과를 가져가 보여 주기 때문에 티스토리 블로거는 등록이 불필요하다.방문자 수를 한 명이라도 더 유입되게 하고..
