2017년 6월 두번째

티스토리 블로그 초대장 3장 배포합니다.

블로그를 매일 하지는 못하시더라도 

꾸준히 알찬 정보를 공유해주실 분들만 

댓글을 달아주시기를 바랍니다. 

초대장을 원하시는 분들은

아래 댓글에 

1. 티스토리 블로그를 운영하려고 하는 이유(솔직하게)

2. 이메일주소

3. 지금 당장 블로그를 개설한다면 만들고자하는 

카테고리 3개와 글 제목 3개

를 적어주시기 바랍니다.

초대장 신청기간은 2017. 6. 22(목) 23:59까지해주시고

초대장 발송은 2017. 6. 23(금) 10:00에 하도록 하겠습니다.

양식에 맞지 않게 쓰시면 검토대상에서 제외하겠으니

꼭 위의 양식에 맞게 3가지를 모두 작성해주시기 바랍니다.

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

오늘은 블로그 포스팅 글이 구글에서 검색이 되도록 노출시키는 방법을 알아보겠습니다. 바로 구글 서치콘솔을 통해서 말입니다. 예전에는 구글 웹마스터도구라고 했던 기능입니다. 이 기능이 중요한 이유는 구글 애드센스 승인에 도움이 된다는 것입니다. 구글은 구글로봇을 통해 각 블로그와 사이트의 정보를 수집하고 승인을 결정한다고 하는데, 아예 정보를 수집하지 못하면 승인은 이루어지기 힘들다는 것은 불보듯 뻔한 일입니다.

내가 정성스럽게 쓴 글이 다음, 구글, 네이버 등 주요 검색 사이트에서 검색을 해도 나오지 않는다면 매우 슬플 것입니다. 티스토리 블로글의 경우 다음에서는 따로 작업을 해주지 않아도 자동으로 등록이 됩니다. 네이버 같은 경우는 네이버 웹마스터도구에 rss와 사이트맵을 등록해주시면 됩니다. 그런데 구글은 사이트맵을 제출해도 검색이 되지 않는 경우가 있습니다. 이럴 때 구글 서치콘솔에 내 블로그 글을 등록을 해주면, 1분도 되지 않아 구글 검색에 노출이 되도록 할 수 있습니다. 

이렇게 크게 두 가지 이유 때문에 반드시 

구글 검색에 내가 쓴 글이 노출되도록 해주어야 합니다.

http://www.google.com

위 링크를 통해 구글에 들어가서 검색창에

site:~~~(자신의 블로그 주소 앞 부분 아이디).tistory.com

이렇게 입력한 후 검색을 누르면 위와 같은 결과가 나옵니다.

단, 하나의 글도 검색이 되지 않는다니, 청천벽력 같은 심정입니다.

내가 지금까지 써왔던 글들이 구글에서는 전혀 검색이 안 된다니

정말 충격적이지 않습니까?

이 충격에서 벗어나기 위해

어서 아래의 링크를 통해 구글 서치콘솔로 가봅시다.

https://www.google.com/webmasters/

 구글 서치콘솔에 블로그 글 등록하기 방법

구글 서치콘솔에 로그인을 하면 이런 화면이 보입니다.

가운데에 웹사이트 오른쪽에 보이는 빈 공간에 

자신의 블로그 주소를 입력하고

오른쪽에 있는 속성 추가 버튼을 누릅니다.

화면이 변하면, 권장 방법 오른쪽 탭에 있는 대체 방법을 클릭합니다.

아래에 보이는 meta 태그 한 줄을 쭈욱 복사해둡니다.

이제 복사한 코드를 티스토리 블로그 HTML에 붙여넣으러 가봅시다.

티스토리 블로그에서 q 버튼을 눌러 관리화면이 나오게 합니다.

HTML/CSS 편집을 누릅니다.

구글 서치콘솔에서 가져온 소스 코드를 meta코드가 밀집해 있는 부분에 붙여넣고

오른쪽 위에 있는 저장 버튼을 누릅니다.

그리고 다시 구글 서치콘솔 화면으로 돌아와 맨 밑에 있는 확인 버튼을 눌러 진행합니다.

확인을 누르면, 사이트의 본인 인증과정이 끝납니다.

계속을 눌러 진행합시다.

서치콘솔 화면에서 왼쪽 사이드바에 있는 크롤링 카테고리를 누르고

아래에 나오는 Fetch As Google을 누릅니다.

그리고 Fetch As Google 화면이 위와 같이 나오면

블로그 주소 / 옆에 구글에서 검색되기를 원하는 글의 번호를 써주고

데스크톱으로 설정하고 가져오기를 누릅니다.

가져오기가 완료되어, 아래에 입력이 되었습니다.

하지만, 여기서 끝난 게 아닙니다.

해당 글 번호 오른쪽에 잇는 색인 생성요청을 눌러서

검색이 되도록 요청을 해주셔야 합니다.

로봇이 아닙니다를 눌러줍니다.

해당 질문에 맞는 이미지를 모두 고르고 

확인을 누릅니다.

로봇이 아님이 확인이 되면 이 URL만 크롤링을 선택하고

아래에 있는 이동을 클릭합니다.

다시 아까 봤던 화면으로 돌아와집니다.

이번에는 색인 생성 요청됨이라고 뜹니다.

이제 구글에서 검색이 잘 되는지 확인하러 가봅시다.

맨 처음 검색해봤던 것처럼 구글 검색창에 

site:~~~~(내블로그주소 아이디).tistory.com

을 입력해주면 아까와는 다르게 

방금 입력한 글이 검색이 되는 것을 확인할 수 있습니다.

한번만 이 노가다 같은 과정을 거치시게 되면,

이후로는 자동적으로 검색이 되지게 되기 때문에

지금까지 본인이 블로그에 포스팅했던 모든 글들을 

이와 같은 방식으로 몽땅 등록해주시기 바랍니다.

구글 애드센스 승인 받기 좋은 티스토리 블로그 스킨 및 팁 정리

구글 애드센스 최종 승인 받는 방법

블로그 사이트맵 만들기

구글 애드센스 모바일에서 수익 좋은 광고 크기 알아보기

구글 애드센스 광고 심사센터 이용 및 싫은 광고 차단 방법

애드센스 광고 글 사이에 넣는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

오늘은 티스토리 블로그에 있는 글 목록(리스트) 카테고리 위 또는 아래에 구글 애드센스 광고를 다는 방법에 대해서 소개해드리겠습니다. 제 블로그 위쪽에 보면 폴더 모양 옆에 생활 꿀팁, 일본어, 스타크래프트, 성공,재테크, 플래시게임이라는 카테고리 항목이 있습니다. 블로그에서 특정 주제의 글만 보고 싶다면 이 카테고리를 이용하면 됩니다.

그런데 카테고리 이름을 눌러 글목록을 확인하는 페이지에도 구글 애드센스 광고를 삽입할 수가 있습니다. 글 안에 애드센스 광고를 넣는 것보다는 글 내용과 밀접한 광고가 게재될 확률은 조금 적어보이지만, 그래도 한 가지 주제가 모여 있는 곳이니 나쁘지만은 않은 것 같습니다.

카테고리를 누르면 아래 사진처럼

글을 쓴 날짜와 시간, 그리고 글 제목이 보입니다.

그 위에는 구글 애드센스 광고가 게재되어 있습니다.

몇 번의 클릭과 검색으로 손쉽게 글목록에 

구글 애드센스를 달 수 있으니 천천히 따라와주시기 바랍니다.

블로그 화면에서 q 버튼을 눌러 관리 화면으로 들어갑니다.

꾸미기의 HTML/CSS 편집을 클릭합니다.

HTML 탭에서 화면 오른쪽 넓은 흰 부분 아무 곳이나 클릭한 후

Ctrl키와 F키를 동시에 눌러 검색창이 뜨도록 합니다.

검색창에 list_conform이라고 입력해줍니다.

그리고 엔터를 눌러 검색을 합니다.

이 보이실 겁니다.

그 아래 부분에 구글 애드센스 사이트에서 만든

애드센스 광고 코드를 넣어주시면 됩니다.

여기까지 모두 완료하셨다면 화면 

오른쪽 상단에 있는 저장 버튼을 누른 후

자신의 블로그 화면으로 돌아가봅시다.

사이드바나 상단에 있는 카테고리 이름을 누르면

이렇게 글 목록 부분에 구글 애드센스 광고가 

잘 게재 되는 것을 확인하실 수 있습니다.

구글 애드센스 모바일에서 수익 좋은 광고 크기 알아보기

구글 맞춤 검색, 애드센스 맞춤 검색 사이드바 넣기 방법

구글 애드센스 광고 심사센터 이용 및 싫은 광고 차단 방법

구글 애드센스 승인 받기 좋은 티스토리 블로그 스킨 및 팁 정리

애드센스 광고 글 사이에 넣는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

오늘은 티스토리 블로그에 페이팔의 기부, 후원 기능을 이용해서 기부 버튼을 만들고 블로그 사이드바에 설정해보는 방법에 대해서 소개해드리겠습니다. 티스토리를 하다보면 유익한 정보를 가감없이 많은 분들에게 알려주게 됩니다. 

내가 잘 알고 있는 지식이 다른 사람에게 닿아 생활에 도움이 된다면 정말 기쁜 일이 아닐 수 없습니다. 나는 여러 번의 시행착오를 거치고, 좌절을 느끼고 시간을 투자해서 힘들게 알게 된 지식들이지만, 다른 사람들만큼은 내가 겪었던 일들을 밟지 않도록 친절하고 자세하게 안내해주는 건 정말 좋은 일이라고 생각합니다.

그래서 지금까지 티스토리 블로그를 통해서 애드센스 승인을 받는 방법을 많은 분들께 포스팅을 통해서, 그리고 1:1 지도를 통해서 10명이 넘는 분들의 애드센스 승인을 도와드렸습니다. 며칠 전에도 5개월 동안 승인이 안 나셔서 힘들어하셨던 분이 최종승인을 받아서 저도 얼마나 기뻤는지 모릅니다. 승인이 되면 많은 분들이 저에게 커피라도 마시라고 기프티콘을 주시겠다고 하지만, 저는 커피나 빵은 먹지 않기 때문에 거절을 하면 성의를 받아달라고 애원하십니다. 그래서 나중에 애드센스로 100달러 이상의 수익이 나시면 페이팔로 5달러 정도 주시면 감사하겠다고 말을 드리고는 합니다.

일본어 관련해서도 학원이나 과외를 받으려고 했는데, 독학하는 방법을 자세하게 알려주셔서 돈과 시간을 아꼈다고 커피라도 사드리고 싶다고 하시는 분도 정말 많이 있지만 역시나 저는 커피는 마시지 않기 때문에 나중에 일본어능력시험 JLPT N1 합격하시면 5달러 정도 페이팔로 기부, 후원해주시면 감사하겠습니다. 하고 맙니다.

이러한 이유 때문에

페이팔의 기부 기능을 이용해서

티스토리 블로그에 기부 버튼을 만들어서 달아보았습니다.

제 블로그 오른쪽 사이드바에 보면 Donation이라는 플러그인이 달려 있는 것을 보실 수 있습니다. Donate라는 버튼을 누르면 달러를 저에게 보내주실 수 있게 되는 기능입니다. 티스토리 블로그를 통해 정말 알찬 정보를 알게 해주어서 무언가 답례를 하고 싶으신 분들도 생각보다 많기 때문에 티스토리 블로거분들은 블로그에 페이팔 후원 버튼을 달아서 그분들의 감사한 마음을 받아주시는 것도 좋지 않을까 생각합니다.

페이팔 기부, 후원 버튼을 만드려면, 

일단 페이팔에 가입을 하고, 계좌를 등록해야 합니다.

아직 페이팔에 가입을 하지 않으신 분들이라면,

아래 포스팅을 통해 가입을 하고 계좌까지 등록해주시기 바랍니다.

※ 관련 글 : 페이팔(PayPal) 가입하기 방법

가입 및 계좌등록까지 마치시면 

이제부터 천천히 설명해드리는 대로 따라해주시면 되겠습니다.

아래 주소를 눌러 Paypal 사이트에 접속합시다.

https://www.paypal.com/

 페이팔 기부, 후원 버튼 만드는 방법

페이팔 사이트에 들어가서 로그인을 하면 위와 같은 화면이 나옵니다.

화면 가장 오른쪽 위에 있는 Profile을 누르고 

톱니바퀴 모양의 Profile and settings를 누릅니다.

그 후 화면 왼쪽에 나오는 항목 중에 Selling toools를 선택해줍니다.

그리고 Selling online이 나오면 Paypal buttons의 

일직선상 오른쪽에 위치한 Update 버튼을 클릭합니다. 

그러면 이러한 화면이 나오는데 

오른쪽 아래에 Related Items 아래에 있는

Create new button을 누릅시다.

Create PayPal payment button 화면이 나오면

Step1에 있는 Choose a button type을 Donations로 맞춰주시고

Organization name/service는 적당하게 블로그 이름 등을 적어주시면 됩니다.

그 아래 보이는 Customize button 아래에 있는

Customize text or appearance를 누르면 블로그 화면에 보여질 

페이팔 후원 버튼의 디자인 등을 수정하실 수 있으니 참고하시기 바랍니다. 

굳이 건드리지 않아도 상관이 없습니다.

이제 스크롤을 쭉 내려서 가장 아래에 있는 Create Button을 누릅시다.

화면 아래쪽에 Website라고 되어 있고

코드가 쫘르륵 적혀 있습니다.

코드 아래에 있는 Select Code를 누르시거나

직접 코드를 모두 드래그 하신 후 복사해주시기 바랍니다.

페이팔 사이트에서 할 수 있는 건 이제 모두 끝났습니다.

이제 티스토리 블로그에 가서 사이드바에 기부 버튼을 달아봅시다.

 PayPal 기부 버튼 티스토리 블로그 사이드바에 달기 방법

티스토리 블로그에 와서 q 버튼을 눌러 관리화면으로 진입합니다.

그후 꾸미기 사이드바를 누르시고

태그 입력기 또는 HTML 배너출력 옆에 있는 플러스 + 버튼을 눌러줍니다.

그러면 오른쪽 위에 태그 입력기가 생성되는데

태그 입력기에 있는 편집 버튼을 누릅시다.

태그 입력기 창이 뜨면 이름에 페이팔 후원 또는 페이팔 기부라고 적으시고

그 아래에 치환자 옆에는 페이팔에서 복사해온 코드를 붙여넣어줍니다.

확인을 누른 후 반드시 오른쪽 위에 있는 저장을 눌러주시면 됩니다.

이제 블로그로 가보시면 페이팔 기부, 후원 버튼이 

사이드바에 달려진 것을 확인하실 수 있습니다.

페이팔(PayPal) 가입하기 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

2017년 6월 티스토리 블로그 초대장 5장 배포합니다.

블로그를 매일 하지는 못하시더라도 

꾸준히 알찬 정보를 공유해주실 분들만 

댓글을 달아주시기를 바랍니다. 

초대장을 원하시는 분들은

아래 댓글에 

1. 티스토리 블로그를 운영하려고 하는 이유(솔직하게)

2. 이메일주소

3. 지금 당장 블로그를 개설한다면 만들고자하는 

카테고리 3개와 글 제목 3개

를 적어주시기 바랍니다.

초대장 신청기간은 2017. 6. 10(토) 23:59까지해주시고

초대장 발송은 2017. 6. 11(일) 10:00에 하도록 하겠습니다.

양식에 맞지 않게 쓰시면 검토대상에서 제외하겠으니

꼭 위의 양식에 맞게 3가지를 모두 작성해주시기 바랍니다.

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

티스토리 블로그는 기본적으로 고딕, 굴림, 바탕, 돋움, 궁서체의 5가지 기본 폰트를 제공하고 있습니다. 하지만, 적용해보면 그다지 예쁘지도 않고, 가독성도 다소 떨어진다는 치명적인 단점이 있습니다. 아무리 블로그의 정보가 유익하다고 해도 읽기 싫어지는 글씨체가 적용되어 있거나 글씨 크기가 너무 작다면, 다 읽고 싶어도 도중에 나가버리고 싶은 충동이 생기게 마련입니다. 딱 봤을 때 한 눈에 들어오고 오래 읽어도 질리지 않는 폰트는 생각보다 많지 않은 듯 합니다. 

사람에 따라서 취향이 다르겠지만, 개인적으로는 나눔고딕, 나눔바른고딕, 나눔바른펜 폰트가 보기에 편하고, 가독성도 좋지 않나 생각합니다. 이런 의미에서 오늘은 내가 원하는 포트를 이용해서 티스토리 블로그의 기본 폰트, 글씨체 글꼴을 변경하는 방법에 대해서 소개해드리겠습니다.

본인이 원하는 폰트라면 어느 것이라도 적용하는 방법은 동일하니, 

천천히 차근차근 따라해주시기 바랍니다. 

저는 무료로 이용할 수 있고 보기에도 편한 나눔 시리즈 중, 

나눔바른고딕 폰트를 예를 들어 설명해드리겠습니다.

 폰트, 글꼴 다운로드 하기

먼저 구글, 다음, 네이버 등에 자신이 원하는 폰트의 이름을 검색해서 폰트 ttf 파일을 받습니다.

나눔바른고딕을 원하시는 분이라면

http://software.naver.com/software/summary.nhn?softwareId=GWS_000240

나눔바른펜을 원하신다면

http://software.naver.com/software/summary.nhn?softwareId=GWS_000687 

나눔고딕을 원하신다면

http://software.naver.com/software/summary.nhn?softwareId=MFS_107630

으로 들어가 주시기 바랍니다.

해당 링크로 들어갔다면, 오른쪽 위에 나와 있는 

다운로드 버튼을 눌러 받고, 실행해주어 설치를 진행합니다.

설치를 마치기 전에는 네이버 툴바와 네이버 기본 홈페이지 설정이 싫으시다면 

반드시 두 항목을 체크해제해주신 후 마침 버튼을 눌러주시기 바랍니다.

폰트는 제어판의 글꼴 폴더에 자동적으로 저장이 됩니다.

윈도우 시작 버튼을 누르고 제어판에 가서 글꼴 폴더로 들어갑니다.

스크롤을 쭉 내려서 나눔바른고딕 폰트를 찾고 복사한 후, 

바탕화면이나 본인이 찾기 쉬운 폴더에 붙여넣기 해줍시다.

 글꼴 TTF 파일을 EOT 파일로 바꾸기

우리가 받은 글꼴 폰트 파일은 TTF 파일로 용량이 4MB 정도로 상당히 큽니다. 이 파일을 그대로 인터넷 상에 올린다면 꽤 과부하가 걸릴 수도 있기 때문에 반드시 인터넷에 최적화 된 웹사이트용 폰트인 EOT 파일로 변환시켜주셔야 합니다.

TTF 파일을 EOT 파일로 손쉽게 바꾸기 해줄 수 있는 아래 사이트로 들어갑니다.

http://eotfast.com/

EOTFAST 사이트의 메인화면 모습입니다.

오른쪽 가운데에 있는 Free Download 버튼을 눌러 

무료로 변환 프로그램을 받습니다.

eotfast-2-22-10이라는 압축파일이 받아지면, 

마우스 오른쪽 버튼을 눌러 압축을 풀어줍시다.

이제 아까 받아 놓은 폰트 ttf 파일을 마우스로 드래그 해서 

EOTFAST-1.EXE 실행파일에 끌어 넣어줍니다.

그러면 파일 변환중이라는 검은 창이 잠시 떴다가 사라집니다.

검은 창이 사라지면 위와 같이 eot 글꼴 파일로 변환이 됩니다.

이제 이 eot 글꼴 파일을 이용해 

티스토리 블로그에 내가 원하는 폰트를 적용하러 가봅시다.

 티스토리 블로그 폰트 바꾸기

자신의 블로그로 들어와 q 버튼을 눌러 관리 화면으로 들어갑니다.

HTML/CSS 편집 항목을 클릭합니다.

화면 상단 오른쪽에 있는 파일업로드를 누릅니다.

그리고 아래 부분에 있는 추가 버튼을 누른 후, 

아까 변환한 eot글꼴 파일을 선택한 후 열기 버튼을 누릅니다.

그리고 꼭 오른쪽 위에 있는 저장 버튼을 누릅시다.

이번에는 CSS 항목을 클릭합니다.

오른쪽 하얀 곳 아무곳이나 한번 클릭해 준 후,

Ctrl키와 F키를 동시에 눌러 검색창을 뜨게합니다.

검색창에 font-family라고 입력하고 엔터를 칩니다.

엔터를 치면, 화면 오른쪽에 스크롤바 부분에 주황색으로

font-family라는 글씨가 적힌 해당 장소가 모두 표시가 됩니다.

이 부분들을 모두 찾아 우리가 올렸던 폰트 이름을 입력해주어야 합니다.

소문자와 대문자에 주의하여 반드시 똑같이 써주시기 바랍니다.

그리고 위 사진의 두번째 빨간 박스처럼

.eot라고 되어 있는 부분도 반드시 원하는 폰트이름으로 바꿔주셔야 합니다.

나눔바른고딕 글꼴이라면

@font-face 부분은 

font-family: 'NanumGothic';

으로 바꿔주시고, 나머지 부분은

font-family:NanumBarunGothic

위 화면과 같이 모두 변경해줍니다.

하지만, font-family가 써 있는 곳이라 하더라도 옆에 

*Don't Change Font-family (Icon)이라는 표시가 되어 있는 부분은 

절대로 바꿔주시면 안 됩니다. 

만약 이곳까지 우리가 원하는 글꼴로 바꿔버리면 

티스토리 블로그에 있는 fontawesome 폰트가 적용된 아이콘 모양들이 

모두 엑스박스로 표시되거나 아예 표시가 되지 않을 수 있기 때문입니다.

이 부분만 제외하고 모두 바꿔주시기 바랍니다.

저는 나눔바른고딕 폰트로 예를 들어 설명드렸지만,

자신이 원하는 다른 글꼴이 있다면 제가 설명드린 방법을 응용해서

본인이 원하는 폰트를 티스토리 블로그에 적용해봅시다.

티스토리 블로그 티에디션(T-edition)에 애드센스 광고 달기 방법

티스토리 블로그 글 제목 디자인 변경하기(수정, 바꾸기) 방법

티스토리 블로그 티에디션(T-edition) 설정하기 방법 fastboot스킨

티스토리 블로그 스킨 변경 등록 방법 및 반응형 스킨 추천

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 글꼴 변경에 성공하셨다면, 아래 하트 버튼을 눌러주세요.

지난 번에는 티스토리 블로그에 티에디션을 이용하여 블로그 메인 화면을 꾸미는 방법에 대해서 알아보았습니다. 그런데 이 포스팅과 관련해서 저의 블로그 메인화면에 구글 애드센스 광고가 게재되어 있는 것을 보시고서 어떻게 하면 티에디션을 이용해서 블로그 메인에 구글 광고를 게재할 수 있는지 궁금해하시는 분들이 많이 계셨습니다. 이에 오늘은 어떻게 하면 티스토리 메인 화면에 구글 애드센스 광고를 달 수 있을지 그 방법에 대해서 알려드리도록 하겠습니다.

티스토리 블로그 티에디션(T-edition)을 이용해 

블로그 메인 화면에 구글 애드센스 광고를 게재한 모습입니다.

만약, 티에디션을 설정하는 방법을 모르시는 분들이라면

아래 링크를 통해 티에디션 설정을 해주시기 바랍니다.

티스토리 블로그 티에디션(T-edition) 설정하기 방법 fastboot스킨

먼저, 블로그에서 q 버튼을 눌러 관리 화면에 들어간 후

화면설정, 티에디션 시작하기 순으로 눌러 

아래 화면처럼 보이도록 합시다.

가운데 보이는 하늘색 바탕의 둥근 플러스 십자(+) 모양의 버튼을 누릅니다.

그러면 이와 같이 아래에 아이템 공간이 하나 더 생기게 됩니다.

오른쪽 티에디션 설정창에서 아이템을 클릭하고,

목록형을 누르고 아래 화살표를 한 번 누른 후 맨 위 가운데에 있는 것을 눌러줍시다.

이렇게 글 두 개가 뜨게 됩니다.

티에디션 설정창에서 이번에는 디자인을 누르고

아래에 있는 HTML을 누릅니다.

위와 같이 HTML 소스가 쭈~~욱 나옵니다.

소스가 있는 곳을 아무곳이나 클릭한 후 Ctrl키와 A키를 눌러

전체 선택한 후 Delete키나 Backspace키를 눌러 모두 지웁니다.

그리고 구글 애드센스 광고 코드를 여기에 쏙 넣어주시면 됩니다.

만약 가운데 정렬을 하고 싶으시다면 위에 <center>를

아래에는 </center> 코드를 넣어주시면 됩니다.

위에 있는 적용 버튼을 누르고, 맨 위에 있는 적용하기를 누릅니다.

그러면 이렇게 구글 애드센스 광고가 잘 나오는 것을 확인하실 수 있습니다.

구글 애드센스 모바일에서 수익 좋은 광고 크기 알아보기

구글 애드센스 광고 심사센터 이용 및 싫은 광고 차단 방법

구글 맞춤 검색, 애드센스 맞춤 검색 사이드바 넣기 방법

구글 애드센스 승인 받기 좋은 티스토리 블로그 스킨 및 팁 정리

애드센스 광고 글 사이에 넣는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

티스토리 블로그는 다음 블로그나 네이버 블로그와는 다르게 광고 수익을 얻을 수 있는 블로그입니다. 바로 구글 애드센스라는 서비스를 통해서 말입니다. 그런데 구글 애드센스의 광고를 달기 위해서는 반드시 신청을 해서 승인을 받아야만 합니다. 예전에는 신청만 하면 승인이 되었던 시절이 있었다지만, 지금은 구글 애드센스가 점점 유명해지고, 광고 수익이 다른 곳에서 제공하는 광고보다 월등하게 높기 때문에 수요가 많아져, 승인을 받기가 매우 까다롭게 되었습니다.

승인을 받을 때까지 기다리고 수정하고 또 기다리고 하는 고통은 이루 말할 수 없습니다. 긴 인고의 끝에 최종승인을 받으면 정말 날아갈 것 같이 기분이 좋습니다. 하지만 그것도 그때뿐입니다. 승인을 받고 나서 수익을 올리는 건 더더욱 어렵기 때문입니다.

승인을 받고 나서 몇 주 간은 하루 수익이 1달러도 채 되지 않으시는 분도 꽤 많으실 겁니다. 어떻게 하면 수익을 극대화 할 수 있을지 이때부터 고민에 빠지기 시작합니다. 이런 경우는 대부분 구글 광고를 하나 내지는 두, 세 개만 달고 계시는 분들이 많습니다. 작년까지만 해도 블로그 한 페이지에 구글 광고를 달 수 있는 개수에 제한이 있었지만, 이제는 콘텐츠의 양에 비례해서 무제한으로 광고를 달 수 있게 되었기 때문에 여기 저기 광고를 달아보면서 어떨 때 가장 수익이 많이 늘어나는지, 연구를 해보면 좋습니다.

광고의 수, 광고의 위치, 광고의 크기

광고의 언어, 광고의 종류 

광고와 관련한 키워드와 글의 내용

등이 수익에 영향을 미칠 수 있는 요소가 아닐까 생각합니다.

몇 년 전만 해도 인터넷을 PC 컴퓨터로 하는 사람들이 대부분이었지만, 스마트폰이 대중화 되면서 모바일으로 인터넷을 하는 사람들이 크게 늘었습니다. 이와 관련하여 구글 애드센스도 자체적으로 연구 및 통계 분석을 해왔고 그 결과를 구글 애드센스 사이트에 공개를 해놓았습니다.

오늘은 구글 애드센스의 연구 통계를 바탕으로 모바일 스마트폰에서 구글 광고 수익을 가장 효과적으로 낼 수 있는 광고 크기는 무엇인지 알아보고, 블로그에 적용하는 것까지 다루어보도록 하겠습니다.

먼저, 아래 링크를 클릭해서 구글 애드센스 고객센터로 갑시다.

구글 애드센스 고객센터 모바일 웹 최적화 페이지

 모바일 스마트폰에서 수익이 가장 좋은 구글 광고 크기는?

어느 기기에서나 사용자의 참여를 유도하는 모바일 웹에 최적화라는 제목의 글이 있습니다.

아래쪽에 있는 팁을 보면 320x100 광고 단위와 300x250 광고 단위에 관한 팁이 적혀 있습니다.

그 아래에는 모바일 페이지 로드 시간 단축이라는 팁도 있네요.

가운데에 있는 300x250 광고 단위에 관한 팁을 클릭해봅시다.

300x250의 광고 단위가 왜 인기가 있는지 그 이유에 대해 

광고주들에게 인기 있는 광고 크기이면서 그에 따라 공급이 늘고 

경쟁이 높아짐에 따라 광고 단가도 오르기 때문에 

수익을 높일 수 있다는 설명이 적혀 있습니다. 

생각건대 광고주들 사이에서 300x250의 광고 크기가 인기 있는 이유는 

바로 모바일 웹에서 광고를 봤을 때 광고가 짤리지도 않고 

딱 알맞게 표시되기 때문일 것입니다.

위 사진은 구글에서 만든 광고위치의 중요성이라는 영문 pdf 파일 내용입니다. 

300x250은 스크롤을 내리지 않고 페이지 윗부분에 있을 때 수익으로 연결되는 확률이 커 보입니다.

반면, 300x50은 높이가 300x250보다 낮기 때문에

스크롤을 내리지 않은 상태에서는 손가락으로 터치할 확률이 낮지만,

스크롤을 내리고 바로 다음에 보이는 화면에 이 광고가 있을 때 

수익으로 연결 될 확률이 높아지는 것을 확인할 수 있습니다.

모바일 환경에서 처음 화면에서는 300x250을 달고

손가락으로 페이지를 올릴 때 보여지는 부분에는 300x50을 

다는 것이 수익에 좋다는 것을 알았으니 

이제 구글 애드센스 사이트에서 광고 단위를 만들어 봅시다.

아래 링크를 눌러 애드센스 사이트로 들어가 로그인을 합시다.

http://www.google.com/adsense

 구글 애드센스 300x250 광고 단위 만드는 방법

구글 애드센스 화면에서 

왼쪽의 내 광고, 광고 단위, 새 광고 단위 만들기 순으로 클릭합니다.

광고 이름은 300x250광고1이라는 식으로 적절하게 적어줍시다. 

광고의 크기를 선택하는 부분에서 스크롤을 조금 내리면 

아래에 중형 직사각형 300x250이라는 광고 단위가 있는데 이것을 선택합니다.

그리고 밑의  저장 및 코드 생성 버튼을 눌러 코드를 복사해둡시다.

저는 300250크기1이라고 이름을 붙여보았습니다.

요약 부분을 보면 텍스트와 이미지 모두 나오는 광고 유형으로 

300x250 크기의 광고라는 것을 알 수 있습니다. 

여기까지 확인이 되었다면, 블로그에 넣어서 광고를 활성화를 시켜 주어야 합니다.

 티스토리 블로그에 300x250 광고 설정하는 방법

자신의 티스토리 블로그에 오셔서 q 버튼을 눌러 관리 화면으로 갑니다.

왼쪽에 있는 플러그인 설정을 누르고 수익5를 누른 후

Google Adsense를 선택한 후 복사한 광고 코드를 넣어줍니다.

나가기 전에 반드시 저장 버튼을 눌러 설정합시다.

만약 위와 같이 블로그 오른쪽 사이드바에 광고를 달고 싶다면

아래 글을 참고하여 사이드바에도 게재가 되도록 설정해봅시다.

※ 참고글 : 티스토리 블로그 텐핑 사이드바 달기 설정 방법

구글 맞춤 검색, 애드센스 맞춤 검색 사이드바 넣기 방법

구글 애드센스 광고 심사센터 이용 및 싫은 광고 차단 방법

구글 애드센스 승인 받기 좋은 티스토리 블로그 스킨 및 팁 정리

애드센스 광고 글 사이에 넣는 방법

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

티스토리 블로그는 다른 블로그보다 블로거가 원하는 디자인으로 색상을 바꾸거나 아이콘을 넣거나 여러 플러그인 기능을 삽입해서 자유롭게 꾸밀 수 있다는 것이 큰 장점입니다. 이번 시간에는 블로그 글 제목에 아이콘을 넣고 변경하는 방법과 글 제목 배경 색상을 바꾸는 방법에 대해서 알아보도록 하겠습니다. FastBoot 스킨을 사용하고 계신 분들이라면 글 제목 왼쪽에 상병 마크, 석 삼과 같은 三 이러한 아이콘으로 되어 있을 것입니다. 그리고 기본 색상이 회색으로 되어 있을 것입니다. 전체적으로 흰색, 회색으로 디자인 되어 있는 스킨이기 때문입니다. 

회색은 안정적이고 침착한 분위기를 내는 색이지만, 어떻게 보면 조금은 칙칙하고 우울해보이는 색일 수도 있습니다. 그런 의미에서 글 제목만큼은 회색이 아닌 조금 더 밝은 색상을 띠는 색으로 바꾸어 보도록 하겠습니다.

블로그 글 제목의 최종 모습은 이렇게 연필 모양의 아이콘과 밝은 하늘색 배경색이 되도록 해봅시다. 

 블로그 글 제목 아이콘 변경 방법

먼저, 블로그 화면에서 q 버튼을 눌러 관리 화면으로 들어갑니다.

관리 화면 왼쪽에 꾸미기가 있습니다.

그 아래에 있는 HTML/CSS 편집을 클릭합니다.

오른쪽 화면 아무 곳이나 클릭한 후 

Ctrl키와 F키를 동시에 눌러 위에 검색창이 뜨도록 합니다. 

검색창에 포스트의 본문 시작을 입력하고 엔터를 쳐줍니다. 

위 화면처럼 포스트의 본문 시작이 보이면 그 아래 줄에 있는

  <i class="fa fa- > 부분이 보이실 겁니다. 

위 사진에서 옅은 분홍색으로 칠해준 곳에 pencil이라고 입력을 하고 

화면 오른쪽 위에 있는 저장 버튼을 누릅니다.

그리고 블로그로 와서 보면 글 제목 아이콘이 

상병 마크에서 연필 모양으로 바뀌어져 있는 것을 확인하실 수 있습니다.

만약 연필모양이 마음에 들지 않는다. 

좀더 개성 있는 모양으로 아이콘을 바꾸고 싶다. 

라고 생각하시는 분들이라면, Font Awesome이라는 사이트에서 

마음에 드는 아이콘을 골라 바꾸실 수 있습니다.

아래 글을 통해 더 다양한 아이콘을 이용해서 적용해봅시다.

※ 관련글 : FontAwesome 아이콘으로 티스토리 블로그 꾸미는 방법

 블로그 글 제목 바탕색 바꾸는 방법

이번에는 글 제목 바탕색을 바꿔보도록 하겠습니다. 

위와 동일한 방법으로 HTML/CSS 화면에 진입합니다.

아까는 HTML에서 작업을 했지만, 

이번에는 상단의 CSS를 눌러 CSS에서 작업을 해주셔야 합니다. 

화면 오른쪽 아무 곳이나 한 번 클릭해주고,

 Ctrl키와 F키를 눌러 검색창을 띄워 

h3.title이라고 써주고 엔터를 누릅니다. 

h3.title이 검색이 되면 아래 부분에 

background : #~~~~~~; 이라고 되어 있는 부분이 보일 것입니다. 

여기에서 샵(#) 뒤에 본인이 원하는 색상코드를 넣어 배경색을 지정해준 후 

오른쪽 위 저장 버튼을 눌러 저장해주시면 되겠습니다.

색상코드 관련해서는 관련글을 참고해주세요.

※ 관련글 : HTML 색상표, 색상코드표, 컬러코드표 간단히 이용하기

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!

여러 티스토리 블로그, 사이트를 방문해보면 폴더 모양, 집 모양, 연필 모양, 카드 모양 등등 여러 모양의 아이콘을 볼 수가 있습니다. 블로그를 운영하기 전까지는 아, 그냥 그렇구나 하고 지나갔던 부분이지만, 디자인을 바꾸고 연구하다보니 저 아이콘 어떻게 한 거지? 하고 의문이 들었습니다. ㅁ을 누르고 한자키를 눌러서 나오는 다양한 특수기호나 한컴오피스 한글에서 입력할 수 있는 특수기호들을 이용한 건가?라고도 생각해보았습니다. 하지만, 다른 사이트에서 사용하고 있는 아이콘과 똑같은 아이콘을 찾을 수 없었습니다.

이곳 저곳 알아보았지만, 답은 가까운 곳에 있었습니다. 바로, FastBoot 스킨에 이미 적용되어 있던 아이콘에서 힌트를 얻어 찾아냈습니다. 그리고 블로그의 모든 곳에 원하는 아이콘을 적재적소에 배치를 하였습니다.

제 티스토리 블로그 상단에 보이는 홈 아이콘과 

폴더 아이콘, 글 제목에 포함된 연필 아이콘의 모습입니다.

오른쪽 사이드바에도 여러 아이콘이 있습니다. 

돋보기 아이콘, 지구본 아이콘, 카드 모양 아이콘 등등 

정말 다양한 아이콘이 있다는 것을 확인할 수 있습니다.

지금부터 이 아이콘을 가져올 수 있는 곳을 알려드리겠습니다.

바로, Font Awesome이라는 사이트입니다.

아래 링크를 눌러 Font Awesome 사이트로 들어갑시다.

http://fontawesome.io/icons/

 Font Awesome 사이트에서 아이콘 검색하는 방법

FontAwesome 사이트의 Icons라는 탭 화면입니다.

여기서 스크롤을 조금만 더 내려봅시다.

아래에 수많은 아이콘과 아이콘의 이름이 나열되어 있습니다.

정말 너무 많은 아이콘이 있기 때문에

내가 원하는 아이콘을 언제쯤이면 찾을 수 있을지 걱정부터 앞섭니다. 

노가다를 해서 눈이 빨개질 정도로 찾아보면 

언젠가는 찾을 수야 있겠지만, 매우 비효율적입니다.

그런 문제를 해결하기 위해 사이트에서는 검색 기능을 제공하고 있습니다.

Search icons라고 되어 있는 곳을 한 번 클릭하고, 

영어로 원하는 아이콘의 이름을 적고 엔터를 누르면 쉽게 찾을 수 있습니다.

저는 연필 모양의 아이콘을 찾아보기 위해

Pencil을 입력해보았습니다.

Search for 'pencil'이라는 표시가 뜨면서 

pencil, pencil-square-o, pencil-square이라는 세 가지 검색 결과가 나왔습니다. 

이 중에서 가장 눈에 잘 들어오는 pencil을 눌러봅시다.

그러면 위와 같이 내가 원하는 아이콘의 코드가 나옵니다.

티스토리 블로그나 본인이 운영하는 사이트에 가서

위와 같이 코드를 넣어 수정해봅시다.

만약 이미 fa fa- 와 같은 형식의 코드가 있다면

뒤에 있는 부분, 화면에서는 옅은 분홍색으로 표시된 부분만

바꿔주시면 원하는 아이콘으로 변경하실 수 있습니다.

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을 꾸~욱 눌러주세요!