티스토리 블로그를 2단으로 관리하면서 사이드바에 이것저것 모듈들이 많아졌다. 오늘은 이 모듈들 중에서 카운터 모듈과 방문자 그래프 모듈을 합치는 방법에 대해 포스팅 하겠다. 방법은 어렵지 않으니 블로그에 적용해 보길 바란다. 카운터와 방문자 그래프를 합치는 방법에 대해 알아보자. 티스토리 카운터와 방문자 그래프 합치기 최근까지 카운터와 방문자 그래프 모듈을 각각 적용해서 사용했었다. 아래의 그림1 처럼 각각 사용하던 것을 그림2 처럼 합쳐보자. 그림1 - 전 그림2 - 후 카운터와 방문자 그래프를 합치기 위해서는 카운터와 방문자 통계 그래프가 활성화되어 있어야 한다. 방문자 통계 그래프는 플러그인 에서 사용설정할 수 있다. 방문자 통계 그래프가 활성화 되면 사이드바 모듈에서 추가할 수 있다. 합치기 전에..
처음 티스토리 블로그를 개설하고 글을 포스팅할때 형식없이 글을 작성하였다. 글을 작성할때마다 강조하고싶은부분은 도구상자에 있는 것들을 적절히 사용하였다. 매번 이렇게 글을 쓰다보니 조금은 불편한점도 있어서 좀더 편리하게 글을 작성하기 위해 서식을 등록하여 사용하기로 하였다. 오늘은 티스토리 서식파일 등록 및 글쓰기 방법에 대해 알아보자. 티스토리 서식 등록 및 활용방법 티스토리 본문 서식 오늘 사용한 서식파일이다. 서식파일은 HTML 코드형태로 되어 있다. 밑줄친 부분을 자신이 원하는 색상의 RGB 숫자로 변경하면 서식의 색상이 변경이 된다. 티스토리 서식 등록하기 블로그관리>서식관리>서식쓰기 를 클릭해보자. 이곳에서 서식을 등록 하고 관리할 수 있다. 등록방법은 어렵지가 않다. 서식쓰기를 클릭해보자. ..
티스토리 블로그 페이지를 로딩하는동안 마우스 아이콘에서는 로딩중이라는 표시가 나타난다. 블로그에서도 로딩중이라는 상황을 알 수 있도록 코드를 추가해보자. 적용코드는 로딩중 일때는 빙글빙글 돌아가다 로딩이 끝나면 이미지가 사라지게 된다. 쉽게 따라할 수 있으니 블로그에 한번 적용해보자. 티스토리 블로그 로딩 이미지 넣는 방법 티스토리 블로그 로딩 이미지 넣는 방법 1.이미지 준비 코드에 사용할 이미지가 필요하다. 이미지는 아래의 사이트에서 받으면 된다. 무료로 사용할 수 있으니 마음에 드는 이미지를 다운 받고, 코드에 맞도록 이름을 수정하고, 티스토리 블로그에 업로드해 두자. 이미지 다운로드 : https://icons8.com/preloaders/ 2. 소스코드 복사하기 다음 순서는 아래의 소스코드를 복..
지난글에서 티스토리 블로그 본문에 플러그인을 사용해서 구글 애드센스 광고를 다는 방법을 알아보았습니다. 이번글에서는 티스토리 홈화면에 광고 코드 삽입 방법에 대해 알아보겠습니다. 이 방법은 티스토리에서 지원하는 티에디션 설정을 사용해서 광고를 다는 방법에 대해 포스팅 하겠습니다. 티스토리 홈화면에 애드센스 광고 다는 방법 티스토리 홈화면에 애드센스 광고 달기 블로그관리창으로 이동하여 꾸미기>설정 플러그인을 선택하세요. 꾸미기 설정 하단에 보면 티에디션에 대한 설정이 있습니다. 이 방법은 티에디션을 '사용합니다'로 되어 있어야 합니다. 준비가 되었으면 '티에디션 설정하기'를 클릭해보세요. 티에디션 설정하기를 실행했다면, 아래의 그림처럼 아이템, 글선택, 디자인 탭으로 블로그 홈 화면의 구성부터 꾸며야 합니..
애드센스에서 광고단위를 만들었으면 이제는 티스토리 블로그 본문에 광고를 달아야겠죠. 본문에 광고를 코드를 삽입하는 방법은 크게 2가지가 있습니다. 첫번째는 티스토리에서 제공되는 플러그인을 이용하는 방법이 있고, 두번째는 HTML/CSS 를 이용해서 직접 코드를 삽입하는 방법이 있습니다. 이번에는 첫번째 방법인 티스토리의 플러그인을 이용해서 광고를 다는 방법에 대해 포스팅 하겠습니다. 티스토리 본문에 애드센스 광고 다는 방법 티스토리 본문에 애드센스 광고 달기 블로그관리창으로 이동하여 플러그인을 선택하세요. 티스토리에서 제공되는 전체 플러그인이 나와있습니다. 이 많은 플러그인 중에 필요한 것은 광고 플러그인입니다. 보기>수익을 선택하면 광고에 필요한 플러그인이 나옵니다. 이번 포스팅에서 필요한 수익 플러그..
블로그에 글을 쓰다보면 내용을 좀더 풍성하게 만들기 위해 사진과 영상을 첨부하는 경우가 많이 있습니다. 티스토리 블로그에서 동영상 첨부는 직접 업로드 또는 Daum TV팟검색의 기능만 제공하고 있습니다. 글을 쓰다보면 '나는유튜브 동영상을 게시하고 싶은데 어떻게 해?' 라고 의문이 들때가 있습니다. 오늘은 티스토리 블로그에 유튜브 동영상 링크를 삽입하는 방법에 대해 포스팅하겠습니다. 티스토리 유튜브(YouTube) 동영상 링크 삽입하기 티스토리에서 유튜브 동영상 링크를 삽입하는 방법은 2가지 있습니다. 방법1. HTML 소스코드 삽입 티스토리의 장점은 HTML소스를 직접 삽입하고 편집할 수 있다는 것입니다. 지금부터 방법을 알려드리겠습니다. 1) 유튜브에서 소스코드 복사 유튜브에서 소스코드 복사하는 방법..