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

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

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

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

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

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

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

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

적용 방법은 간단합니다.

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

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

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

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

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

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

이제 글쓰기에 들어가셔서

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

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

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

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

그 중 하나를 선택하시면

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

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

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

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

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

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

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

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

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

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

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

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

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

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

위와 같은 화면이 뜨는데요

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

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

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

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

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

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

그리고 확인을 선택.

설정이 완료되었습니다.

테스트를 해본 결과.

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

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

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

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

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

매번 맥북으로 포스팅 작업을 하다가

오랜만에 윈도우7이 깔린 노트북으로 포스팅을 해보려 했습니다.

그런데 사진을 올리려고 하니 아래처럼

Daum 포토업로드는 Flash Playre 10 최신버전이 필요하다는 오류가 뜹니다.

음... 저는 이미 최신버전이 깔려있는데 뭐가 문제일까요.

답답한 마음에 자세히 보기를 클릭하여 확인해보았습니다.

자세히 보기를 클릭하면 다음 고객센터로 연결되지만

티스토리 사진 업로더의 플래시 플레이어 관련 내용을 찾아봐도 만족할만한 내용을 찾을수 없었습니다.

티스토리 내용 링크(클릭)

http://cs.daum.net/faq/173/7589.html?faqId=34628

열심히 검색해본 결과

크롬의 설정이 문제였습니다.

(참고로 맥북 osx 에서 해결방법도 동일 합니다.)

우선 크롬을 실행하신후 우측상단의 세로 ... 을 선택하신후 설정을 눌러주세요.

아래쪽으로 쭉 내리신 후 고급 버튼을 눌러주세요

개인정보 및 보안 항목에 콘텐츠 설정을 클릭합니다.

또 다시 설정 항목을 선택해야 하는데

아래쪽으로 조금 내려보시면 우리가 찾던 Flash 항목이 있습니다.

바로 이 부분 설정이 문제입니다.

사이트에서 Flash를 실행하도록 허용은 On

우선확인은 Off

이렇게 설정이 되어있어야 포토 업로더가 제대로 동작을 합니다.

이제 설정을 변경하고 다시 블로그로 가서 사진 업로드를 해볼까요?

이젠 오류가 없어졌습니다!!

다시 블로그 포스팅을 시작해야겠네요.

고민~ 해결!!

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

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

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

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

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

네이버 지도(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보관함 - 업로드한 스킨의 적용 

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

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

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

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

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

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

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

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

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

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

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

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

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

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