'전체 글'에 해당되는 글 (72건)

※웹페이지 글꼴(font) 알아보는 툴: whatfont tool 블로그 등 웹페이지를 볼 때 때때로 마음에 드는 글꼴(font)을 발견하는 경우 적용된(render됐다고 하지요) 글꼴이 무슨 글꼴인가 알 수있는 방법 또는 자신의 웹페이지에 설정한 글꼴이 제대로 적용되는가 알아 볼 수있는 방법에 대해 기술해보겠습니다. whatfont tool 설치 whatfont tool 설치 페이지는 북마클릿 및 확장프로그램(크롬, safari) 설치를 제공하고 있습니다. 북마클릿이란 작은 크기의 자바스크립트 코드를 북마크에 저장해 두는 것을 말한다. ◈ WhatFont 설치 페이지 북마클릿 설치 위 이미지는 Bookmarklet 탭이 선택된 화면입니다. ▶ 크롬에서 설치> ▼ whatfont 박스를 북마크바탭에 드래..

※FastBoot 스킨 머리말(h1-h4) 인용문(blockquote) 모양 바꾸기 많은 티스토리 블로거들이 FastBoot 스킨을 사용하고 있는 것을 보게됩니다. 저도 FastBoot 1.6.2 스킨을 사용하고 있습니다. 티스토리 블로그를 사용하는 이유는 애드센스 광고를 게시할 수있고 또한 스킨 기본 설정 변경이 어느 정도까지는 자유롭다는 것이지요. 글 작성시 머리말 인용문 등을 사용해 가독성을 높히고 내용을 강조합니다. 머리말, 인용문의 모양(디자인)은 스킨별로 또는 같은 스킨을 사용하는 블로그라도 다른 모양으로 표시되는데요. 대부분의 경우 테두리 모양과 배경 모양입니다. 머리말과 인용문의 모양을 변경해보겠습니다. ★머리말 스타일 변경 ★인용구 스타일 변경 1. 머리말 스타일 변경 ▲변경 전 모양 티..

★티스토리 블로그 본문 글자 크기 설정-CSS, 스킨위자드 티스토리 블로그를 운영하기 위해서는 HTML 태그와 CSS 스타일에 대해서 어느 정도 지식을 요합니다. 티스토리 블로그의 본문 글자 크기를 조절하는 방법 두가지를 들겠습니다. 1. CSS 스타일 수정 2. 스킨위자드에서 수정 CSS 스타일 수정 티스토리 블로그 본문은 HTML "article" 클래스를 갖고있는 태그에 실려있습니다. 본 article 클래스의 스타일에서 본문 글자 크기를 수정합니다. 블로그 관리화면 좌측메뉴 항목에서 "꾸미기=>스킨편집"을 선택합니다. 스킨편집화면 우측상단 "html 편집을"" 선택합니다. html 편집화면 우측상 "CSS"를 선택하면 CSS 파일이 열립니다. 여기서 control+F(검색)을 눌러 aticle을 ..

인터넷에서 정보를 찾다 보면 FastBoot 스킨을 적용하는 티스토리 블로그가 상당히 많이 보인다. 본 블로그도 FastBoot 스킨을 사용하고 있다. 티스토리를 이용하면서 반응형 스킨에 적응하는데 많은 시간이 걸리고 있다. 평소 브라우저 크기를 축소해서 보는 편이라 본 스킨의 좌측 삼각형 메뉴 아이콘 이 본문 글을 가리는 경우가 종종 있다. 그래서 좌측 삼각형 메뉴 아이콘을 조절할 생각이 있는데 모바일 메뉴 아이콘 에 지장을 줄 것 같아서 조심스러웠다. 우연히 '눈썹있는 모나리자'님(http://hadongguk7.tistory.com)의 블로그를 방문하게 됐다. 하루 방문자가 3,000을 상회하는 능력맀는 블로거였다. 이분도 FastBoot 스킨을 사용하는데 좌측 삼각형 메뉴 아이콘이 안 보였다. 개..

FastBoot 스킨 사이드바 긴 수직형 애드센스 광고 올리기와 여백 처리티스토리 블로그 FastBoot 반응형 스킨은 많은 티스토리 블로거가 애용하고 있습니다. 특히 사이드바에 길게 위치한 에드샌스 수직형 스카이스크레퍼 광고는 눈에 확 들어옵니다. 많은 티스토리 블로거가 이 수직형 애드센스 광고를 사이드바에 올려 놓고 있는 것을 보게 됩니다. 게시된 광고 크기는 보통 300x600 크기 수준이며 160x600 크기의의 광고도 게시되고 있습니다. 300x600 크키를 기준으로 말씀드리겠습니다. 고정 사이즈의 광고나 반응형의 광고나 거의 같은 모양으로 페이지에 표시되는데 어떻든 300x600 사이즈보다 일반적으로 작습니다. 일단 FastBoot 기본 스킨에서 설정한 사이드바 가로 너비가 300보다 작습니다..

크롬 사용 중에 '응답 없는 페이지'라는 메시지로 중지되는 경우 해결 방법입니다. 크롬을 기본 브라우저로 샤용하고 있으며 금융, 공공기관 등은 익스플로러로 접속하고 있습니다. 크롬에 대한 호평, 확장성과 더불어 애널리틱스, 애드센스, 구글 문서 등 구글에서 제공하는 기능을 사용하고 있기 때문이기도 합니다. 그러나 때때로 적지 않게 크롬에서 좌측 상단에 '로드 중' 문구와 함께 웹페이지 로드가 지연되다가 '응답 없는 페이지--'라는 메시지와 함께 다음과 같은 화면이 나오며 실행이 중단되는 경우가 많습니다. 인터넷상 여러 글에서 '-no-sandbox'를 크롬 바로가기 속성에 추가하고 Chrome/plugins 중 몇몇 항목을 수정하라는 내용을 제시하고 있습니다. 제 경우로는 해결이 되지 않았습니다. 'sa..

fastboot 스킨 수정-메뉴버튼 비활성 로그인아웃 표기 오류 얼마전 티스토리 개편 후 FastBoot 스킨의 '좌측 메뉴버튼' ( 모바일애서는 '좌측 상단 메뉴버튼' )이 활성화 되지 않고 또한 우측 상단의 로그인 로그아웃 표시는 애초부터 로그인 후도 'Logout'으로 변경되지 않고 'Login'으로 표시되고 있습니다. 메뉴버튼은 메뉴바 및 사이드바에 기능이 포함돼있으면 기능상 없어도 될 것 같은데 모바일에서는 필요하다고 생각합니다. 이 부분에 대해서 여러 분들이 해결 방안을 제시해 놓고 있습니다. 여러 포스팅 글을 참고하고 시행착오를 거쳐 얻은 결과의 개략을 말해 보겠습니다. 위 이미지와 같이 좌측 메뉴버튼이 활성화 된 상태(모바일에서도 겨의 같은 모습입니다.)와 로그인한 경우 FastBoot 스..

공유기 회선 교체 등 아이피 변경시-구글 애널리스틱 보기 필터 수정해야 구글 애널리스틱 방문자 페이지뷰에 이상이 생겼습니다. 위의 이미지와 같이 글 작성하면서 발행하기 전에 미리 보기한 것이 페이지뷰 숫자에 포함된 것입니다. 내 pc에서 유입되는 트레픽은 제외하는 것으로 구글 애널리스틱 보기 필터를 설정한 상태입니다. 몇가지 생각을 해보니 얼마 전에 공유기를 교체한 사실이 생각 났습니다. 구글에서 아이피 조회를 해보니 아이피가 변경돼 있습니다.(구글에서 "나의 아이피"로 검색 또는 http://www.findip.kr/에서 조회) 이럴 경우 애널리스틱 보기 필터를 수정해야 합니다. 구글 애널리스틱에 들어가서 좌측 메뉴바 하단 관리 아이콘 을 클릭하시면 계정 설정 화면이 나옵니다. 내 계정에 연결된 보기에..

구글 애널리틱스에서 키워드 보는 방법 구글 애널리틱스에 가입한 후 애널리틱스 홈페이지를 보면 홈화면에 많은 보고서 개요가 나옵니다. 그리고 좌측 메뉴 항목에도 많은 정보 페이지가 나옵니다. 그 중 많이 참조되는 사항은 방문 페이지, 방문자 수, 페이지뷰, 키워드, 방문 매체, 모바일 또는 데스크탑 방문 수 등이 있습니다. 이 중 나의 웹페이지를 찾은 키워드를 좌측 메뉴바에서 찾는 방법에 대해서 알아보겠습니다. ※좌측 메뉴바에서 1. 행동 -> 사이트 콘텐츠 -> 모든 페이지 또는방문 페이지 클릭 2. 획득 -> 켐페인 -> 자연 키워드 클릭 3. 획득 -> Search Console -> 검색어 클릭 각 보고서 페이지의 상단에는 조회되는 기간이 나오는데 보통 어제까지 지난 7일 기준입니다. 오늘 명세를 ..

반응형 블로그 스킨 가로 너비폭 조절 3가지 방법-FastBoot 스킨 본문 사이드바 많은 티스토리 블로거에게 애용되고 있는 반응형 블로그 스킨 FastBoot의 스킨 본문 및 사이드바 가로폭 너비 조절하는 방법 3가지에 대해 기술해보겠습니다. 아시다시피 FastBoot 스킨은 Bootstrap을 기반으로 구성돼있습니다. Bootstrap은 콘텐츠를 담을 콘테이너 요소를 정의해야합니다. 콘테이너는 화면 일부폭를 사용하는 클래스 .container (fixed-width) 또는 화면 전체폭을 사용하는 클래스 .container-fluid (full-width)가 있읍니다. 콘테이너 안에 열(row)과 행(column)으로 웹페이지를 구성하는 그리드 시스템으로 구성돼 있습니다. 그리드 시스템은 콘테이너폭을 ..

구글 애드센스 게시자 툴바를 설치과정과 오류로 실행이 안될 경우 해결한 경우 구글 애드센스 팀으로부터 구글 게시자 툴바 설치 안내 메일이 왔습니다. 구글 애드센스 정책에 따르면 자신의 광고를 클릭하면 정책위반이 됩니다. 또한 지인에게 클릭을 부탁했을 경우도 검사에서 적발 경우도 같습니다. 정책위반으로 애드센스 정지를 당하는 경우가 상당히 많습니다. 애드센스 구글 게시자 툴바 설치 안내 메일 일부 내용입니다. 팁: 무효 클릭 걱정 없이 광고를 테스트하고 싶으세요? 게시자 툴바를 다운로드하면 Chrome에서 자신의 사이트에 게재된 광고를 테스트할 수 있습니다. 게시자 툴바를 사용하지 않고 자신의 사이트에 게재된 광고를 클릭하면 클릭이 스팸으로 집계되니 주의하세요. 감사합니다. Google 애드센스 팀 구글 ..

하루 1~2잔의 우유 섭취가 증가하고 있는 대사증후군의 위험도를 대폭 낮춘다. 서울의 중앙대 식품영양학과 교수팀이 16일 발표한 연구 결과다. 조사대상은 2004년부터 2013년까지 전국 38개 종합병원 성인 간강검진 수감자 130,420명이다. 일반적으로 아래의 기준 중 세 가지 이상이 해당되면 대사증후군으로 정의한다. 1) 중심비만(central obesity): 남자 허리둘레 90, 여자 80 이상 2) 고중성지방 혈증(hypertriglyceridemia): 중성지방이 150mg/dL 이상 3) 고밀도지단백 콜레스테롤(HDL-cholesterol)이 낮을 경우: 남자의 경우 40mg/dL 미만, 여자의 경우 50mg/dL 미만 4) 공복혈당이 100mg/dL 이상 5) 고혈압: 수축기 혈압이 13..

자바스크립트 이용 브라우저 화면 크기 알아보기 jQuery를 활용하지 않고 자바스크립트를 사용하여 열려있는 브라우저 화면의 사이즈(너비, 높이)를 현재 크기 또는 실시간 변경되는 크기를 알 수 있습니다. winndow 객체(object)의 속성과 이벤트 요소를 사용하여 현재 열려있는 창의 크기를 알아보겠습니다. winndow 객체(object)의 속성을 사용 1. 내용(content)화면 ● window.innerWidth ● window.innerHeight 2.전체화면(툴바, 스크롤바 포함) ● window.outerWidth ● window.outerHeight ※위의 속성은 인터넷 익스플로러는 9.0 이상만 지원합니다. 인터넷 익스플로러 하위 버전에서 1번 내용화면은 document 오브젝트의 d..

크롬에서의 티스토리 블로그 관리는 장애가 많다. 익스플로러의 잦은 멈춤 현상과 속도 저하 문제로 크롬 브라우저를 사용하기 시작했다. 티스토리 블로그에 글을 작성하면서 사진 업로드 문제, 글 임시저장 문제 등은 인터넷 사이트 정보의 도움으로 해결하고 별 문제 없이 사용하던 중 크롬에 문제가 생겨서 크롬에 저장된 정보까지 삭제하고 크롬을 다시 설치하고서 재설치하게된 문제는 해결 됐는데 티스토리 블로그 관리에 문제가 생겼다. 재설치 전에는 chrome://flags에서 플래시 플레이어를 허용하는 것으로 사진 업로드, 임시저장 문제를 해결했는데, 재설치 후로는 사진 업로드는 되는데 임시저장이 되지 않는다. chrome://flags에서는 플래시 설정 항목이 없어졌고 chrome://components에서도 플래..

페이스북에서 친구를 맺고 관리하는 방법 페이스북의 기본 요소인 뉴스피드화면과 타임라인화면에 대해 이해하고 글쓰는 방법을 알고난 다음은 SNS에서 꼭 필요한 것이 타인과의 소통입니다. SNS서비스에서는 보통 소통 가능한 타인을 친구라고 하고 있습니다. 친구를 맺기 위해서는 우선 자기가 알 수있는 사람을 친구로 요청하는게 첫 단계입니다. 친구 요청하기 ▶검색에 의한 친구 맺기 페이스북 상단에 보이는 검색 창입니다.휴대폰 번호, 이메일 아이디, 이름 등을 입력하면 친구 요청을 할 수 있는 창이 나옵니다. 위 사진은 이름을 입력하여 나온 창입니다. 동명이인인 여러 사람이 검색되어 나왔습니다. 원하는 사람을 선택하여 '친구 추가'를 클릭합니다. '친구 추가' 문구는 '친구 요청 전송됨'으로 바뀝니다. ▶'알 수도..