이번 포스팅에서는 티스토리 블로그에 광고를 다는 방법을 정리해 보았습니다.
데스크탑의 웹브라우저
티스토리 블로그 본문의 상단, 하단.
티스토리 블로그 본문의 오른쪽 사이드바
모바일 웹브라우저
티스토리 블로그 본문의 상단, 하단
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서 배너출력 클릭! -> 확인 클릭!
확인을 누르고~
'HTML 배너출력'을 드래그한 다음 편집을 누른 뒤
HTML 코드를 넣고 확인을 눌러주면 됩니다.
사이드바게시 끝!
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서
'Google AdSense(데스크탑 웹용)'과 'Google AdSense(모바일용)'를 찾습니다.
우선 'Google AdSense(데스크탑 웹용)'을 클릭하면 아래와 같이 나옵니다.
괄고를 배치하고 싶은 위치를 선택합니다.
그럼 새로운 텍스트에어리어가 생기고
' 728x90(권장) 또는 468x60 크기의 광고 코드만 넣을 수 있습니다.'
이런 희미한 글자가 나타날 것입니다.
이 텍스트 에어리어에 생성한 코드를 집어넣고 확인을 누르면 끝!
※ 참조
광고크기 사이즈는 애드센스->광고단위 -> 새 광고단위 -> 광고 크기에서 설정하실 수 있습니다.
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
그리고 왼쪽 사이드에서 'HTML/CSS'을 찾습니다.
'HTML'과 'CSS'언어를 배우신 분들은 쉽게 보실 수 있겠지만...
블로그를 처음 하시는 분들은 외계어로 보이겠지만 걱정하지마세요.
여기서 'Ctrl+F'를 눌러서 'article_rep_desc'를 검색합니다.
이번 포스팅에서는 티스토리 블로그에 광고를 다는 방법을 정리해 보았습니다.
데스크탑의 웹브라우저
티스토리 블로그 본문의 상단, 하단.
티스토리 블로그 본문의 오른쪽 사이드바
모바일 웹브라우저
티스토리 블로그 본문의 상단, 하단
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서 배너출력 클릭! -> 확인 클릭!
확인을 누르고~
'HTML 배너출력'을 드래그한 다음 편집을 누른 뒤
HTML 코드를 넣고 확인을 눌러주면 됩니다.
사이드바게시 끝!
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
플러그인 -> '플러그인 설정' 에서
'Google AdSense(데스크탑 웹용)'과 'Google AdSense(모바일용)'를 찾습니다.
우선 'Google AdSense(데스크탑 웹용)'을 클릭하면 아래와 같이 나옵니다.
괄고를 배치하고 싶은 위치를 선택합니다.
그럼 새로운 텍스트에어리어가 생기고
' 728x90(권장) 또는 468x60 크기의 광고 코드만 넣을 수 있습니다.'
이런 희미한 글자가 나타날 것입니다.
이 텍스트 에어리어에 생성한 코드를 집어넣고 확인을 누르면 끝!
※ 참조
광고크기 사이즈는 애드센스->광고단위 -> 새 광고단위 -> 광고 크기에서 설정하실 수 있습니다.
|
|
|
우측 상단의 메뉴에서 관리를 클릭!
그리고 왼쪽 사이드에서 'HTML/CSS'을 찾습니다.
'HTML'과 'CSS'언어를 배우신 분들은 쉽게 보실 수 있겠지만...
블로그를 처음 하시는 분들은 외계어로 보이겠지만 걱정하지마세요.
여기서 'Ctrl+F'를 눌러서 'article_rep_desc'를 검색합니다.
이건 Tistory에서 제공하는 치환자 입니다.
이 치환자의 바로 위에 코드를 집어넣으면 본문 상단에 광고가 게시되고
이 치환자의 바로 아래에 코드를 집어 넣으면 본문 하단에 광고가 게시됩니다.
아래가 예시입니다.
이 치환자의 바로 위에 코드를 집어넣으면 본문 상단에 광고가 게시되고
이 치환자의 바로 아래에 코드를 집어 넣으면 본문 하단에 광고가 게시됩니다.
아래가 예시입니다.
'웹프로그래밍 > 티스토리' 카테고리의 다른 글
| 티스토리 - 단축키 관련 (0) | 2017.02.02 |
|---|---|
| Tistory 치환자 삽입하기 (0) | 2016.05.07 |
| 스킨제작의 기초 (0) | 2016.05.05 |
| Tistory 시작하기 (0) | 2016.05.05 |
| 티스토리 - 긴글쓰기(접기/펼치기) 디자인하기 (0) | 2014.10.08 |