티스토리 뿐만 아니라 어떤 블로그라도 운영하다보면 자신이 열심히 작성해서 올린 글이

출처도 밝히지 않고 막 퍼가는 것이 불쾌할 수 있습니다.

사실 마음먹고 펌방지해제 Tool이나 웹브라우져의 소스보기 기능을 이용하면 다 뚫긴 할 수 있습니다만은,

퍼가려는 이에게 좀 더 번거롭게 만들 수 있는 효과는 있습니다. :)

이를 방지하고자, 티스토리 플러그인에는 아래와 같이 스팸,불펌방지라는 플러그인이 제공됩니다.

이 녀석을 적용하면, 관리자를 제외하고는 모든 블로그 영역이 드래그가 허용되지 않습니다.

저도 이 플러그인을 사용해오긴 했었는데..

어떤 자료는 드래그를 허용하고 싶은 것들이 생겼습니다..

주로 소스코드인 경우인데요.

특정 영역만 드래그를 허용하고자 알아보다가 직접 CSS를 건드려서 해결할 수 있었습니다.

다만, 플러그인의 장점인 관리자인 경우는 모든 영역 드래그 하기는 안됩니다. ^^;

그래도 관리자면, 편집 모드로 가서는 충분히 드래그가 되니까 뭐 ^%^

적용할 CSS 코드는 아래와 같아요~~
티스토리에서 html과 CSS 수정이 가능하신건 아시죠? ㅎㅎ
아래 코드를 추가해 주시면 됩니다.

그리고 위의 코드를 드래그 가능한 영역으로 설정하기 위해

아래와 같이 <div> 태그 혹은 <p>, <span> 태그와 같이 영역을 구분하는 태그로 

드래그를 허용할 영역을 감싸고 id를 위에 설정한 "opensource"로 부여하면 됩니다.

아래 예시는 현재 글을 html 로 표시했을 때 입니다~~ ㅎㅎ

SNS 공유버튼 달기 – Add This

티스토리에서 기본으로 제공하는 플러그인에는 페이스북, 트위터, 카카오스토리 정도밖에 없기 때문에 다른 SNS로의 공유 버튼은 넣을 수가 없습니다. 소개해드릴 사이트는 AddThis 라는 사이트인데,  여러가지 소셜이 제공되는 것은 물론이고 여러형태의 디자인도 가능하며,
방문자가 공유한 히스토리도 관리해주는 등 여러모로 괜찮은 기능을 제공해줍니다. ^^

www.Addthis.com

1) Email 주소로 가입이 가능합니다.

2) Tool 추가에서 Share Buttons를 선택합니다.

3) SNS공유버튼의 원하는 스타일을 선택합니다. 

위 그림처럼 여러 가지 형태의 스타일이 가능합니다.

4) 원하는 버튼을 넣어 원하는 스타일로 꾸밉니다.

Floating 을 예시로 보여드리면,
ADD MORE SERVICES 메뉴로 원하는 소셜 버튼 추가가 가능합니다.    
버튼 위치나 추가적인 디자인도 가능합니다.

데스트탑과 모바일 2가지다 적용이 되도록 되어있어서 반응형 블로그 스킨에 매우 적합합니다.
위 그림 처럼 옆에 실제 어떤 모습으로 나타나는지 바로 확인이 가능하기 때문에 매우 직관적입니다.

5) 코드복사

Get The Code 메뉴에서 코드 복사가 가능합니다.
가이드 대로 해당하는 블로그 html 내에 붙여 넣으면 되겠습니다. :)

구글 애드센스를 알게된 것은 2009년 이었고..

실제 적용해본 것은 2010년쯤 이었던 것 같으나..

블로그 관리도 못했고 제대로 손을 못봐서 매우 실적이 부진 했었습니다.

그러다 올해 애드센스에서 휴면으로 들어간다는 메일이 왔고,

다시금 복구해서 살려 도전해보고자 애드센스 사이트로 접속!!

그런데..  갑자기 전화번호 인증을 하려는데 계속 잘못된 전화번호라는 오류메세지가.. ㅜㅜ

이리저리 검색도 해보고 생각해낸 방법은 일단 지메일에 개인정보에 나오는 번호를 한번 살펴보자는 것이었습니다.

거기서 힌트를 얻은 것이 똭! 앞에 국가번호인 82를 붙여야 겠다는 감으로 넣어봤으나 안되었는데..

"+" 가 붙어있네요.....  이거다! 해서 +821012341234 형태로 입력해서 했더니 잘 되었습니다. ^^

하지만, 3일 정도 걸릴 수 있다는 ㅡ_ㅡ...

잔고에 $0.26는 7년전에 적용했던 것이 어영부영 지지부진 하다가 얻게된 결과 ㅜㅜ

================= 2017-06-29 기록 ======================

하루만에 승인이 되었네요!! ^^

2008년 8월말 블로그 개설

2008년 ~ 2009년 대학시절 마지막 정리 & 취업준비 용도로 블로그 이용

2010년 12월 ironmask84.net 으로 도메인 포워딩

2010년 ~ 2014년
회사 취업 후 회사업무, 취미, IT 관련 포스팅
블로그 카테고리 구체화
심혈을 기울인 스킨 선택
사이드바 소극적 이용
구글애드센스 시도와 실패
나눔고딕 적용!! (http://hangeul.naver.com/index.nhn  와 http://jeeni.tistory.com/3 참조)

(포스팅 때는 글씨체 선택이 안되는데 css파일에 url 혹은 블로그에 폰트파일업로드 해서 본문영역부분에 폰트를
 적용해서 포스트를 view 할때는 나눔고딕으로 보임..  그리고 view하는 기기에 나눔고딕이 설치되어있어야 함.)
 
2015년 7월 ironmask.net 으로 도메인 포워딩

2015년 6월부터!!
HTML5 + JavaScript + CSS 에 대한 업무지식이 필요해짐에 따라 다시 의욕 충천!
사이드바 깔끔정리
티스토리 플러그인 적용!! (그 동안 관심이 없었다니 ㅠㅠ..  상당히 유용하다..)
양질의 포스팅
취미의 다각화

2016년 
생각만큼 포스팅을 못하였으나...
나름 꾸준히 진행 중... 그래도 많이 초라함 ㅠㅠ
계획했던 포스팅들을 계속 이어갈 계획
처음 본? 결산 페이지 : http://www.tistory.com/thankyou/2016/tistory/182876

2017년
2월 18일 10만 조회 돌파!! (기념 초대장 배포 진행 ^^)
2월 20일 카테고리 대폭 정리
3월        카테고리 Jquery 적용 (미포스팅 카테고리 숨김)
6월        구글 애드센스, 애널리틱스 적용, 반응형 웹 스킨 적용(Fastboot 스킨)
7월        반응형 웹 스킨 적용 후 Customizing, Addthis 공유버튼 적용, 구글맞춤검색 적용(애드센스 하위메뉴)
8월        공감과 광고 유도 메세지 서식 적용, 티에디션 다시 적용, 광고 최적화 중,  RSS 부분공개, 저작권 관련 처리!!
             웹마스터 도구를 활용한 ironmask.net 활성화 진행 (사이트맵 등록, RSS 등록 포함)
10월       본문 내에 상단 및 하단 광고 조정, 메인페이지 광고 크기 조정, 본문 하단 광고 조정
             일치하는컨텐츠 광고 적용(광고옵션이 아직 안떠서, 광고활용은 못하고 있음... 정확한 조건이??..)
11월       포탈사이트 ZUM에 검색등록, 댓글 캐릭터 사진 카카오 프렌즈 적용
12월       일치하는컨텐츠 광고옵션 적용
2017년 결산 페이지 : http://www.tistory.com/thankyou/2017/tistory/182876

2018년
1월        15만 조회 돌파 기념 초대장 배포!!
4월        네이버이웃커넥터 코드를 ironmask.net으로 새로 받아서 이웃추가 배너로 새로 적용
9월        반응형 웹 스킨이긴 하지만, 글을 PC에서 쓰고 모바일로 보면 불편감이 크므로,
            이를 해결할 방법 모색하기 (접기 기능 등 활용 필요)
10월      웹페이지 속도가 느리다.. 이를 해결할 방법 모색
            스피드는 ( https://testmysite.withgoogle.com ) 참고

2019년
1월        30만 조회 돌파!!
2월        티스토리 자체 https 보안강화 패치로 인해 fastboot 스킨에 사이드메뉴 오류 발생 해결
             (https://sunstar2.tistory.com/1919 블로거님 참고함.)
6월        키워드 검색순위 방법 도입 (https://ironmask.net/482 참고)

---- 향 후 계획----
카테고리 정리
스킨 최적화(HTML + CSS)
프로그래밍, 맛집, 여행, 기타, IT Security

구글 애드센스 신청서 작성방법

구글 애드센스는 본인이 운영 또는 관리하는 블로그나 홈페이지에
구글에서 제공하는 광고를 노출시키고, 블로그나 홈페이지 방문자가
광고를 클릭하므로 해서 수익이 발생되는 구조이다.

자바스크립트 삽입이 가능한 블로그나 홈페이지를 운영하고 있다는 전제하에 글을 쓰려고 한다.
( 2008/04/19 - [블로그] - 구글 애드센스를 위한 블로그를 만들자 )

구글 애드센스를 이용하기 위해서는 구글 애드센스에 신청서를
작성 해야 한다.
또한 구글 애드센스를 신청하기 전에 애드센스 코드를 삽입할 블로그가 존재해야 하며 포스팅 또한 10개 이상이 있어야 승인이 떨어진다.


<구글 애드센스에 애드센스 신청서를 작성한다.>

아래 링크를 클릭한다음 설명대로 신청서를 작성합니다.

구글애드센스 회원가입하기

그러면 아래와 같은 화면이 나옵니다.

구글 애드센스 신청화면

애드센스 신청하기화면 - 웹사이트정보

I. 웹사이트 정보   1. 웹사이트 URL은 구글 애드센스 광고를 하려고 하는 주소를 적습니다.   2. 언어는 한국어를 선택하고 체크박스에 모두 체크를 합니다. 구글애드센스 신청하기 화면 - 주소입력하기  II. 이름 및 주소 입력   1. 이름은 은행계좌명과 같은 영문이름을 입력   2. 주소를 영문으로 입력합니다.      주소는 나중에 핀번호, 광고수익금을 받아야할 주소이므로 아주 중요합니다.      그래서인지 저 역시도 이 부분에서 꽤나 많은 시간이 들어갔답니다.      하지만 여기 설명대로만 하면 문제없이 입력할 수 있다는 거.. ^^      예) 주소가 "서울 송파구 송파2동 미성아파트 101동 2001호 인 경우            101-dong 2001-ho, Miseong Apt., Songpa 2-dong, Songpa-gu, Seoul            과 같은 형식으로 작성을 합니다.      ※ 영문주소 표기법을 모르는 경우-> 한글주소를 영문으로 변환해주는 사이트      ※ 영문으로 이름 표기하는 방법 보기   3. 아래 체크박스에 체크하시구요~ 구글 애드센스 신청하기 화면 - 전화번호입력  III. 전화번호 입력   지역번호의 0을 뺀 국가번호-지역번호-전화번호를 기입하고   모든 체크박스에 체크를 합니다.  ** 이제 정보제출을 하면 끝? 어려운 부분은 다 끝났습니다. 이제부터는 그냥 설명 안 보고 하셔도 됩니다. 정보제출을 누르면 아래와 같이 입력한 내용에 대해서 확인하는 창이 뜹니다. --------------------------------------------------- 구글애드센스 신청하기화면 - 확인절차  IV. 구글 애드센스 계정 신청   아래 그림에서 구글에 이미 사용중인 계정이 있다면 새롭게 계정을 만들지 않아도 되므로 위쪽에 선택하시고요   구글에 계정이 없다면 애드센스 계정을 신청해야 하므로 아래 그림처럼 아래쪽을 선택합니다.   이 애드센스 계정이 있어야 광고코드도 만들고 광고 수익도 확인할 수가 있답니다.  이메일: 구글애드센스 로그인 아이디로 사용이 되며 애드센스 관련 모든 내용이 입력한 이메일주소로 발송이 됩니다. 그러므로 자주 사용하는 이메일 주소를 적는 것이 좋습니다. 구글 애드센스 신청하기화면 - 계정신청  V. 이메일 확인 및 최종확인 이메일과 비밀번호, 확인문자를 모두 입력하고 계속을 누르면 이제 신청은 끝난것입니다. 아래와 같은 메시지가 나오므로 이제 이메일만 기다리면 됩니다. 이메일이 도착하면 이메일의 내용되로 최종적인 확인절차만 거치면 끝. 참조. 이메일이 스팸메일로 들어가는 경우가 있으므로 잘 확인해보세요   구글 애드센스 신청하기화면 - 메시지

출처 : https://ccoma.tistory.com/160