구글 애드센스 첫 수익


드디어 받게된 우편. 주소도 잘못 적고, 인증 안해서 광고도 한동안 막히고 이래 저래해서 블로그 시작한지 약 1년 반만에 첫 수익이다. 참으로 오래 기다리고 기다렸다.

딱히 파워블로그가 되겠다는 마음이 아니라 공부하다가 문제점, 팁, 주위 지인분들께서 궁금해하시던 것들 포스팅해왔다.

...


3월 13일

신한은행에서 수수로 9000원

15~20일 걸리고, 25불 수수료 

Tistory 파비콘 넣기

먼저 파비콘으로 사용할 아이콘파일이 있어야 합니다.


플러그인을 통해 넣기

1. 티스토리 관리창에서 '플러그인 - 플러그인 설정'에서 꾸미기탭에 '블로그 아이콘 표시'를 활성화 한다.


2. '환경설정 - 기본 정보'에서 아이콘을 넣어준다.


HTML을 통해 넣기

1. 아이콘을 업로드하고 주소를 복사한다.


2. skin.html에서 아래 사진에 블록된 곳에 넣어준다. 


문제점

티스토리 블로그안의 링크에 마우스를 올릴 때 생기는 밑줄을 지우는 방법.


해결방안


style.css 파일에서 a:hover 을 찾아서 text-decoration의 값을 none으로 바꾸어 준다.



문제점

블로그에 웹 폰트를 이용하여 나눔고딕 적용하기


해결방안

style.css파일에 원하는 폰트의 주소를 import로 삽입

구글 폰트 주소 확인하기


원하는 코드의 클래스에 font-family 추가


워드프레스 한번에 변경 방법

플러그인에서 wp google fonts를 추가하도록 한다. 반드시 설치하고 활성화 하도록 한다.(안하면 설정에 안보임)


설정 - Google Fonts 에서 아무거나 선택한 뒤에 아래처럼 선택하고 입력한다.

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;
body, h1, h2, h3, h4, h5, h6, li, p { font-family:"Nanum Gothic" !important ; }


참고

자꾸 잊어버리는 문제점

xml 코드를 입력했는데 줄바꿈이 안될때 코드안에 <, >를 바꿔준다,

< = &lt;

> = &gt;


변환해주어야 작성한대로 출력된다.

설치방법은 홈페이지에 간단하게 나와있어 쉽게 따라할수 있다. 하지만 홈페이지는 모두 영어로 되어있다. 

영어에 자신없는 분들에게 도움이 되고자 설치와 적용방법에 대해서 포스팅 하겠다.(나도 겨우 적용하였다....)

 SyntaxHighlighter 설치방법(홈페이지)



 SyntaxHighlighter 설치 방법 


● 먼저 SyntaxHighlighter 홈페이지에서 최신버전을 다운받는다.


다운로드 링크


● 압축을 풀고나서 사용할 파일은 script폴더에 자신이 사용할 언어의 js파일과 

style폴더 shCore.css적용할 스타일 파일 'HTML/CSS 편집'에 '파일업로드'에 올려준다

 


● 위 사진과 같이 선택한 파일을 아래 사진과 같이 업로드 한다.

 



● 마지막으로 HTML 코드를 추가해주어야 하는데 아래 사진과 같이 head 안에 js파일과 css파일을 포함시켜주고, 

</body> 위에 자바스크립트 코드를 넣어준다.

 

body 추가.txt


head 추가.txt



 





 SyntaxHighlighter 사용 방법 


HTML모드에서 <pre class="brush:사용할 언어"> 내용 </pre> 처럼 작성하면 된다.

/*
 * SyntaxHighlighter
 * 이와 같이 작성할 수 있다.
 */
function foo()
{
    if (counter <= 10)
        return;
    // it works!
}

● 각 언어별 "bursh:" 다음으로 사용할 이름을 마지막으로 마치겠다.

사진참조


+ Recent posts