Internet91

애드센스 반응형 전체 폭, 영어 광고 차단하기 전체 폭을 차지하는 광고, 해외 광고 차단하기 반응형 애드센스를 사용하는 경우 적용한 페이지의 가로폭에 맞추어 자동적으로 광고 크기가 자동적으로 조절이 되는데요. 미디어 쿼리를 적용하여 페이지 폭에 맞추어 사이즈를 지정한 경우에는 지정해 놓은 크기로 변경이 되지만 미디어 쿼리를 적용하지 않은 경우에는 적용한 웹페이지 요소의 전체 폭에 맞추어 광고가 생성됩니다. PC 아무런 문제가 되지 않지만 모바일 버전에서는 가독성을 위하여 좌, 우 여백을 주었지만 여백을 무시한 체 100% 폭을 차지하여 내용과 조화를 이루지 못하는 모습입니다. 100% 차지하지 못하게 하기 위해서는 코드에 data-full-width-responsive="false" 속성을 부여하여 주면 여백을 무시하는 것을 방지할 수 있습니다. 반.. 2019. 1. 2.
티스토리 블로그 사이드바 인기글 목록 추가하기 티스토리 블로그 스킨 사이드 모듈에 인기글 목록을 추가할 수 있습니다. 이 블로그 인기글 위 태그 코드를 ... 태그 사이에 추가해 줌으로써 사이드바 인기글 모듈이 추가되고 블로그에서 조회 수가 많은 순으로 노출하게 됩니다. : 인기글을 반복 출력합니다 : 글 주소 : 글 제목 : 글 댓글 갯수 : 작성자 이름 (*팀블로그용 치환자) : 글 발행시간 : 대표 이미지가 있는 경우 치환 : 대표 이미지 : 카테고리 이름 : 카테고리 리스트 url각 치환자들의 기능 목록으로 샘플 코드를 기준으로 필요한 부분은 살리고 사용하지 않는 불필요한 태그는 제거하고 적용하면 됩니다. 인기글의 태그는 최근 글과 동일하여 사이드바에서 기존 사용 중인 최근 글 모듈을 복사한 후 .. 태그를 ... 태그로 변경만 해주면 최신 .. 2018. 12. 31.
텍스트 세로 가운데 정렬하는 몇 가지 방법 CSS 수직 중앙 정렬 하기 속성으로 텍스트를 세로 중앙에 정렬하는 방법으로 간단하게 적용이 가능한 3가지 방법입니다. line-height: 130px 태그에 line-height 속성을 이용하여 행의 높이를 부여하는 방식으로 글의 높이가 지정되면 자동적으로 가운데 정렬이 되며 이 방식의 단점으로는 각 행마다 지정한 높이를 가진다는 점입니다. padding: 60px 0 padding 속성을 이용하는 방법으로 상하 여백을 동일한 값을 적용하여 가운데 오게 하는데 각 행에 높이를 적용하지 않고 전체 내용 적용되어 가운데 정렬됩니다. 세로 여백을 적용을 하기 위해서는 display: block 속성을 가져야지만 가능해집니다. height: 130px ; display: table-cell; vertical.. 2018. 12. 26.
SyntaxHighlighter 소스코드 강조 기능 적용하기 소스코드 하이라이드 기능 적용하기티스토리 블로그를 하면서 HTML이나 CSS 코드를 공유하는 경우가 종종 생기는데 이를 일반적인 방법으로 작성을 하게 되면 간단한 코드일 경우에는 상관이 없지만 조금만 길어도 복잡하여 알아보기 힘든 경우가 생기게 됩니다. http://alexgorbatchev.com/SyntaxHighlighter 사이트에서 제공하는 기능으로 영어로 된 사이트이지만 영어를 못하더라도 번역기 등을 이용하여 천천히 둘러보면 사용하는데 큰 불편함이 없이 사용하실 수 있을듯합니다. SyntaxHighlighter를 사용하기 위해서는 일부 기능들을 불러와야 하는 (https://github.com/syntaxhighlighter/syntaxhighlighter/releases)관련 파일들을 티스토.. 2018. 12. 22.
블로그 지수 확인 및 키워드 공략하는 방법 블로그를 하면서 어느 정도 방문자가 생기게 되고 자신의 글에 댓글 등의 반응을 보인다면 사람으로서 욕심이 생기게 되죠. 유입 경로는 주소를 직접 알고 있거나 SNS 등 사이트 링크 외에 대부분이 대형 포털 또는 검색 사이트의 검색으로 이루어지는데 많은 사람들이 첫 페이지에 노출된 검색 목록을 대부분 이용을 하며 방문자가 자신이 원하는 전문성의 글이 아닌 경우를 제외하고는 2페이지 이상에서의 유입은 거의 없다고 봐도 되는데요. 검색 상위에 노출되기 위해서는 지수가 높아야 첫 페이지에 노출 가능성이 높아지고 인기 키워드의 경우에는 대량의 방문자를 유도할 수 있으며 수익성 블로그의 경우 매우 중요하다고 할 수 있습니다. 예전에는 여러 가지 방법으로 지수 등을 확인 가능한 사이트들이 많았는데 요즘은 블로그 차트.. 2018. 7. 26.
온라인 오디오 파일 mp3, wav, m4a, flac, ogg, amr, mp2, m4r 변환기 온라인 음악파일 변환기 인터넷을 이용하여 웹상에서 무료로 오디오 파일을 변환할 수 있습니다. 별도의 프로그램을 다운로드할 필요 없이 온라인으로 간단하게 오디오 파일을 등록하고 포맷을 변경할 수 있습니다. 파일 열기를 선택하고 탑색창에서 변경하고 싶은 파일을 지정하면 되는데 비디오 파일을 비롯하여 300여 종의 미디어 파일을 음원 파일로 바꿀 수 있습니다. mp3, wav, m4a, flac, ogg, amr, mp2 및 아이폰 벨 소리인 m4r로 변환이 가능하고 '고급 설정'을 선택하여 페이드 인, 페이드 아웃, 음성 제거 등 여러 가지 옵션을 설정할 수 있습니다. 변경을 시도하면서 태그도 변경해 줄 수 있습니다. 모든 준비가 완료되면 변환을 눌러주면 변환작업이 완료됩니다. https://online-a.. 2018. 3. 29.
구글 애드센스 일치하는 콘텐츠 광고 간단하게 알아보기 애드센스 일치하는 콘텐츠 광고 간단하게 알아보기 구글 애드센스가 새롭게 개편되면서 추가된 광고 형식 중에 하나인 일치하는 콘텐츠 광고가 있는데요. 하나의 블록형 광고가 아닌 여러 개의 기존 콘텐츠와 함께 다수의 광고를 노출하여 줌으로서 클릭을 유도하고 사이트 내에 체류시간을 늘려줍니다. 새 광고 단위 생성을 하게 되면 기존 광고 형식인 '텍스트 및 디스플레이 광고'가 있고 추가된 3가지 방식의 광고가 있는데 '일치하는 콘텐츠'를 선택하면 광고 단위 생성이 가능합니다. 기본 가로 형식으로 8개가 보이는데 사이드바에 삽입하게 되면 새로 형식으로 나열됩니다. 일치하는 광고는 다른 광고 들과 달리 일정 조건이 필요하게 되는데 정확한 건 아니지만 경험상 기본 페이지뷰가 100회 정도를 넘기게 되면 조건이 충족되는.. 2018. 3. 14.
티스토리 블로그에 네이버 애널리틱스 간편하게 적용하기 티스토리 블로그 네이버 애널리틱스 적용하기 티스토리 자체에서 통계를 제공하고 있지만 보다 정확하고 다양한 정보를 얻기 위해 네이버 애널리틱스라는 도구를 사용합니다. 구글 애널리틱스가 널리 사용되고 신뢰도가 가장 높다지만 네이버 측의 애널리틱스가 좀 더 보기도 편하고 다루기가 쉽다고 생각되네요. 네이버 계정으로 애널리틱스 사이트에 접속하여 사이트 등록을 합니다. 사이트를 등록하면 발급 ID와 스크립트 코드를 생성해 주는데 보통은 생성된 스크립트 코드를 스킨에 삽입하지만 티스토리의 경우 플러그인을 이용하여 간편하게 적용하므로 스크립트 코드는 필요가 없고 새로 발급된 ID만으로 적용할 수 있습니다. 발급 ID를 복사하여 티스토리 블로그 관리 메뉴로 이동합니다. 티스토리 메뉴 중에 아래쪽에 플러그인 메뉴를 선택.. 2018. 3. 11.
티스토리 #1, #2 블로그 스킨 글 목록 개수 변경하기 티스토리 블로그 글 목록 개수 변경하기 티스토리 인덱스 치환자를 사용하는 스킨 중에서 글 목록에 출력되는 글의 개수를 조정하는 방법입니다. 티스토리에서 기본 제공하는 블로그 스킨 #1, #2에 적용되어 있는 홈 화면 및 글목록에서 나열될 글 수를 개인의 설정에 맞게 변경해 줄 수 있는데요. 위 사진처럼 여러 개의 글이 목록으로 나열되지 않고 1개의 글만을 보여주는 경우 글 개수를 사용자가 조절하여야 합니다. 티스토리 관리 메뉴에서 스킨 편집을 선택하여 변경해 줄 수 있습니다. 본격적인 스킨 편집에 앞서 기본 설정을 변경하여 홈 화면 글 수와 글 목록 글 수를 변경해주면 됩니다. '홈 화면 글 수'는 블로그 주소로 접속하였을 때 화면에 표시할 글 목록 수가 되겠고 '글 목록 글 수'는 카테고리나 태그, 검.. 2018. 3. 10.
네이버 검색노출 확인하기 [닥포넷] 네이버 검색 노출 확인하기 블로그에 작성한 글이 네이버에서 검색 결과로 노출이 되고 있는지 알려주는 커뮤니티 사이트가 있습니다. 정성 들여 작성한 글 네이버 사이드에 검색등록이 되어 검색 결과로 작성한 글이 노출이 되어야 블로그에 유입이 발생하게 되는데 국내 블로그 유입에 네이버는 많은 영향을 미치게 됩니다. 파란색 박스의 주소창에 블로그 주소를 입력해 주면 노출 여부를 확인 가능합니다. 네이버에 블로그 검색등록을 해놓으면 글이 발행될 때마다 자동으로 등록이 되어 검색 노출이 되지만 간혹 문제가 없음에도 누락이 되어 검색 결과에 포함되지 않는 경우 닥포넷에서 확인 후 웹마스터 도구로 수동 요청을 해야 합니다. 웨어 이즈 포스트와 마찬가지로 티스토리 최대 RSS 공개 수와 같은 최신 발행 글 50까지만 확.. 2018. 3. 6.
윈도우10 마이크로소프트 엣지 '항상 모든 탭 닫기' 복구하는 방법 엣지 브라우저 항상 모든 탭 닫기 되돌리는 방법 엣지 브라우저를 사용도 중 모든 탭 닫기 팝업창이 나오지 않는 것을 기본 설정 되로 나오게 복구할 수 있습니다. 윈도우10에는 마이크로소프트 엣지라는 진보된 인터넷 브라우저를 기본 포함하고 있는데 사용 중이던 2개 이상의 열린 탭이 있는 상태에서 브라우저 종료를 하게 되면 모든 탭을 함께 닫을 것인지 묻는 팝업창이 나오게 되는데요. 팝업 메시지 창에서 '항상 모든 탭 닫기'에 체크를 하게 되면 다음 종료 시에는 여러 개의 탭이 열러 있더라 하더라도 묻지 않고 종료하게 됩니다. 모든 탭 닫기 창을 되돌리기 위해서는 익스플로러와 달리 설정에서 지원하지 않고 레지스트리 편집을 해야만 복구가 가능합니다. 'WIN + R' 조합 키를 이용하여 실행 창을 연 뒤 'r.. 2018. 3. 1.
구글 검색 기록 삭제하기 구글 검색기록 삭제하는 방법 한 컴퓨터를 여러 사람이 공동으로 사용하지 않더라도 혹여 다른 사람이 나의 활동 기록을 보게 된다면 여간 난처한 일이 아닐 수가 없지요. 웹 브라우저로 구글에 접속하여 검색한 검색 기록을 모두 저장하여 남기는데 이 활동 기록을 삭제하는 방법입니다. 구글 메인에 접속하여 우측 하단에 있는 설정을 눌러 메뉴창이 뜨면 '기록'을 선택하여 줍니다. 구글의 내활동 설정이 나오면 '다음 날짜를 기준으로 활동 삭제'를 선택하여 줍니다. 삭제창이 나오면 기간을 선택하여 주고 '삭제'를 선택합니다. 팝업 창이 나오면 확인 버튼을 눌러주면 삭제가 됩니다. 특별히 기간을 설정하지 않고 모든 기간을 삭제하고 싶다면 오늘로 되어있는 메뉴를 선택하여 '전체 기간'으로 변경하여 주면 전체 내용을 삭제하.. 2018. 2. 24.

티스토리툴바