Smart Sense

Google 웹로그 분석에서 한개의 사이트에 두개의 추적 코드를 설치하여 웹로그 분석 계정의 다른 속성으로 데이터를 전송할 수 있다. 하지만 두개의 추적코드를 적용할시 일부 기능을 지원하지 않기에 자주 사용하는 방법은 아니다. 우선 두개의 데이터를 추적하기 위해서는 두개의 별도 추적코드가 필요하다. 구글 웹로그 분석에서 속성을 추가해서 만들고, 애널리틱스 유니버셜 추적코드를 통해서 좀더 알아보도록 한다. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElement..

HTML/CSS 2016. 3. 18. 13:35

티스토리의 플러그인 카테고리 글 더 보기 기능은 많은 블로거가 사용하는 플러그인 중 하나이다. 블로그 내 콘텐츠를 더 읽게 하기 위해서는 유용한 기능이긴 하지만 플로그인이 본문 하단으로 고정으로 노출되기에 블로그에 디자인 구성을 할 때는 성가신 기능이기도 하다. 우선 해당 플로그인은 관리툴의 기본적인 기능으로는 자유로운 이동이 불가능하다. 티스토리 관리자 페이지의 꾸미기 메뉴 HTML/CSS 편집을 선택한다. 그리고 HTML 탭에서 아래 스크립트를 추가한 후 위치수정을 해야한다. var MissFlash_Div_Num = 1; function getElementsByClass(MissFlash_Div_Num,searchClass,node,tag){ var classElements = new Array()..

HTML/CSS 2015. 12. 11. 15:54

티스토리 블로그에서 새로운 글을 작성한 후에 가장 기본적으로 설정하는 부분 중 하나가 카테고리 설정이다. 카테고리는 블로그 내에 어떠한 주제로 글을 쓰고 있는지 방문자들에게 보여줄 수 있는 블로그의 성격을 요약본이라 할 수 있다. 하지만 티스토리 블로그에 기본적으로는 닫힌 상태의 카테고리를 보여준다. 검색을 통해 유입된 방문자라면 닫힌 상태의 카테고리를 굳이 열어보지 않는다. 유입된 방문자에게 하나의 콘텐츠라도 더 읽게 하려면 어떤 글을 쓰고 있는지 보여줘야 한다. 블로그 스킨에 따라 차이가 있긴 하지만 티스토리 제공 스킨에서 하위 카테고리를 항상 위해서는 관리페이지에서 꾸미기 항목의 HTML/CSS 편집 창으로 이동해야 한다. HTML에서 [##_category_list_##］항목을 검색하고 바로 아래..

HTML/CSS 2015. 10. 29. 10:51

티스토리 블로그에서 본문내에 이미지를 첨부할 경우에 사진의 배경과 본문의 색상이 같을 경우, 이미지와 본문의 구분이 모호해진다. 이럴 경우는 CSS 편집을 통해 이미지파일의 테두리선을 만들어서 구분선을 만들수 있다. 이미지파일의 구분선을 만들기 위해서는 티스토리 관리페이지에서 HTML/CSS 편집을 선택 후, CSS 항목에 다음과 같이 추가하도록 한다. .imageblock { max-width: 100%; height: auto; border:1px solid #eaeaea; padding: 0px; } - border 항목은 선의 굵기이다. 테두리를 사용하지 않을려면 해당항목을 0px로 조절하면 된다.- #eaeaea 항목은 웹컬러의 색상코드이다. 해당 부분을 수정하면 다른색상으로 적용할 수 있다.-..

HTML/CSS 2015. 9. 18. 17:01

티스토리 블로그의 메인페이지는 최근 포스팅 글이 첫페이지로 지정되어있다. 티에디션을 통해서 메인 페이지를 변경하는 방법도 있다. 하지만 이럴경우는 기존의 디자인과 어울리지 않는 부분도 발생하므로 기존 디자인이 적용된 다른 페이지로 변경하는 방법을 알아보도록 하자. 티스토리 블로그 내에서 티에디션을 사용하지 않고, 메인 페이지를 보여주기 가장 적당한 것은 전체 카테고리 페이지이다. 최근 작성 순으로 모든 포스팅 목록이 보여주기 때문에 이용자 측면에도 블로그내 원하는 정보를 찾기에 용이하다. 때문에 해당 포스팅에서는 전체 카테고리 페이지를 메인 페이지로 설정한 구문을 예로 하며, skin.html 부분을 해당 스크립트를 안에 삽입하도록 한다. var urlAddr = decodeURIComponent(loc..

HTML/CSS 2015. 9. 4. 14:40

CSS(Cascading Style Sheets)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어이며, HTML과 XHTML에 주로 쓰인다. 마크업 언어가 웹사이트의 틀이되는 구조를 담당한다면 CSS는 사이트의 스킨과 같은 디자인적인 역할을 담당한다고 할 수 있다. 그러므로 HTML구조는 그대로 두고 CSS 파일만 변경해도 전혀 다른 웹사이트처럼 꾸밀 수 있다. CSS의 가장 큰 특징은 위에서 아래로 차례로 읽혀지며 적용되기대문에 중복된 구문이 적용순서가 같은 경우는 아래에 있는것이 우선순위가 제일 높게 적용된다. 이러한 경우에는 중복된 속성중에 !important 를 사용하면 뒤에 있지 않더라도 중복된속성에서 우선적용시킬 수 있게된다. .sample {font-family: Nanum Barun G..

HTML/CSS 2015. 8. 5. 16:25

티스토리 블로그에서 글 작성중 외부에디터 등을 통해 텍스트를 작성하거나 텍스트를 붙여넣을 경우 폰트와 폰트 사이즈가 서로 달라지는 경우가 발생한다. 티스토리 에디터 작성시에는 문제가 보이지 않지만, 게시물을 보게되면 폰트 사이즈가 제각각으로 가독성을 떨어진다. 이럴경우는 style.css 수정문구를 삽입하면 본문의 폰트 사이즈를 고정할수 있다. style.css 편집창에서 다음과 같은 스크립트를 추가한다. .article * { font-size: 13px !important; } 해당 스트립트의 경우는 폰트 크기는 13px으로 되어있지만, 필요에 따라서 변경하여 사용하면 된다. 또한 폰트 사이즈 외로 폰트까지 고정할 경우 아래 포스팅 내용을 적용하도록 한다. [HTML/CSS] 티스토리 블로그, 웹폰트..

HTML/CSS 2015. 7. 8. 16:18

웹 사이트나 블로그를 운영하는 사람이라면 방문자들의 방문형태를 분석이 필요하다. 방문자의 방문패턴이나 체류시간, PV 등의 다양한 행동패턴을 분석하기 위해서는 구글 웹로그 분석이나 네이버 애널리틱스 등의 이용하면 이에 대한 다양한 형태로 분석이 가능하다. 이런 다양한 분석툴 중에 구글 웹로그 분석의 경우는 가입형 블로그인 네이버 블로그, 다음 블로그 같은 방식에서는 사용할 수 없다. 직접 블로그의 html script 코드를 편집할 수 있는 준설치형 블로그인 티스토리 블로그와 설치형 블로그인 텍스트큐브와 워드프레스에서 사용할 수 있다. 이러한 구글 애널리틱스에 대한 설치방법은 다양한 블로그에서 안내하고 있기에 생략하도록 한다. 해당 글에서는 구글 웹로그 분석을 설치하고, 생기는 첫번째 문제일수 잇는 중복..

HTML/CSS 2015. 7. 6. 16:03