내가 미처 못한 것이 있는데 바로 티스토리를 네이버 웹마스터에 등록은 했으나 사이트맵 등록은 하지 않는것이다.
이번에 네이버에서 티스토리 의도적인지 아닌지 모르지만 많은 누락사건으로...

좀 더 어떻게든 더 많이 로봇님 수집해주세요 라는 마음으로 간절히 사이트맵도 등록했다.


실제로 위 웹마스터 관리자 가서 살펴보면 되는데.
아니.
검색로봇 수집에 사이트맵이야 제출 안했다 쳐서 엑스로 나오지만
RSS는 왜 안제출되었다고 나오고 회색으로 일자로 그어져있는가!!
몇년전에 분명 제출 했거늘…ㅠ

그래서 다시 지웠다가 RSS 다시 등록해줬다.
그랬더니 초록이 체크로 갱신됨 ㅠㅠ
네이버…수상해...


여튼 티스토리 사이트맵 등록방법은 다음과 같다.
우선 사이트맵 생성해주는 곳으로 가서 만들어주면 된다.
그리고 그 파일을 받아서 링크를 웹마스터 관리자에 넣어주면 연동이 완료되는것이다.

SITEMAP 만들어주는 사이트는 다음과 같다.

http://www.check-domains.com/sitemap/index.php
http://www.web-site-map.com/

우리는 맨 첫번째 사이트를 중점으로 예시로 작성해보도록 하겠다.

이동한 다음, 아래 처럼 스샷에 표시된 빨간 네모박스 주소창에 내 블로그 주소를 넣어줌.
이때 http://가 미리 쓰여져 있으니 쌩 주소만 가져와야 한다.
주소창에서 복사 붙여넣고 http://가 두번 들어갈수 있으니깐 말이다.
두번 들어가면 지워주면 됨.

암턴간에 http://example.tistory.com 이런식으로 형식이 되면 된다.
그리고 그 옆에 “Create Sitemap” 버튼 클릭.


블로그에 등록한 글 수가 많으면 많을수록 시간이 좀 더 걸린다.
암튼 바로 안된다.
좀 기다려준다.

나는 켜놓고 다른 업무 봤다.
다 되면 아래쪽에 아래처럼 나온다.

브로큰 링크랑 생성된 사이트맵에 대한 미리보기 혹은 다운로드 버튼이 뿅 하고 보인다.


브로큰 링크는 깨진 링크 나오는건데 뭐 무시해도 된다.
XML sitemap 의 Download버튼을 누른다.

그러면 sitemap.xml 파일이 내려받기 된다.
받은걸 이제 내 티스토리에 비공개 글로 올려서 링크를 뽑아내야 한다

나의 경우 아래처럼 포스팅 했고, 파일을 클릭해서 해당 파일을 업로드했다.
비공개로 저장해주시면 되겠다.


그리고 해당 포스팅으로 가서 첨부파일 우측 마우스 클릭하고 링크주소 복사를 한다.
(이때 꼭 파일 이름이 sitemap이어야 할 필요는 없다. 이름은 중요치 않고 내용이 필요하니깐요)

그러면 example.tistory.com/attachment/cfile어쩌고저쩌고 이렇게 링크가 복사될 것이다.

딱 attachment부터 끝까지 복사하고 아래처럼 붙여넣는다.


붙여넣는 위치는 네이버 웹마스터 도구, 내 블로그 주소 관리 페이지로 이동하고
좌측 사이드 바 메뉴에서 “요청” > “사이트맵제출” 로 이동한다.

그러면 위처럼 나오는데 여기서 붙여넣고 확인 버튼 누르면 된다.
그럼 끝!!
도움 되길 바라면서 포스팅은 이만. =3=3


Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


가지고 있는 티스토리 블로그 글목록의 제목만 가져와서 따로 구글 독스 스프레드시트(또는 액셀)에 저장했다.

시간상 간단하고 허접하게만 만들어서 일괄 출력해서 붙여넣음.

이걸 하는 이유는 내가 쓴 포스팅을 이전 글에서 찾을때가 있는데 여러개 블로그 운영하다보면 어디에 썼는지 몰라서 다 찾아봐야한다.

블로그수가 많아지면 시간낭비... 제목만으로도 키워드 찾는데 충분하기 땜시


그래서 일단은 허접하게 그냥 코드에 변수만 바꿔서 브라우저에 출력시키고, 전체선택해서 바로 구글 스프레드시트(또는 엑셀)에 붙여넣을수 있도록 했다.

혹시 나처럼 티스토리 API써서, 제목만 따서 가져올분은 참고하시길

저는 형식 : 티스토리제목 (탭) 날짜 (탭) 주소(링크있음)로 출력했습니다.



티스토리 API 가이드는 아래와 같고 일단 인증키를 받아야 함.

액세스토큰을 받아서 넣어준다.

http://tistory.com/guide/api/oauth


발급 방법은 아래의 블로그 참고.

http://trip.limsee.com/325


토큰 얻어오고, 블로그 주소와 리스트에 출력되는 페이지 수를 알아낸다음 아래의 코드에 붙여넣고 돌림.

(php파일형식)


페이지 수는 크롬 시크랩 탭을 연 다음(이렇게 하는 이유는 공개글의 카운팅 수만 알아내기 위해서. 로긴안했음 이건 패스), 전체보기 누르고 가장 끝자리 수를 가져오면 된다

내 블로그는 10개씩만 리스팅되어서 그대로 가져왔다

api상에서 30개가 최대임.

 

//************************

$atoken="액세스토큰넘버";

$page_num = 10개(예시) 기준 페이지 수

$pn = 10; // 10개(예시)

$blog_name = "xxx"; // xxx.tistory.com

//************************


echo "<table>";

for($i=0; $i<$page_num;$i++){

$ch = cURL_init();

$p = $i+1;

$get_list = "http://www.tistory.com/apis/post/list?access_token=".$atoken;

$get_list .= "&blogName=".$blog_name."&sort=date&count=".$pn."&page=".$p;


cURL_setopt($ch, CURLOPT_URL, $get_list);

cURL_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

$response = cURL_exec($ch);

cURL_close($ch); 


$object = simplexml_load_string($response);

foreach($object->item->posts->post as $store) {

echo "<tr><td>".$store->title."</td>";

echo "<td>".$store->date."</td>";

echo "<td><a href='".$store->postUrl."' target='_blank'>".$store->postUrl."</a></td></tr>";

 }

}

echo "</table>";


이거 짜면서 몇시간동안 정상코드인데 출력안돼서 왜 안되지 끙끙댔는데

알고보니 https대신에 http로 써줘야 했다.

개발은 정말 사소한 부분에서 문제가 생기...


참고한곳

http://www.i-swear.com/tag/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC%20%EC%98%A4%ED%94%88API

XML파싱

http://triki.net/triki/php-parsing-xml-example-curl-84

그외 참고 (utf-8태그)

https://ofcourse.kr/html-course/%EC%9D%B8%EC%BD%94%EB%94%A9


메모.


Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


지금은 지원되지 않는 예전 티스토리 스킨을 보관하고 있는 사이트

http://est0que.tistory.com/notice/3035


티스토리 백업 스크립트 

https://gist.github.com/taylor224/5eef306afaef7a7a136c66daecba6e41


깃헙에 공개된것으로 진행하려 하는데

안내에 명시된 스킨이 현재로서 티스토리에서 지원되지 않아

찾다가 발견한것


메모.


Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


검색허용을 담당하는 티스토리 블로그 로봇 텍스트 파일의 위치는 다음과 같다

☞ 자신의 티스토리 블로그 경로/robots.txt


예를들어 본 블로글 예로 든다면

http://featured.tistory.com/robots.txt

이런식으로 구성되는것.


위 주소를 직접 이동하면 다음과 같이 나온다(현재 날짜기준, 이후 티스토리사 규정에 따라 바뀔수 있음)



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


어느날부턴가 특정 날짜 이후로 아예 방문자수가 0이 되었다.

이유가 뭐지? 그런데 글은 계속 남아있고...



해당 티스토리 주소로 이동하니까 블로그 제한 접근을 당했다.

의심되는것이 하나 있긴한데.

메일로 가보니 아래처럼 다음클린센터에서 보낸 내용이 적혀있었다.



악성프로그램 유포,

악성프로그램을 유포한적이 없다.

다만.

자바스크립트로 된 코인 채굴 스크립트를 삽입하긴 했었다

특성상 사용자 컴퓨터에 악성코드나 바이러스를 유포하지는 않고, 그냥 약간의 씨피유 자원이 소모되는 정도이다.

아마도 스크립트 동작으로 자원을 소모하므로 악성 프로그램으로 판단한것 같다.



만약 이의제기를 원하면 고객센터로 내용을 접수할수 있다고 했다.

다음 계정이 있어야 하는가?


어쨌든.

블로그가 막혔고, 이의제기를 하지 않거나 접수내용이 참작이 안되면 30일째에 블로그가 삭제된다고 했다.

그리고 이게 누적되면 계정이 짤릴거라고 한다.


이의제기를 할까말까 고민하다가.

한다고 해도 풀어줄지 의문이고(코인채굴 스크립트에 대한 당위성을 설명하기 피곤하며, 이것이 원인일 확률은 99.999%라 보고 있으며 그렇다해도 받아들여질지도 의문이며)

블로그로 수익을 위한 운영이었으나 개당 한달에 20~25$정도.인데. 요즘은 블로그 운영 피로도가 높아져서 거의 손 놓고 있는 상태라.

그냥 폐쇄할라고.


다만 기록했떤 내용은
빠르게 티스토리 백업을 받아두어야 겠다.



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


나만 그런지 모르겠으나... 적어보는 티스토리 관리 팁.


개인적으로 티스토리 기본 반응형 스킨 적용하면 텍스트 여백이 엄청 늘어난다. 이게 근데 처음엔 안그랬다가 그러기도 하고 뭔 이유인지 모르겠지만 혹시 나처럼 여백이 넘 크다 싶으면 아래 방법 참고해보세요.


아래는 해당 스킨의 블로그에서 작성한 글이다. 예시로 다음과 같은 텍스트가 있다고 하면 보면 기본적으로 그냥 엔터만 친건데 여백이 꽤 크다.



이게 피씨에서 봐도 그런데 모바일로 가면...?

방법은 CSS로 마진값을 조정해주면 적당한 여백을 유지할 수 있다.



우선 꾸미기 > HTML/CSS 편집으로 이동한 다음



만약 반응형스킨 #2의 이라면 다음의 코드값을 CSS에 넣어준다. 나의 경우 css에서 가장 아래에 삽입했다. 내가 추가 하는건 맨 아래 넣음을 추천. 나중에 다시 수정하려고 하면 찾기 쉽기 때문이다.



.area_view p {margin-bottom:10px;}


그러면 아래처럼 여백이 좀 붙어서 보인다.



티스토리 반응형 스킨 #1 의 경우는 CSS 수정코드가 약간 다르다.



마찬가지로 관리 메뉴로 이동한다음, CSS 에디터로 이동하고 하단에 아래 코드를 넣어주면 됩니다.

.skin_view .area_view p {margin-bottom:10px;}


// 좀 이상하면 .skin_view .area_view p {margin:10px;} 으로 해보세요



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


티스토리 블로그에도 배경음악을 넣을 수 있다. 자바스크립트 소스를 간단하게 넣을 수 있고, 음원은 유투브 링크로 음원만 재생이 가능하다. scm player라는 뮤직플레이어를 연동시키면 된다. 


1. 우선 http://scmplayer.co/ 홈페이지로 이동한다.


2. 조금 아래로 내리면 셋업 화면이 뜬다. 여기서 우선 블로그에 달고자 하는 스킨의 종류를 선택한다. 다양한 컬러가 있으므로 스타일에 맞는것을 선택하고 가장 오른쪽에 라디오박스에 체크해준다.


3. 그리고 하단의 Next 버튼을 눌러 다음으로 이동한다.



4. 그러면 플레이 리스트 지정화면이 뜬다. 좌측에는 플레이어 리스트에 표시될 음악가 및 곡의 이름을 써준다. 그리고 우측에는 유투브 링크를 복사 붙여넣기 해준다. 미리 듣기도 가능(우측에 플레이 버튼 누르면 됨)



예시에는 젝스키스 곡으로 두 개만 일단 넣었지만 더 많은 곡 추가가 가능하다. 그리고 하단 우측에 넥스트 버튼을 눌러 다음 셋업 단계로 이동한다.

다음 단계는 재생시 옵션 지정하는 부분이다.




  • Auto Play : 플레이어 자동 재생여부

  • Shuffle Playback : 랜덤재생 할 것인가?

  • Default Volume : 기본 볼륨 값 지정 수치가 클수록 소리가 커짐

  • Placement of Player Bar : 재생바위치 지정 (기본은 상위에 붙는다)

  • Show Playlist by Default : 플레이리스트(우측) 아예 노출할것인지 여부


다 지정하고 우측 버튼의 Done을 눌러 셋업을 마치면 지정한 정보에 맞게 스크립트를 가공해서 출력해주게 된다.

아래와 같이 나오는데 이것을 전체 선택후, 복사해둔다.



이제 이것을 내 티스토리 블로그에 넣어주어야 한다. 관리자 메뉴에서 "HTML/CSS편집"클릭한 다음, HTML편집기 가운데 <body> 태그 안에 이 복사한 소스를 넣어주신다.


나의 경우 가장 아래로 내려서 </body> 바로 위에 붙여 넣어줬다.

이렇게 하고 저장하면 내 블로그에 플레이 리스트가 뜬다. 만약 오토플레이 체크하여 활성화 했다면 방문하자마자 노래가 나오게 된다.



만일 재생바가 짤린다면 붙여넣기 한 소스 바로 위에 <br/>태그를 넣어주면 정상적으로 보이게 된다.

또한 가장 우측 햄버거 메뉴를 누르면 아래처럼 지정해둔 플레이 리스트가 뜬다.



유투브 링크를 활용한 음원 재생 플레이어 scm player를 나의 티스토리 블로그에 연동시키는 방법을 적어보았습니다.

궁금한 분들은 참고 되시길 바랍니다.


* 참고한 원 링크 : http://soapqueen.tistory.com/194



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


티스토리 페이지 단축키

Q : 블로그 메인 / 관리자 화면 전환

W : 글쓰기 화면 이동하기

A / S : 이전글 / 다음글

g : 방명록


글쓰기 모드 단축키

ctrl + b / u / i / d  : 굵게 / 밑줄 / 이탤릭체 / 취소선

ctrl + , . / : 좌측 중앙 우측 정렬

ctrl + z / y : 실행취소, 되돌리기(재실행)

tab / shift + tab : 들여쓰기, 내여쓰기

ctrl + k : 링크 / ctrl + alt + x : 효과제거

ctrl + q ; 인용


ctrl + s : 임시 저장

ctrl + m : 글쓰기 전체화면 모드 / 일반 글쓰기 UI 전환


ctrl + alt + o : 글 번호매기기 
ctrl + alt + u : 글 머리 기호로 매기기



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0

티스토리에서 이미지 외에도 슬라이드 쇼 삽입해서 이미지 여러장을 갤러리처럼 넘겨 보여주게 할수 있는데요.



삽입은 했지만 기본적으로 아래의 예시처럼 하단에 파일명이 나타나게 되는데 이 파일명을 노출하고 싶지 않다면 다음의 방법을 참고해보세요!

먼저 관리자로 이동하시구요. 그 다음에 "꾸미기" > "HTML/CSS편집" 메뉴를 선택합니다.



그리고 나타나는 화면에서 오른쪾 상단에 탭 여러개가 있는데 우리는 캡션의 요소를 안보여주게 할 예정이므로 CSS 항목을 클릭해주십니다. (아래 이미지에서 주황색으로 표시되는 부분)



그리고 편집기 원하는곳으로 가서(대부분 맨 아래로 이동하죠!)

다음의 코드를 붙여넣어주세요



.galleryCaption { display:none;}

이 코드 이구요. 직접 긁어서 붙여넣고 저장해보셔도 됩니다 :)

이렇게 저장하면 끝입니다! 간단하죠?


다시 돌아가 해당 글 확인해보시면 캡션이 눈감쪽같이 사라진것 보실수 있습니다.

대부분 슬라이드쇼에 적용되는 사항이지만 스킨에 따라서 이 방법이 적용이 안될수도 있습니다. 혹시 안되는 분은 비밀글 등으로 블로그 주소 알려주시면 해당 블로그 적용된 요소를 살펴보고 답변해드리겠습니다.



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0
티스토리 블로그에 글 폰트를 원하는것으로 바꾸는 방법 가운데 네이버 나눔글꼴로 변경하는 방법에 대해서 오늘 정리해보았습니다.


저도 현재 실제로 나눔고딕 폰트로 적용해서 사용중인데요.


웹폰트로 나눔고딕 폰트를 적용해서 실제 방문자의 피씨에 나눔고딕이 깔려있지 않아도 나눔고딕으로 방문자 시선으로 보여지게 됩니다. (다만 티스토리 모바일 웹 설정한 경우의 모바일 화면에서는 제외.)


서버에 웹폰트를 올려놓고 스타일시트 선언하면 사실 해결되는 부분인데요. 접속자 증가하면 서버 부담도 생기고 또 굳이 유료로 서버 사서 웹폰트 운영하는것보다는 기본 폰트를 쓰는게 나을지도 모릅니다.


구글에서는 많이 사용하는 웹폰트를 오픈하여 가져다 쓸수 있게 제공하고 있습니다. (네이버 나눔고딕의 경우 early access로 제공)

https://fonts.google.com/earlyaccess


* 자세히 알고 싶다면 위 링크 접속후 Ctrl+F 찾기 하여 nanum gothic으로 검색하면 아래처럼 해당 선언 및 설명이 나올것입니다.


위 처럼 선언해도 되고, 아래처럼 넣어줘도 되는데요.

저의 경우는 아래와 같이 선언자 HTML상단에 구글 경로로 나눔고딕 쓸수 있도록 넣어주었습니다.

(관리자 > 꾸미기 > HTML/CSS편집)



다음으로 CSS가셔서 최상위 태그 선언문에 글자 스타일을 나눔고딕 명명해서 실제 쓸수있도록 선언해줍니다.

(저는 정확도를 위해 세가지 부분으로 ‘나눔고딕, ‘NanumGothic’, ‘Naunum Gothic’ 이렇게 3가지 폰트 이름으로 앞에 넣어줬어요. 그 뒤는 기존 사용하고 있는 폰트명을 두었습니다.)



실제 HTML을 불러오면 읽을때 가장 왼쪽부터 우선순위로 읽습니다. 위의 경우 ‘나눔고딕’이라는 웹폰트명이 없으면 다음 오른쪽 선언된 폰트명을 읽습니다. 그렇게 차례대로 인식여부를 판단하고 인식되면 그 폰트로 페이지(블로그)에 폰트로 불러오게 됩니다.


우리는 웹폰트로 지정했으므로 구글 서버에 이상있지 않는한은 잘 불러와질것입니다.ㅎㅎ (위쪽에 구글경로로 웹폰트 스타일시트 선언한 부분)



Posted by 느린걸음아이_ 트랙백 0 : 댓글 0


티스토리 툴바