날이 점점 쌀쌀해지고 있습니다.

다들 감기 걸리지 않게 따뜻하게 입고 다니셔야 할거 같아요.

최근 일이 바빠서 블로그를 못하고 있다가 오늘에서야 겨우 짬이나 포스팅을 하게 되었네요.

티스토리 블로그를 하면서 불편하다고 생각했던 부분 중 하나가

여행글이라던가 연결된 내용을 포스팅 할때

이전글을 가져오는 기능이 있었으면 없다는것이었습니다.

하지만 내가 불편하면 다른 사람도 불편하다는 생각에 방법을 찾아보니

티스토리 플러그인에서 이전글 목록을 가져오고 링크까지 걸어주는 기능을 제공하고 있었습니다.

적용 방법은 간단합니다.

블로그 관리 화면에서 좌측 하단의 플러그인을 선택해주세요.

우측에 표시되는 플로그인 중 

이전 발행 글 링크 삽입을 선택해주세요.

팝업으로 위와 같은 화면이 뜨면 

어떤 형식으로 이전글을 표시할것인지 형식을 선택하고

적용을 눌러주면 설정이 완료됩니다.

이제 글쓰기에 들어가셔서

우측 하단에 있는 플러그인 항목을 펼쳐주시면

이전 글 넣기가 표시가 됩니다.

해당 플러그인을 선택하시면

제가 작성했던 글 목록이 쭉 보이네요

그 중 하나를 선택하시면

왼쪽에 보이시는것 처럼 본문에 제가 필요로 하는 이전글이 링크되어 표시됩니다.

정말 편리한 기능인데 여태 모르고 있었다는게 너무 아쉽네요.

알고 있었다면 더 좋은 포스팅을 할수 있지 않았을까 하는 생각이 듭니다.

애드센스를 시작하신 분들 대부분이 처음 목표로 잡으신게 PIN 번호 수령일텐데요

(제 경우엔 그랬습니다...)

드디어 왔습니다!!

사실 온지는 꽤 됐는데 게으른 마음에 미루고 있다가 드디어 등록하게 되었습니다.

PIN 번호의 발급 기준은 수익이 10$ 가 넘을 경우이고,

지급은 월 수익에 100$ 이상인 경우 지급이 됩니다.

그럼 PIN 등록 방법과 통장 등록 방법을 한번 알아보겠습니다.

PIN 발급 기준인 10$ 가 넘은 이후 애드센스 사이트 상단에 빨간색의 경고(?) 문구가 보입니다.

그리고 '청구서 수신 주소 확인' 이라는 항목도 보입니다.

해당 항목 아래쪽에 확인을 눌러주세요.

PIN 입력 항목에 우편으로 받은 6자리 코드를 입력합니다.

3번까지 입력이 가능하며, 실패할 경우 PIN을 다시 받아야 하는것 같습니다.

PIN 번호를 입력 후 하단의 제출을 누르면 완료.

생각보다 별게 없죠?

그 다음 수익을 지급받기 위해선 통장 등록이 필요합니다.

저는 KB국민은행에서 외화 통장을 발급 받아놓은 상태여서 바로 통장 등록을 시작하였습니다.

외화통장 관련 내용은 아래 포스트를 확인하세요

외화통장으로 환테크하기 - KB국민은행 외화통장(클릭)

에드 센스 메뉴에서 '설정 - 지급' 을 선택하시면 위와 같은 화면이 보입니다.

아직 통장을 등록하지 않아 유효한 결제 수단을 선택하라는 메세지가 보이네요.

해당 메세지의 업데이트 버튼을 선택합니다.

이런 그림이 뜨면 결제 수단 추가 를 선택해주세요.

저희는 통장으로 송금 받을것이기 때문에

새 은행 송금 세부정보 추가를 선택해주세요.

몇가지 정보 입력이 필요합니다.

수취인 ID는 선택사항이기 때문에 입력하지 않으셔도 되고

수익을 송금 받으실 분의 영문명과 해당 은행의 영문명을 입력합니다.

(제 경우에는 KOOKMIN BANK 를 입력하였습니다.)

SWIFT 코드는 외화 통장 첫 페이지에 나와있기 때문에 참고하셔서 입력하시고

계좌번호를 아래위에 두번 입력해 주신후 저장 버튼을 눌러주시면 끝!

이제 결제 수단에 방금 입력한 정보가 추가되었네요.

이젠 수익 입금만 기다리시면 됩니다.

블로거들이 포스팅을 하는 이유중에는

일상을 기록하기 위한 목적도 있지만

유용한 정보를 많은 분들에게 공유하고자 하는 목적도 있습니다.

그런 분들에게 유용한 기능을 소개해드릴까 합니다.

티스토리와 트위터를 연동하는 기능입니다.

우선 트위터 계정이 필요합니다.

(계정이 없는 분들은 twitter.com 에서 가입을 먼저 해주세요.)

티스토리 관리 메뉴로 가셔서 플러그인 설정을 선택합니다.

상단 탭 중에 글 보내기 메뉴를 선택하시면

트위터 글보내기 라는 플러그인이 있습니다.

트위터로 글보내기 플러그인을 선택하시면

위와 같은 화면이 뜨는데요

트위터 계정 연결하기를 선택합니다.

그 다음엔 트위터 로그인 정보를 입력하신 후 앱 인증을 눌러줍니다.

혹시 트위터 계정과 핸드폰 연결이 안되어 있으신 분들은

봇이 아니라는걸 확인하기 위해

폰번호와 계정 연결을 요구하는 경우도 있으니 참고하세요.

트위터 계정과 연결이 완료되면 연결이 완료되었다는 메세지로 바뀝니다.

그리고 확인을 선택.

설정이 완료되었습니다.

테스트를 해본 결과.

첫번째 발생시에만 트위터에 트윗이 됩니다.

그 이후 수정을 통한 발행은 트윗이 되지 않습니다.

만약 글을 삭제하시더라도 트윗은 삭제되지 않습니다.

물론 트윗 된 티스토리 링크를 선택하면 삭제된 글이기 때문에 보이진 않겠지만

공유되길 원치 않으시는 내용은 트위터에서 직접 삭제해주셔야 합니다.

블로그를 시작하면서 맛집이나 가볼만한 곳을 소개해드리는 경우가 있습니다.

그런데 다른 블로그 글들을 보면 네이버 블로그가 아니더라도

네이버 지도를 연결해서 보여주는 글들이 많아서 저도 사용해 보려고 방법을 찾아보았습니다.

그렇게 어렵지 않아서 금방 따라하실수 있을거 같네요.

우선 네이버 지도에서 원하는 장소를 검색합니다.

네이버 지도(http://map.naver.com/) 바로가기

저는 강남역을 검색해서 공유해보겠습니다.

강남역을 검색하시면 아래와 같이 정보가 뜨는데요

왼쪽 사이드에 있는 링크 모양을 클릭하신 후

HTML 태그 편집기 및 미리보기 를 클릭해주세요.

HTML 태그 편집기 및 미리보기를 선택하시면 아래와 같이 팝업창이 뜨게됩니다.

여기서 기본형, 미니형, 사용자 설정 중 하나를 선택해 지도 크기를 선택하시고

화면에 보여줄 위치 드래그해서 조정합니다. (확대 축소도 가능해요.)

조정이 끝나셨으면 하단에 보이는 HTML 복사하기를 누르신 후

복사 버튼을 눌러주시면 됩니다.

마지막으로 티스토리 편집창에서 우측 상단의 HTML 체크박스를 클릭해 편집 모드를 변경하고

복사된 링크를 붙여주시면 완료!!

(가운데 정렬을 원하시면 복사된 소스 아래위에 <center> </center> 를 입력해주세요.)

아래 지도가 위의 과정을 통해 붙인 지도입니다.

2017.7.23 | 지도 크게 보기 ©  NAVER Corp.

어제 FastBoot 반응형 스킨을 적용 후

썸네일에서 애드센스 코드가 보이는 문제점을 발견했습니다.

(adsbygoogle = window.adsbygoogle || []).push({});

이런 코드가 첫부분과 중간중간 보이는 것이었습니다.

처음엔 새로운 스킨을 적용하면서 기존 설정 부분이 잘못된 것인줄 알았는데

FastBoot 의 버그... 라고 하긴 그렇고

썸네일을 구성할때 애드센스 광고 스크립 중 일부를 본문으로 인식하고 보여주는 것이었습니다.

어제 검색할때는 내용이 잘 안나왔는데

역시 안풀릴때는 한박자 쉬어가는 것이 맞나봅니다

비슷한 문제를 해결하신 분이 계셔서 그분 블로그를 참고하여 바로 적용해 보았습니다.

기본 적용 방법은 아래 링크를 클릭해주세요

FastBoot 스킨 적용하기(클릭)

images 폴더 내에 있는 fastboot_index.js 파일 내용 수정이 약간 필요했습니다.

des = des.split("(adsbygoogle = window.adsbygoogle || []).push({});").join("");

위 코드를 아래 위치에 입력해주시면 됩니다.

description 내용을 가지고 있는 des 에서

썸네일에 코드로 표시되는 부분을 전부 찾아서 공백으로 바꿔주는 코드입니다.

변경된 파일을 이용해 스킨 적용작업을 다시 진행하고

html / css 수정에서 SNS 공유버튼 코드를 입력하게 되면

이제 썸네일이 제대로 나오네요!!

고민 해결!!!

이전 포스팅을 보신분들은 아시겠지만

FastBoot 스킨을 적용하다 실패했습니다 ㅠㅠ

그러다보니 AddThis 를 이용해 SNS 공유버튼 만들어 놓은것도 같이 사라졌네요

 그래서 겸사겸사 여러분들께 소개도 할겸 다시 달아보았습니다.

사실 티스토리에서 기본적인 SNS 공유버튼을 제공하고 있습니다.

제일 아래쪽으로 내려보시면 페이스북이나 카카오톡, 트위터로 공유할 수 있는 버튼이 보이실텐데요

원래 제공하는 버튼보다 좀 더 이쁘고 눈에 띄게 할 방법이 없을까 찾아보다가 

AddThis 를 알게 되었습니다

접속 주소는 www.addthis.com 입니다.

처음 접속하시면 아래와 같은 화면이 보입니다.

구글이나 페이스북을 통한 로그인 또는 이메일로 신규 가입을 통해 로그인을 해주시면 됩니다.

로그인 하시게 되면 위에 메뉴가 있는 화면 또는 'Select a tool' 이라고 보이는 화면이 보입니다.

(상황별로 다른데 어떤 조건때문인지는 찾지 못했습니다.)

'Select a tool' 인 경우엔 간단하게

Share Buttons 를 선택하시면 됩니다.

만약 아래와 같이 상단에 메뉴가 보이는 화면이라면

Tools 를 선택하시고 가운데 보이는 + 를 눌러주시면 됩니다.

이제 원하시는 모양의 버튼을 만드시면 되는데

저는 Sidebar를 선택했습니다.

다음 단계로 넘어가면

버튼의 위치와 어떤 SNS를 연결할지에 대한 세팅을 합니다.

버튼 위치는 데스크탑인 경우와 모바일인 경우로 나누어져 있으니 원하시는 위치를 선택하시면 되고

'Select your own' 라디오 버튼을 선택하여 

원하시는 SNS 서비스를 추가, 삭제, 또는 버튼의 위치변경도 가능합니다.

저는 아래와 같이 세팅을 해보았습니다.

다 정하셨다면 'Save & Continue' 를 선택해주세요~

마지막단계로 코드 복사를 해주시면 됩니다.

복사를 하셨다면 이제 티스토리 관리 페이지로 돌아가셔서

HTML / CSS 편집 을 선택해주세요

코드 복사화면 아래쪽에도 설명이 되어 있지만

복사하신 코드는 </body> 문구 위쪽에 넣어주시면 됩니다.

스크롤로 내려가며 찾기는 힘드실수도 있으니 컨트롤+f 를 통해 '/body' 를 검색해 주세요

티스토리 편집까지 끝나면

아래와 같이 SNS 공유 버튼이 추가된것을 확인하실수 있습니다

블로그에 글을 쓰기 시작한지 일주일 정도 지났습니다.

어떤 주제를 어떤 방식으로 풀어나갈지 고민도 하고

다른 분들은 어떻게 블로그를 운영하는지 벤치마킹도 해봤습니다.

짧은 기간이었지만 가장 눈에 띄는 차이점이 보였습니다.

가. 독. 성

처음 적용한 스킨은 티스토리에서 기본으로 적용하는 스킨이었습니다.

스킨을 고른 이유는 단순히 배경이 이뻐서... 였는데

다른 분들과 비교해보니 쉽게 눈에 들어오지 않는 느낌이었습니다.

뭔가 개선할 점이 없을까 하고 이리저리 찾아다니던 중!!

효자손님 블로그를 발견했습니다.

티스토리 블로그를 시작하는 사람에겐 정말 꿀팁이 흘러 넘치는 신세계였죠~

거기서 FastBoot 스킨 적용하는 법을 보고 당장 작업을 시작했습니다.

(참고 : http://rgy0409.tistory.com/1390 - 친절한효자손의 취미생활)

FastBoot 스킨과 관련된 내용과 다운로드는 아래 사이트로 접속하셔면 됩니다.

▲ http://blog.readiz.com/214#.V-IMryiLSUk

아래쪽으로 쭉 내려보시면 아래 그림과 같이 다운로드 하는 곳이 있고

저는 효자손님과 같이 가장 최신인 1.6.2 버전을 다운로드 했습니다.

(각종 업데이트 내역이 포함된 버전인듯 합니다.)

압축파일을 풀고 티스토리 관리화면으로 들어갑니다.

스킨 - 스킨 등록 순서로 들어가시면

중앙 화면 아래쪽에 추가 버튼을 눌러주세요

이제 다운로드 받은 파일들을 업로드 합니다.

처음 압축을 풀면 아래와 같이 구성이 되어있습니다.

업로드는 두번으로 나눠서 해야하는데

하위폴더 업로드 기능을 지원하지 않기 때문입니다.

그래서 images 폴더를 제외한 나머지 파일들을 1차로 업로드 하시고

images 폴더에 있는 파일들을 2차로 업로드 하시면 됩니다.

파일 업로드를 완료하신 후 스킨 저장명을 입력하시고

저장 버튼을 눌러주시면 업로드는 완료가 됩니다.

다시 티스토리 관리화면에서

스킨 - PC보관함 - 업로드한 스킨의 적용 

순서로 작업을 진행하시면 스킨 적용이 완료가 됩니다

스킨을 적용한 모습입니다!!

카테고리와 작성된 글 내용이 눈에 쏙쏙 들어오는 느낌이네요

그런데... 글을 적다보니 뭔가 이상한 느낌이 듭니다...

이전에 적용한 설정들이 보이지가 않네요... ㅠ

사이드에 공유버튼이라던가

섬네일에 보이는 구글 광고 코드...

새로운 스킨을 적용하면서 기존 설정이 다 날아간듯합니다.

음... 확인결과 일단 광고 적용한건 잘 보이는 것 같습니다.

섬네일에서만 이상하게 보이는것 같네요

혹시나 스킨을 적용하기로 마음먹으셨다면

기존 설정 백업받는 방법을 확인하셔야 할듯 합니다.

전 이미 늦었으니 글 하나하나 수정해야 할것 같습니다 ㅠㅠ

혹시나 팁을 발견한다면 업데이트해서 알려드릴게요~