본문 바로가기

IT/Blog Tip

[티스토리] 네이버 서치 어드바이저에 RSS 등록 네이버 웹마스터 도구가 서치 어드바이저(Search Advisor)로 개편되었습니다. 네이버 검색을 위한 최적화를 제공하는 툴입니다. 주소 역시 아래와 같이 변경되었습니다. https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 웹마스터 도구를 기존에 사용하지 않았으면 아래 링크를 통해 가입할 수 있습니다. 2015/10/05 - [IT/Blog Tip] - [티스토리] 네이버 웹마스터 도구 적용하는 방법 [티스토리] 네이버 웹마스터 도구 적용하는 방법 사이트의 수집과 노출 현황을 관리하기 위해 네이버 웹마스터 도구를 적용합니다. 네이버를 통한 검색 유입이 주로 발생하기 때문에.. 더보기
[티스토리] Gist Github(깃허브)로 소스 코드 추가 Github(깃허브)의 Gist를 통해서 티스토리에 소스 코드를 쉽게 공유할 수 있습니다.Gist를 사용했을 때의 장점은 나중에 코드를 변경했을 때 자동적으로 적용이 된다는 점입니다.Gist 주소는 아래와 같습니다.https://gist.github.com/깃허브 계정이 없는 경우 우측 상단의 Sign up for a Github account 버튼을 누르고 계정을 생성합니다.이메일과 비밀번호 등을 입력하면 간단하게 계정 생성이 가능합니다.로그인을 하면 우측 상단에 New gist라는 메뉴가 생깁니다.New gist를 클릭하고 코드에 대한 설명, 파일명과 함께 코드를 작성하면 됩니다.우측 상단 부분에서는 탭과 공백에 대한 설정을 할 수 있습니다.코드 작성을 완료하고 Add file 버튼을 눌러서 코드를 .. 더보기
[티스토리] SyntaxHighlighter의 물음표(Question Mark) 제거 블로그에 스크립트나 소스코드 등을 깔끔하게 보여주기 위해 SyntaxHighlighter를 사용합니다.각 언어에 맞는 하이라이팅 기능으로 가독성이 좋아집니다.SyntaxHighlighter를 설정하는 방법은 아래 링크에서 확인 가능합니다.2016/12/26 - [IT/컴퓨터/Blog Tip] - [티스토리] 깔끔한 코드 적용을 위한 SyntaxHighlighter 적용우측 상단에 물음표(question mark)가 표시됩니다.코드가 길어지면 물음표가 코드를 가리는 경우가 있습니다.티스토리에 적용된 SyntaxHighlighter의 물음표는 다음과 같이 삭제가 가능합니다.SyntaxHighlighter가 적용된 상태에서 작업을 진행합니다.적용된 코드 부분에 아래 내용을 입력하면 됩니다. 간단하게 물음표가 .. 더보기
[티스토리] 깔끔한 코드 적용을 위한 SyntaxHighlighter 적용 티스토리에 글을 작성할 때 소스 코드를 추가하는 경우가 있습니다. 블로그에 다양한 코드나 쉘 명령어를 추가하는 경우 코드 부분을 강조할 수 있습니다.각 언어에 맞는 하이라이팅 기능을 통해 좀 더 직관적인 코드 설명이 가능합니다.SyntaxHighlighter는 이런 기능을 제공해줍니다. 1. SyntaxHighlighter 준비아래 링크에서 먼저 SyntaxHighlighter를 다운로드 받습니다.http://alexgorbatchev.com/SyntaxHighlighter/download/다운로드 받은 압축 파일은 먼저 압축을 해제합니다. 2. SyntaxHighlighter 적용하기티스토리 관리자 페이지에서 HTML/CSS 편집을 선택합니다.우측의 파일업로드를 누르면 기본적으로 존재하는 파일들을 확인.. 더보기
[블로그로 돈벌기] 2015년 구글 애드센스 수익 결산 네이버 애드포스트에 이어서 구글 애드센스의 2015년 수익 역시 공개합니다.방문자 수가 많지 않기 때문에 아무래도 수익이 크지는 않습니다.네이버 애드포스트와 다르게 주로 이미지 기반의 광고라서 좀 더 수익이 나는 편입니다.다양한 지표를 통해서 통계를 확인할 수 있고 매 순간마다 당일의 수익을 바로 확인이 가능합니다. 또한 앱이 지원되기 때문에 앱 설치를 통해서 쉽게 어디서든 확인이 가능합니다.애드센스 앱은 아래 링크를 통해서 다운로드하면 됩니다.https://itunes.apple.com/us/app/google-adsense/id680739529?mt=8https://play.google.com/store/apps/details?id=com.google.android.apps.ads.publisher&.. 더보기
[블로그로 돈벌기] 2015년 네이버 애드포스트 수익 결산 구글에 애드센스가 있다면 네이버에는 애드포스트가 있습니다.네이버 블로그는 다른 광고를 게재할 수 없고 애드포스트만 사용하게 됩니다.네이버 블로그에 애드포스트를 설치해서 사용하고 있습니다.일반적으로 애드포스트는 애드센스보다는 수익이 적은 것으로 알려져 있습니다.직접 해보니 티스토리가 전체적으로 방문자가 적은데도 애드센스가 더 수익이 높습니다.아무래도 블로그 최적화 등을 진행하지 않아서 방문자에 한계가 있는 것 같기도 합니다.그래서 실제 수익도 상당히 미미한 수준입니다. 애드포스트를 블로그에 설치하는 방법은 아래 링크를 참조하시면 됩니다.2015/01/06 - [IT/컴퓨터/Blog Tip] - [블로그로 돈벌기] 네이버 애드포스트 가입 및 설치 방법2015/01/08 - [IT/컴퓨터/Blog Tip] -.. 더보기
[티스토리] 네이버 웹마스터 도구 적용하는 방법 사이트의 수집과 노출 현황을 관리하기 위해 네이버 웹마스터 도구를 적용합니다. 네이버를 통한 검색 유입이 주로 발생하기 때문에 네이버 웹마스터 도구를 활용합니다.아래 링크를 클릭하면 네이버 웹마스터 도구 페이지로 이동합니다.http://webmastertool.naver.com/네이버 웹마스터 도구로 이동하면 먼저 로그인을 합니다.기존의 네이버 아이디로 로그인하면 됩니다.로그인을 하면 다음과 같이 연동할 사이트나 앱을 추가할 수 있습니다.티스토리 블로그를 등록하기 위해서 '웹페이지 형태로 구성된 사이트를 연동합니다.'를 선택합니다.다음과 같이 사이트를 입력할 수 있습니다.먼저 http:// 혹은 https://를 선택하는데 일반적으로는 http://를 선택하면 됩니다.그리고 하단에 실제 블로그의 주소를 .. 더보기
[티스토리] 이미지 테두리 제거/추가하기 티스토리 블로그에 글을 작성할 때 이미지에 테두리가 생기게 됩니다.또한 본문보다 큰 이미지를 추가할 경우 오른쪽의 테두리 부분이 제대로 표시되지 않습니다.이미지 테두리에 padding과 margin값이 설정되어 있기 때문에 본문 영역 밖으로 나가는 것입니다.테두리가 별로 필요 없기 때문에 테두리를 제거하도록 하겠습니다.CSS의 속성을 수정하면 간단하게 이미지 테두리를 제거할 수 있습니다.관리자 페이지로 이동해서 HTML/CSS 편집으로 이동합니다.그리고 CSS를 선택해서 다음과 같이 .imageblock이 보이는 곳을 찾습니다.스킨마다 다른데 다른 스킨에서는 .article img이라는 속성이 존재할 수도 있습니다.속성에 border:1px이라고 된 부분이 있습니다.이 부분을 border:0px로 변경하.. 더보기