네이버 글을 티스토리로 연동하게 된 경위


블로그에 광고달기 시도


아무래도 지속적으로 블로그를 해나가다 보니 기왕 하는거 커피 값이나 벌어보자 싶었다. 그래서 알아본게 구글의 애드센스.

정말 설픈 내용의 블로그들을 보아도 이런 저런 광고들이 달려있는 것을 보고는 어쩌면 나도 광고 하나쯤은 달 수 있을 것 같다는 생각이 들었다.

아주 조금의 검색을 하고 구글 애드센스 계정을 신청했으나 돌아온 것은 매몰찬 거절의 메일 한 통.




많은 사람들이 포스팅 30개 정도만 있어도 승인이 났다고 하는데 나는 왜 콘텐츠 불충분인가 !

처음엔 진지하게 알아본 것도 아니거니와 사실 방문자 수도 얼마 없기 때문에 그다지 큰 돈이 되지도 않을 것 같았다.


그래서 접음.



-

네이버 블로그의 글을 에버노트로!

-

다음 날 연구실에서 실험을 돌리는데 실험이 열심히 돌아가느라 컴퓨터는 사용 불능이고, 그 시간동안 논문 읽기는 싫고 (?) 해서 다시 찾아 본 애드센스. 2014년 이후 애드센스 허가 기준이 조금 빡세졌다는 글이 보인다. 그리고 역시나 30개가 넘었음에도 불구하고 승인이 나지 않았다며 나처럼 하소연 하는 사람도 많다. 자료 조사를 하다보니 구글 애드센스 승인을 받기 위해 다양한 방법들이 시도되고 있었는데, 어느 것도 확실한 건 없었다.

우선은 글이 많아야 한다는 게 가장 포인트 인 것 같았다. 그래서 생각난 것이 네이버에 포스팅 해둔 에세이 습작들. 네이버 블로그에 있는 글을 어떻게 가져올지 한참을 살펴보았는데 그나마 제일 간편한 방법은 이 블로그에 소개된 에버노트를 이용하는 방법이었다.


에버노트를 이용한 네이버 블로그 글 티스토리로 가져오기 >> http://min-blog.tistory.com/1526


여태 그 유용하다는 에버노트를 사용하지 않고 있어 안그래도 언젠가 가입해서 활용해봐야지 하고 있었는데, 올커니 기회가 왔구나.

에버노트 가입은 겁나 쉽다. 이메일 치고 비번 설정하고 끝. 연구실 컴퓨터에는 에버노트 프로그램과 크롬 확장 기능으로 에버노트 클립퍼를 설치하고, 맥북에는 맥북용 에버노트를 설치했다.





그리고 맥에서는 주로 사파리를 사용하니 사파리용 에버노트 웹 클립퍼도 설치했다. https://evernote.com/intl/ko/webclipper/

클립퍼를 설치하고 나면 이렇게 확장 플러그인이 생성된 것을 확인할 수 있다.





네이버 블로그로 가서 (우클릭이 비활성화 되어있다면 풀어준 후) 티스토리로 옮길 글을 드래그를 해 준 다음 우클릭을 하면 선택한 부분을 에버노트로 보내는 게 가능하다.







그 뒤 에버노트에 스크랩 된 것을 확인해보면 그림과 글자 모두 멋지게 저장되어 있음을 확인할 수 있다!




-

에버노트에서 티스토리로

-

에버노트에 있는 글을 티스토리로 옮기는 과정은 생각보다 간단하다. 바로 티스토리에서 에버노트의 글을 가져올 수 있는 플러그인을 제공하기 때문이다. 이 방법은 티스토리 공지사항에 친절히 나와있다. >>http://notice.tistory.com/2150


유의할 점은 에버노트에 자료들을 저장할 때 태그로 꼭 “티스토리” 혹은 “tistory” 이렇게 지정해주어야 한다는 점이다.

위의 공지사항에 소개된 방법으로 설정한 뒤 글을 쓰러 들어가면 전에 없던 이런 버튼이 보인다.



해당 버튼을 클릭하면 에버노트에서 티스토리 태깅이 된 글들을 불러와 선택할 수 있다.



이제 내용은 다 불러왔으니, 제목을 적어주면 티스토리로 옮기기 완성.




마치며

사실 이걸 한다고 해서 구글 애드센스가 승인이 날지는 모르겠지만 그래도 일단 해봐야지.



엄청 heavy하게 markdown language 를 사용하는 것은 아니지만
그래도 이 기능 저 기능을 쓰면서 블로그에 올릴 글들을 먼저 적는 편이다.

그런데 인용구 (blockquote) 부분이 마음에 안드는 거다.
생각보다 자주 쓰는데 말이다.

그래서 CSS blockquote 를 구글에 검색해서 마음에 드는 놈으로 적용시켰다.

역시 구글이 사수.

Tistory의 style.css 파일에서 인용구와 관련된 부분을 찾아 바꾸어 주었다.

사용된 css 코드는 아래와 같다.

/* 본문 - 인용구 */
.entry blockquote {
  width: 90%;
  font-weight: bold;
  background: #D8D8D8;
  border-left: 10px solid #FF8224;
  border-right: 10px solid #FF8224;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

.entry blockquote:before {
  color: #FF8224;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
}

.entry blockquote p {
  display: inline;
}

적용 모습은 이렇다.



색이며 글꼴이며 마음에 들어서 한동안 이 걸로 쓰지 않을까 싶다.


미투데이의 글배달 기능 셋팅해놨더니 글 정렬이 엉망으로 왔다.

네이버 블로그로는 어떻게 배달되는진 모르겠지만,
티스토리로 배달되는 미투데이 글들은 읽기도 난해하게 배달되어 왔다.

조금 검색을 해보니 나만 그런 문제가 있었던 것은 아니었나보다.

이런저런 블로그들을 눈팅한 끝에 결론은 미투데이에서 배달되어 오는 글들은
몇 가지 태그로 분류되어 있으며, style.css 파일을 수정해 꾸밀 수 있다는 것.

그 과정을 요약하면 다음과 같다.



1) 우선 관리자 페이지로 들어가 CSS 파일을 연다.









2) style.css 의 제일 하단에 아래의 소스코드를 추가한다.


/* me2day style setup */



/* 배달되는 글의 전체 테두리 */

.me2day_daily_digest {

    border:1px solid #eaeaea;

}


.me2day_daily_digest ul {

    margin:0;

    padding:0;

    list-style:none;

    border:1px dotted #cdcdcd;

}


.me2day_daily_digest li {

    margin:0 5px;

    padding:0 0 0 20px;

    list-style:none;

    line-height:200%;

    border-bottom:1px dotted #cdcdcd;

    /* 글머리 아이콘을 미투데이 로고 (소형)으로 */

    background:url('http://static1.me2day.com/images/new_sub/img_btn_me2day_icon_purple_c3.gif') no-repeat left 3px;

}


/* 날짜 표시부 옵션 */

.me2day_daily_digest ul li .datetime a {

font-size: 90%;

padding-left: 10px;

color:#5A32B4;

}


/* 미투데이 글 태그 표시부 옵션 */

.me2day_daily_digest ul li .me2_tags {

padding-left: 10px;

font-size: 90%;

color: #BDBDBD;

}


/* 미투데이 글 중 이미지 표시부 옵션 */

.me2day_daily_digest ul li img {

border: 1px dotted #DB9CFF;

margin-left: 50px;

}




이렇게 세팅하면 아래의 포스팅과 같은 모양으로 배달된다.


CSS를 다 설명할 순 없으니, 관련 옵션들은 찾아보시고 본인의 입맛에 맛게 설정해서 

미투데이 글 역시 하나의 예쁜 포스팅이 되도록 꾸며봅시다. :)


+ Recent posts