이번에는 글자와 사진에 링크를 거는 법을 알아볼게요~

먼저 링크를 걸기를 원하는 주소를 복사해주세요.

그리고 글쓰기로 들어갑시다.

먼저 글자에 링크를 걸려면

이렇게 글자를 쓴 후에 빨간색 네모 부분의 ‘URL‘을 클릭해주세요.

그러면 저런 것이 뜨는데

빨간색 네모 안에 아까 복사해뒀던 주소를 붙여넣어줍시다.

그리고 주소 입력란 아래에 ‘새 창’, ‘현재창’ 이건 링크를 클릭했을 때

새로운 창에서 그 링크 주소가 열리게 할 것인지

아니면 지금 보고 있는 창에서 그 링크로 이동이 되게 할 것인지를 설정하는 것입니다.

맘에 드는 것에 체크를 하시고 확인을 눌러주시면 되요.

그러면 글자 아래에 점선 밑줄이 생겼죠?

링크가 성공적으로 등록된 겁니다.

이젠 글자 말고 사진에 링크를 거는 법을 알아봅시다.

일단 사진에 링크를 걸려면 사진을 업로드해야겠죠?

위 사진의 빨간색 네모 부분에 ‘사진’을 클릭하셔서 사진을 올려줍시다.

자 저는 파란색 사각형 모양의 사진을 올렸습니다.

이제 사진을 클릭한 뒤에 똑같이 'URL‘을 눌러줍시다.

마찬가지로 빨간색 네모 부분에 아까 복사했던 URL을 붙여넣기 ㄱㄱ

그리고 확인을 눌러주면

그림 주위에 테두리가 생긴 것이 보이시나요??

이렇게 그림 주위에 테두리가 생겼으면 그림에 링크가 잘 연결된 겁니다~

그러면 링크를 삭제할 땐 어떻게 하느냐??

링크를 삭제하는 법은 그냥 글자나 그림을 지워버리면 되요.

그런데 글자나 그림을 지우지 않고

링크만 삭제하려면 어떻게 해야하는지 알아보겠습니다.

먼저 글자에 걸었던 링크를 삭제해 보겠습니다.

이렇게 링크가 걸려있는 글자 사이 아무데나 커서를 놓은 후에 'URL'을 클릭해주세요.

그러면 이러한 창이 뜨는데 빨간색 네모 부분의 ‘링크제거’를 클릭해줍시다.

그러면 글자에 있었던 점선 밑줄이 사라진 것을 볼 수 있습니다.

이제 그림에 걸린 링크도 없애봅시다.

방법은 똑같아요.

링크가 걸린 그림을 클릭한 후에 ‘URL’을 클릭해줍시다.

그러면 이러한 창이 뜨는데 역시나 빨간색 네모 부분의 ‘링크제거’를 클릭합시다.

그러면 더 이상 그림 주위에 테두리가 없는 것을 볼 수 있습니다.

링크가 잘 삭제 되었네요~

블로그 하면 네이버 블로그, 다음 블로그, 티스토리 블로그

이렇게 있는데요.

티스토리 블로그를 할 경우 네이버에서 검색이 되게 등록을 하는 방법을 알아보겠습니다.

정말 간단해요~

겁먹지마시고 따라오세요~

먼저 네이버 메인 화면 맨 아래쪽에

빨간색 네모 부분처럼 ‘네이버 고객센터’라는 것이 있습니다.

이것을 클릭클릭~

그러면 이런 화면이 나오는데 블로그를 Click~

그리고 나서 왼쪽편에 빨간색 네모 보이시죠?

빨간색 네모 부분의 ‘블로그 검색’을 눌러주세요~

그러면 이런 화면이 나오는데 중간에 있는 ‘블로그 검색 반영 요청’을 클릭해주세요.

그러면 이런 화면이 떠요.

역시나 빨간색 네모 부분에 있는 ‘네이버 블로그/외부 블로그/네이버 카페’를 눌러줍시다.

그 다음엔 ‘외부 블로그’를 클릭해주시구요.

RSS 피드 등록은 하지 않은 걸로 눌러주세요.

그리고 빨간색 네모 친 곳에만 입력을 해 주시면 됩니다.

맨 위쪽은 이메일은 적어야 하는데 이것은 결과를 연락받을 이메일이예요.

그리고 두 번째 네모에는 자신의 티스토리 블로그 주소를 적어주시면 되는데

여기서 약간 주의해야할 것이 있어요.

티스토리 블로그 주소 끝에 /RSS를 붙여주셔야해요.

예를들어서 자신의 티스토리 블로그 주소가

http://abcdefg.tistory.com 이라면

저기에 적을 때는 http://abcdefg.tistory.com/RSS 이런 식으로 RSS를 붙여주셔야 해요.

그리고 동의에도 체크해 주신 후에 작성 완료를 누르면

몇시간~몇일 정도 시간이 지난 후에 결과가 나옵니다.

그런데 이게 무조건 되는 게 아니라

블로그에 글이 없거나 하면 안될 수도 있어요.

블로그에 어느 정도의 글이 있어야 승인이 되는 것 같아요. 

이번엔 아이콘과 파비콘에 대해 알아보겠습니다.

먼저 아이콘에 대해 알아볼게요.

아이콘은 블로그에 댓글을 달거나 방명록에글을 남겼을 때 아이디 옆에 작은 그림이 표시됩니다.

이 그림을 바로 아이콘이라고 하는 거죠.

▲ 그리고 위 사진에서 빨간색 네모 안에 있는 그림과 같이

주소창 옆이나 즐겨찾기에 추가했을 때 나타나는 그림을 파비콘이라고 합니다.

그럼 본격적으로 아이콘과 파비콘을 설정하는 방법을 알아봅시다.

일단 아이콘과 파비콘을 설정하려면 이미지가 있어야하겠죠?

이미지는 직접 만드는 방법과 다운로드를 받는 두 가지 방법이 있습니다.

아이콘 / 파비콘 다운로드 : https://www.iconfinder.com/

저는 위 사이트에서 아이콘, 파비콘 이미지를 다운 받았어요.

이 사이트에서 양질의 이미지를 다운 받을 수 있기 때문에

저는 직접 만들지 않고 다운받았습니다.

▲ 위 사이트에 들어가시면 이런 화면이 뜨는데

검색창에 이름을 쳐주시면 그와 관련된 이미지들이 뜬답니다.

그 중에서 맘에 드시는 것을 다운받아주세요.

(유료 이미지와 무료 이미지가 있습니다. 저는 무료를 받았어요.)

▲ 저는 nation 이라고 검색어를 쳤더니 이런 것들이 나오네요.

맨 오른쪽에 있는 키보드 자판 같은 이미지를 다운로드 해 보겠습니다.

▲ 그러면 이런 화면이 뜨는데

우리는 아이콘과 파비콘을 설정해야하므로 두 종류의 이미지를 다운받아야 합니다.

위 사진에서 빨간색 네모 부분 안에 있는 것을 클릭해서 다운받아주시면 돼요

▲ 이렇게 폴더 하나를 만들어서 다운받았습니다.

▲ 그리고나서 티스토리 관리자 페이지에 들어가서

위 사진의 빨간색 네모 부분에 있는 기본 정보를 클릭하면

▲ 요런 화면이 뜨겠죠.

여기서 빨간색 네모 부분에 있는 찾아보기 버튼을 눌러서 아까 다운받은 이미지를 설정해주시면 됩니다.

여기서 파란색 네모 부분을 보시면

아이콘의 확장자는 jpg, gif, png 이고

파비콘의 확장자는 ico 입니다.

▲ 그러면 위 사진의 빨간색 네모 부분처럼 적용이 되었죠.

이제 저장을 눌러주세요.

그리고 잘 되었는지 확인해봅시다.

▲ 보시면 위의 사진의 빨간색 네모 부분처럼 설정한 아이콘이 나타났죠.

아이콘은 제대로 설정 된 것입니다.

그러면 파비콘이 제대로 설정 되었는지 확인해봅시다.

▲ 그런데 문제가 생겼습니다.

위 사진의 빨간색 네모 부분을 보면 아시겠지만

분명히 파비콘을 설정했으나 실제 나오는 것은 티스토리 기본 파비콘이네요.

이때의 해결법을 알려드리겠습니다.

이런 경우처럼 파비콘을 설정했는데도 불구하고 파비콘이 실제 적용되지 않는 경우!

▲ 'HTML/CSS 편집‘에 들어가셔서

▲ 파란색 네모 부분의 ‘파일업로드’를 클릭해주시고

빨간색 네모 부분에 있는 ‘추가’ 버튼을 눌러주세요.

▲ 그리고 나서 파비콘 이미지를 찾아주시면 됩니다.

그런데 처음 부분에서 말씀드린 바와 같이 파비콘의 확장자는 ico입니다.

그래서 처음에 두 가지 이미지를 다운받았었는데

그 중 확장자가 ico인 것을 설정해주시면 됩니다.

확장자가 ico인 것을 선택하고 ‘열기’버튼을 누르면

▲ 빨간색 네모 부분처럼 하나가 추가되고

추가된 것을 클릭해 보니

위 사진에서 파란색 네모 부분을 보시면 파비콘 모양이 제대로 떳죠.

▲ 그리고 빨간색 네모 부분에 마우스 커서를 놓고

마우스 오른쪽 버튼을 클릭해서‘속성’을 눌러주시면

파란색 네모부분처럼 속성 창이 뜹니다.

그리고 속성 창에서 초록색 네모 부분의 주소를 처음부터 끝까지 복사해줍시다.

▲ 주소를 복사하셨으면

위 사진의 빨간색 네모 부분에 있는 ‘HTML/CSS 편집’을 클릭클릭~

그리고 Ctrl+F로 favicon 을 찾아줍시다.

그러면 딱 하나가 나오죠.

<!--파비콘 start-->

<link href='복사한 파비콘 주소' rel='shortcut icon' type='image/ico'/>

<!--파비콘 end-->

▲ 그리고 위의 코드에서

밑줄 친 부분의 글자를 지우시고

아까 복사한 파비콘 주소를 붙여 넣어줍시다.

<!--파비콘 start-->

<link href='http://cfs.tistory.com/custom/blog/170/1708908/skin/images/1413015764_88143.ico?=570554666' rel='shortcut icon' type='image/ico'/>

<!--파비콘 end-->

그러면 저는 이렇게 되겠네요.

그리고 이것을 다 복사해서 아까 찾은 favicon 바로 위에 붙여주세요.

▲ 위 사진의 빨간색 네모 부분처럼 붙였습니다.

그리고 저장을 눌러주시면 완료가 됩니다.

한번 잘 적용이 되었나 확인해봅시다.

▲ 보시면 위 사진의 빨간색 네모 부분처럼 잘 적용이 된 것을 볼 수 있습니다.

이번에는 티스토리 본문 중간에 애드센스 광고를 넣는 방법을 알아보겠습니다.

본문 상단이나 하단, 또는 메뉴바에 광고를 삽입하는 방법은

이전에 알아봤던 것과 같이

그냥 HTML/CSS 편집에 들어가서 광고코드를 적절한 곳에 넣어주면 됬었죠.

그런데 본문 중간에 광고를 삽입할 때에는 조금 방법이 다릅니다.

그 방법을 한번 알아보죠.

일단 광고를 넣어야 하지 애드센스 홈페이지에서 광고 코드를 받읍시다.

그 다음 티스토리 블로그 관리자 페이지에 들어가서 ‘HTML/CSS 편집‘을 클릭합시다.

그 다음 위 사진에서 보이는 바와 같이 Ctrl+F를 눌러서 </body>를 찾읍시다.

그러면 딱 1개 일치하는 것이 나옵니다.

<div id="xyz">

광고코드 삽입 위치

</div>

<script>

document.getElementById('abc').appendChild(document.getElementById('xyz'));

</script>

그리고 나서 위에 보이는 이 코드를 복사해서 </body> 위에 붙여넣기 해줍시다.

이때 위 코드에서 빨간색 글씨로 광고코드 삽입 위치 라고 써져있는 곳이 보이시죠?

이 빨간 글자를 지우고 대신 그곳에 애드센스 홈페이지에서 받은 광고 코드를 붙여넣기 해줍시다.

삽입한 결과입니다.

그리고 저장을 눌러주세요.

그런데 제가 처음에 본문 중간에 광고를 삽입하는 방법은

본문 상단이나 하단, 메뉴바에 삽입하는 방법과 약간 다르다고 했지요?

그 이유가 여기서 나옵니다.

보통 ‘HTML/CSS 편집’에 들어가서 광고코드를 삽입한 후

블로그에 글을 쓰면 자동으로 광고가 나오게 되는데요.

본문 중간에 광고를 넣을 때에는 ‘HTML/CSS 편집’에서 방금 했던 것처럼 광고코드를 넣어주고

한 가지 작업을 더 해야합니다.

만약 블로그에 글을 쓰려면 이렇게 글을 쓰겠죠?

여기서 위 사진의 빨간색 네모 부분에 있는 HTML에 체크 표시를 해줍시다.

그러면 이런 화면이 나올텐데요.

광고를 삽입하고 싶은 곳에 아래의 코드를 삽입해줍시다.

<div id="abc"></div>

전 위 사진의 빨간 네모와 같이 두 번째 줄 아래에 삽입했습니다.

저장을 눌러줍시다.

그리고 이제 블로그로 가서 제대로 됐는지 확인해봅시다.

그러면 위 사진의 파란색 네모 부분처럼

제가 삽입한 대로 두 번째 줄 아래에 광고가 삽입된 것이 보이시죠?

성공입니다.

그런데 여기서 몇 가지 의문점이 생깁니다.

Q1. 그러면 글을 쓸 때 마다 <div id="abc"></div> 이 코드를 삽입해야하는가?

A : 네. 그렇습니다. 본문 중간에 광고를 삽입할 때에는 ‘HTML/CSS 편집‘에 들어가셔서 </body> 위에 광고 코드를 삽입한 후 글에 <div id="abc"></div> 이 코드를 삽입해주셔야 본문 중간에 광고가 나타나게 됩니다.

Q2. 광고를 수정하고 싶다. 어떻게 해야 하는가?

A : ‘HTML/CSS 편집‘에서 </body> 위에 광고코드를 다른 코드 안에 넣어서 넣었었죠. 광고를 수정하시고 싶다면 ‘HTML/CSS 편집‘에 들어가셔서 </body> 위에 삽입한 코드 중 광고코드만 바꿔주시면 <div id="abc"></div> 이 코드를 삽입한 모든 글의 광고가 바뀌게 됩니다.

Q3. 광고를 없애고 싶다. 어떻게 해야 하는가?

A : 만약 모든 글이 아닌 일부의 글에 있는 광고만 빼고 싶으시다면 그 글을 편집하러 가셔서 HTML에 체크를 하신 후 <div id="abc"></div> 이 코드를 지워주시면 됩니다. 그러면 그 글에는 본문 중간에 광고가 나오지 않게 됩니다.

그리고 만약 모든 글에 있는 본문 중간 광고를 없애고 싶으시다면 모든 글에 들어가셔서 <div id="abc"></div> 이 코드를 지워주셔도 되지만 많이 번거롭죠? 따라서 ‘HTML/CSS 편집‘에 들어가셔서 </body> 위에 삽입해주셨던 코드를 지워주시면 모든 글에 들어가서 <div id="abc"></div> 이 코드를 지워주시지 않아도 본문 중간 광고가 삭제됩니다.

이번엔 애드센스 광고를 상단 중앙에 한 개만 배치하는 방법과 광고에 테두리를 넣는 방법까지 알아봅시다.

저는 다음과 같이 336*280 사이즈의 광고를 하려고 합니다.

그래서 애드센스 홈페이지에서광고 이름과 사이즈를 선택한 후에

아래쪽의 파란색으로 된 저장 및 코드 생성 버튼을 눌러주시면

이와같은 화면이 뜨죠?

이전 포스팅에서 알아봤듯이 광고 코드를 다 복사해줍시다.

그리고 관리자 페이지로 들어오셔서 위 사진의 빨간색 네모 부분에 있는 HTML/CSS 편집을 눌러줍시다.

그러면 이러한 화면이 뜨게되구요.

Ctrl+F를 눌러서 article_rep_desc를 찾아줍시다.

일단 본문 상단에 광고를 배치할 것이므로 article_rep_desc 위에 광고 코드를 붙여야 하는데요.

그냥 광고 코드를 붙이게 되면 본문 상단 중앙이아니라 본문 상단 왼쪽에만 광고가 나오게 됩니다.

저희의 목적은 본문 상단 중앙에 광고를 배치하는 것이죠.

그렇게 하려면 article_rep_desc 위쪽에다가 아래의 코드를 삽입해주셔야합니다.

<div align="center">

애드센스 광고코드 삽입 위치

</div>

물론 이 코드를 그냥 넣으시는게 아니라 애드센스 광고코드 삽입 위치<<라고 쓰여진 곳에

아까 애드센스 홈페이지에서 받았던 광고 코드를 붙여넣어주시면되요.

그러면 위 그림처럼 될텐데요.

이제 이 코드 전체를 복사해서

이 사진의 빨간색 네모 부분처럼 article_rep_desc 위에 붙여주시면 됩니다.

그리고 적용을 눌러주시면

이렇게 본문 상단 중앙에 광고 한 개가 붙어있는 것을 볼 수 있습니다!

본문 상단 중앙에 광고 한 개를 배치하는 방법을 알아봤습니다.

그렇다면 이 삽입한 광고에 테두리를 넣으려면 어떻게 해야하는지 알아보겠습니다.

기본적인 과정은 똑같습니다.

이렇게 티스토리 블로그 관리자 페이지에 들어가셔서

HTML/CSS 편집을 눌러줍시다.

그리고 Ctrl+F를 눌러서 article_rep_desc를 찾아주세요.

그러면 일단 본문 상단에 삽입할 것이니까 article_rep_desc 위에 뭔가를 삽입해야 하겠죠?

그런데 테두리를 넣을 것이므로 아까 삽입했던 코드와는 조금 다른 코드가 필요할 것입니다.

그 코드는 아래와 같습니다.

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=1 cellPadding=1 width=100% bgColor=#ffffff>

<TBODY>

<TR>

<TD style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid" width="100%">

<br>

<center>

애드센스 광고코드 삽입 위치

</center>

<br>

</TD></TR></TBODY></TABLE>

다음과 같은 코드에 있는 ‘애드센스 광고코드 삽입 위치‘라는 글자를 지우시고 대신에 애드센스 홈페이지에서 받은

광고 코드를 삽입해주시면 됩니다.

그래서 요렇게 됐습니다.

이제 이것을 아래 그림처럼 article_rep_desc 위에 붙여줍시다.

이렇게 빨간 네모처럼 붙여주시면 됩니다.

그러면 위 사진처럼 광고 주위에 테두리가 생긴 것을 알 수 있습니다.

이것을 약간 응용해보자면 테두리 안에 두 개의 광고를 붙이는 겁니다.

그럴려면

아까 썼던 광고 테두리 있는 광고 코드에서

‘애드센스 광고코드 삽입 위치’라는 글자를 지우시고 대신에 광고 코드를 삽입하시면 되는데요.

위 사진처럼 두 개의 광고 코드를 ‘애드센스 광고코드 삽입 위치’라는 글자가 있던 곳에 삽입해주시면 됩니다.

저는 사이즈를 300*250짜리 두 개를 삽입하였습니다.

그리고 이것을 모두 복사해서

위 사진처럼 article_rep_desc 위에 붙여넣기 해주시면 됩니다.

그러면 이 사진처럼 테두리 안에 두 개의 광고가 나란히 있는 것을 볼 수 있죠~

오늘은 한번 티스토리 블로그에서 본문 상단에 광고를 넣는 방법을 알아볼텐데요.

저번에는 이런 식으로 가로로 긴 광고를 본문 상단에 삽입하는 법을 알아봤었죠.

(본문 상단에 가로로 긴 광고 넣는 법은 이전의 포스팅을 참조하시기 바랍니다.)

(메뉴바에 애드센스 광고 넣는 법!)

그런데 이번에는 위 사진처럼 본문 상단에 광고 두 개를 나란히 넣는 방법에 대해 알아보겠습니다.

일단 애드센스 홈페이지에서 광고 코드를 받읍시다.

저는 이렇게 300*250 사이즈의 광고 두 개를 받았습니다.

그리고 이렇게 두 개의 광고 코드를 각각 복사해줍시다.

우선 관리 화면을 들어가야겠지요?

티스토리 관리자 창에 들어가서 HTML/CSS 편집(위 사진의 빨간색 네모 부분)을 클릭해줍시다.

그러면 이러한 화면이 나오겠죠?

그리고 나서 Ctrl+F를 눌러서 article_rep_desc를 찾아줍시다.

그러면 위 사진처럼 딱 한 개가 찾아져요.

저희는 본문 상단에 두 개의 광고를 붙여야 합니다.

그러면 일단 본문 상단에 광고를 넣어야 하니깐

article_rep_desc 위에 맨 처음에 복사 했었던 광고 코드를 붙여주시면 되요.

그런데 한 개가 아니라 두 개의 광고를 본문 상단에 나란히 붙여줘야 하니깐

article_rep_desc 윗부분에 위의 사진처럼 두 개의 광고 코드를 다 붙여주시면 됩니다.

그래서 위 사진에서 빨간색 네모에 광고코드 한 개를 붙여넣구요.

파란색 네모에 나머지 광고코드를 붙여넣었습니다.

그래서 위쪽에 붙인 광고코드(빨간색 네모 부분)가 본문 상단 왼쪽에 나오고요.

아래쪽에 붙인 광고코드(파란색 네모 부분)는 본문 상단 오른쪽에 나옵니다.

그러면 이렇게 본문 상단에 나란히 두 개의 광고가 나오게 되요~

티스토리 블로그 메뉴바에 애드센스 광고를 넣는 방법을 알아보겠습니다.

애드센스 홈페이지에서 빨간 네모 안의 ‘내 광고’버튼을 눌러주신 후에 파란 네모 안의 ‘새 광고 단위’를 클릭해주세요~

전 이름과 크기를 이렇게 설정했습니다.

몇 개 해보니까 160*600사이즈가 좋은 것 같더라구요.

이렇게 이름이랑 크기를 다 설정하셨으면 아래쪽에 ‘저장 및 코드 생성‘이라고 써져있는 파란 버튼을 눌릅시다.

그러면 이런 창이 뜨고 빨간색 네모 안의 광고 코드를 복사해줍시다!

처음부터 끝까지 모두~

그리고 티스토리 관리자 페이지로 와서 빨간색 네모의 사이드바 버튼을 눌러주시고

파란색 네모 부분의 HTML 배너출력에 있는 + 버튼을 눌러주세요.

그리고 초록색 네모 안에 ‘HTML 배너출력‘이 생기는데 초록색 네모 안에 있는 편집을 눌러주시면

이런 창이 뜹니다.

이름 부분에 맘에드는 이름을 써주시구요.

그 아래 빨간색 네모 부분에는 아까 애드센스 홈페이지에서 복사했었던 광고 코드를 붙여넣기 해주시면 됩니다.

그리고 확인을 Click!

그러면 초록색 네모 안에 있는 글씩 아까는 HTML 배너출력 이었는데 제가 이름을 ‘메뉴바 광고 160*600’이라고 설정했더니 제가 설정한 이름대로 나왔네요.

여러분들도 방금 광고 코드를 복사하면서 맘에드는 이름을 써주셨잖아요?

그 이름대로 바뀌어있을 겁니다.

그리고 미리보기나 저장을 클릭해서 광고가 잘 나오는지 확인해주시면 됩니다.

확인해 보니 잘 나오네요 ^^

이번에는 본문 하단에 광고를 삽입하는 법을 알아보겠습니다.

애드센스 홈페이지에 들어가셔서 빨간색 네모 안의 ‘내 광고’를 눌러주신 후

파란색 네모 안에서 광고의 이름과 크기를 설정해 주시고

맨아래쪽에 초록색 네모 안에 ‘저장 및 코드 생성’이라는 버튼을 눌러주시면

그러면 이런 화면이 나오는데 빨간색 네모 부분을 모두 복사해주시면 됩니다.

그리고 티스토리 블로그의 관리자 페이지로 와서

왼쪽 빨간 네모 부분에 있는 'HTML/CSS 편집‘을 눌러주시면 오른쪽의 파란색 네모와 같은 화면이 나옵니다.

그리고 Ctrl+F를 눌러서 article_rep_desc를 찾아주세요.

그러면 위 사진에 노란색으로 색칠되어있는 부분처럼 딱 하나가 찾아지게 됩니다.

본문 하단에 광고를 삽입할 것이므로 article_rep_desc 아래에 빨간색 네모처럼 아까 복사했던 것을 붙여넣기 해주시면 됩니다.

그리고 확인 또는 저장 버튼을 눌러서 광고가 잘 나오는지 확인해주시면 됩니다.

애드센스 빈 광고를 단 후에 드디어 승인이 됐습니다!

오늘 아침정도에 광고를 달았었는데 저녁에 보니 승인이 되어있네요.

다른 분들은 3~4일이 걸리신 분들도 계시다던데 전 굉장히 빠른 편 같습니다.

근데 2차 심사에 통과해서 승인이 나면 이메일을 준다고 했는데 역시나 못받았네요. ㅠㅠ

이메일을 잘못 적은 것은 아닌데 왜그런지 모르겠습니다.

다른 분들도 이메일만 기다리지마시고 직접 자신의 블로그와 애드센스 홈페이지에 들어가셔서 어떻게 진행되고 있는지 계속 확신해보시는게 좋을 것 같습니다.

저번 포스팅에서 본문 상단과 하단에 애드센스 광고를 삽입하는 법을 알아봤습니다.

이번엔 승인 후에 광고코드는 어떻게 받는지, 광고의 크기는 어떻게 설정할 수 있는지를 알아보겠습니다.

승인 전 화면

승인 후 화면

위 두 사진을 보시면 승인 전과 승인 후의 애드센스 홈페이지 모습입니다.

확실히 다르죠?

2차 심사 승인 전에는 빨간색 네모의 파란 버튼이 있었지만 승인 후에는 그 버튼이 없어졌음을 알 수 있습니다.

자 승인 전에는 저 파란 버튼을 눌러서 광고 코드를 받고 광고를 블로그에 게재했었죠.

이번에는 2차 승인 후의 광고 게재법을 알아보겠습니다.

2차 승인 후의 화면에서 빨간색 네모 안의 ‘내 광고‘를 클릭합시다.

그러면 위와 같은 화면이 나올텐데요.

‘새 광고 단위’ (빨간색 네모 부분)를 클릭합시다.

그러면 위와같은 화면이 나올겁니다.

저는 화면 상단과 하단에 광고를 삽입하는 법을 다시 알려드리기 위해서 2차 심사 때 올렸던 광고는 지우고 다시 올리겠습니다.

위 사진의 빨간 네모 부분에서 광고 이름을 아무렇게나 지정해주시면 됩니다.

저는 ‘본문 상단’ 이라고 하겠습니다.

그리고 파란색 네모 부분에서 맘에드는 광고 크기를 선택해 주시면 됩니다.

저는 이렇게 선택했습니다.

이름은 본문 상단, 크기는 728*90

그리고 아래쪽의 파란색 버튼 ‘저장 및 코드 생성을 클릭합시다.

그러면 이런 화면이 나오고 저기 빨간색 네모 부분에 있는 것들이 광고 코드가 됩니다.

빨간색 네모 안에 있는 것들을 모두 드래그해서 복사해 주세요.

그리고 자신의 티스토리 블로그로 와서 관리자 페이지에 들어갑시다.

그리고 나서 위 사진의 빨간색 네모 부분 'HTML/CSS 편집‘<< 이 부분을 클릭하면

파란색 네모와 같은 화면이 나올겁니다.

그리고 여기서 Ctrl + F를 눌러서 article_rep_desc를 찾아줍시다.

그러면 위 사진에서 노란색으로 색칠되어있는 부분처럼 찾아지게 됩니다.

article_rep_desc는 단 하나밖에 없기 때문에 헥갈릴 일은 없을 겁니다.

자 그럼 이제 아까 구글 애드센스 홈페이지에서 복사해왔던 광고 코드를 여기다가 붙여넣으시면 됩니다.

그럼 어디다 붙여넣을지 알아야겠지요?

그것은 매우 간단합니다.

위 사진의 빨간 네모처럼 article_rep_desc위에 광고 코드를 복사하면 본문 상단에 광고가 나오게 됩니다.

광고코드를 삽입한 후에 저장을 눌러줍시다.

아니면 미리보기를 눌르셔서 광고가 어떻게 나오는지 확인해 볼 수도 있습니다.

미리보기 화면입니다. 본문 상단에 광고가 잘 나온다는걸 알 수 있죠.ㅋㅋ

애드센스 광고는 이렇게 삽입하시면 됩니다.

티스토리 블로그에 애드센스의 광고를 올리는 방법을 알아보겠습니다.

먼저 애드센스에 블로그 정보, 집 주소 등의 정보를 제출하고 심사를 통과했다면

두 번째 단계로 넘어갈수 있다고 지난 글에서 설명했습니다.

이때 이메일로 2단계 심사 과정이 진행되고있다는 내용을 받을 수 있다는데 전 못받았습니다...

애드센스가 까먹었나보네요ㅠㅠ

어느날 애드센스 사이트에 들어가보니 로그인이 되는 것이었습니다.

2단계가 저도모르게 진행되고 있엇던 거죠;;; (이메일이 오기를 기다리고 있었는데..ㅋㅋ)

현재 1단계 심사를 받고계신 분들이라면 한번 애드센스 사이트에 들어가서 제출한 구글 아이디로 로그인해 보세요.

혹시나 될수도...?

저말고도 1단계 승인 이메일이 오지 않으신 분들도 꽤 있으시더라구요.

그니까 이메일만 보지말고 한번 들어가보시길!

자 그럼 이제 중요한 광고를 블로그에 올리는 법을 알아보겠습니다.

1차 승인이 나고 애드센스 홈페이지에 로그인하면 이런 화면이 나타날 겁니다.

그리고 저기 빨간색 네모 안에있는 버튼을 클릭합시다.

그러면 이런 창이 나타날 겁니다.

그리고 위의 사진에서 빨간색 네모 안에 있는 글을 복사해줍시다 처음부터 끝까지 다요!

자 그럼 복사를 했으니 이것을 블로그에 갖다 붙여야겠지요?

이건 제 블로그에서 일부분을 캡쳐한 것인데 저기 빨간색 네모 부분에 광고를 넣으려고 합니다.

제가 쓴 글의 위쪽에 있으니깐 화면 상단에 광고를 게재하는 것이 되겠죠.

먼저 블로그의 관리 페이지에 들어가서 HTML/CSS 편집 (위 사진의 빨간색 네모 부분)을 클릭해서 들어갑시다.

그러면 이런 화면이 나올텐데 CTRL+f를 눌러서 article_rep_desc를 찾아봅시다.

그러면 위 사진처럼 찾아질 것입니다.

article_rep_desc 이것은 딱 하나밖에 없기 때문에 헥갈리지는 않으실 거예요.

그러고 나서 제가 아까 본문 상단에 광고를 올릴거라고 했었죠?

그럴려면 article_rep_desc 위쪽에 빨간 네모 부분처럼 아까 구글에서 받은 코드를 붙여넣기 해주시면 됩니다!

그리고 미리보기버튼이나 저장 버튼을 클릭하면 되죠 ㅋㅋ

그러면 이렇게 본문 상단에 노란색 네모로 광고가 삽입되었습니다.

아직 2차심사가 통과되지 않았기 때문에 정식 광고는 안나오고 빈 부분으로만 나오고 있습니다.

그런데 만약 본문 상단이 아니라 본문 하단에 광고를 삽입하고 싶다면 어떻게 해야할까요?

엄청 간단합니다.

아까처럼 article_rep_desc 이것을 찾아주시고 article_rep_desc 아래에 애드센스 홈페이지에서 복사했던 것을

붙여넣기 해주시면 되요. ㅋㅋ

참 쉽죠잉?

그니까 위 사진에서 빨간 네모처럼 article_rep_desc 위에 애드센스 홈페이지에서 복사했던 광고 코드를 붙여주시면

광고가 본문 상단에 나오게 되구요

파란 네모처럼 article_rep_desc 아래에 복사한 광고코드를 붙여넣기 해주시면

광고가 본문 하단에 나오게 됩니다.

이렇게 말이죠. ㅋㅋ

일단 광고를 블로그에 삽입하는 대체적인 방법은 이것과 같습니다.

그런데 제가 광고 코드를 구글 애드센스 홈페이지에서 얻었을 때는 크기도 선택할 수 있었는데

왜 갑자기 크기선택이 안되고 바로 광고코드가 얻어지는지는 모르겠네요...

아마 아직 승인이 안되서 그런 것 같기도 한데

애드센스 승인이 되면 사이드바에 광고를 붙이는 방법과 광고의 크기 설정 방법, 그리고 본문의 상단 또는 하단에 광고를 붙이는 방법에 대해 다시 한번 설명하겠습니다.