은둔고수의 지식나무

[티스토리 블로그 Recent Posts(최근 포스트) 스킨 오류 수정하기]

어느덧 제가 티스토리를 시작한 지 55일쯤 되었습니다.

티스토리가 뭔지 블로그가 뭔지 잘 모르고 시작했었죠. (여전히 잘 모르는 것은 마찬가지지만)

의식을 안 하려 하지만 항상 타인의 블로그를 방문해 구경을 참 많이 합니다.

그런데 아뿔싸, 다른 이들의 블로그는 페이지에 깔끔함과 풍성함이 가득한데 내 것은 뭔가 빠져 보였습니다.

열심히 그 이유를 찾아보았죠. 그리고 가장 큰 차이를 찾았습니다.

그건 바로 포스트 하단의 Recent Posts의 이미지가 스킨 오류로 인해 나타나지 않는 것이었습니다.

처음에는 제가 설정한 스킨의 컨셉으로 알았으나 그것이 아니었던 것이죠.

그래서 부랴부랴 오류 설정을 하기 위해 노력, 결국 오류를 수정했습니다.

그리고 저와 같은 어려움을 겪고 있는 다른 분들과 공유하고자 포스팅을 하려고 합니다.

그럼 시작하도록 하겠습니다.

처음 포스팅의 하단에 보면 Recent posts에 마우스 화살표를 가져다 대면 글만 보입니다.

그리고 나머지 부분은 아무런 이미지도 뜨지 않지요.

그래서 스킨 오류 수정을 위해 티스토리의 블로그관리 홈으로 갑니다.

그리고 스킨편집을 클릭

여기서 오른쪽에 있는 html 편집 클릭

그럼 오른쪽과 같은 화면이 나타납니다.

여기서 파일업로드 클릭

그리고 이 화면은 그대로 놔둡니다.

위와 같은 화면이 나타나는데요.

Recent posts 오류는 제일 하단에 있는 'images/ygal-edit_js' 때문에 생긴 것입니다.

따라서 저것을 오류가 없도록 수정해서 올려줘야 되겠지요.

그럼 다시 블로그관리 홈으로 와서 이번에는 스킨변경 클릭

그 후에 위와 같이 스킨 다운로드 클릭하여 다운로드한 후

압축을 풀어 줍니다.

압축을 풀어준 파일 중에서 images 폴더 클릭

그러면 파일 중에 ygal-edit.js 파일이 있습니다.

마우스 오른쪽 클릭을 하면

저도 이유는 모르겠지만 이처럼 오류가 뜨는 경우가 있습니다.

하지만 우리는 편집을 할 것이기 때문에 당황하지 않고 파일을 마우스 오른쪽 클릭하여 편집을 선택합니다.

그러면 이처럼 메모장이 뜨고

ygal-edit.js 파일의 html이 쭉 가로로 생깁니다.

(인터넷 뒤져보니 다들 세로로 뜨는 것 같은데 저는 왜 가로로 생기는 모르겠네요.)

아무튼 우리가 찾아서 수정해야 될 것은 var z = "image" 이것과 var e 부분의 content = "//cfile'; 

이렇게 두 부분입니다.

옆으로 쭉 가서 var z = "image"를 찾으면 끝에 위와 같이 ; (세미콜론)을 추가하여 var z = "image";로 바꿉니다.

이렇게 바꾼 다음 다시 화면을 옆으로 가서

var e 부분을 찾았으면 content = "//cfile'; 부분에서 //cfile 앞에 http: 를 추가하여 content = "http://cfile';로 

바꿔줍니다.

이렇게 바꾸는 것까지 완료하고 나면

다시 저장을 합니다.

그리고 아까 띄워놓은 화면에서 맨 아래에 있는 오류의 원인이 되었던 파일을 클릭 한번 하고 나서 삭제를 합니다.

(수정된 파일로 대체할 것이니까)

그리고 추가를 클릭한 후 수정한 파일을 더블클릭합니다.

그러면 아까 파일을 삭제했던 자리에 다시 수정한 파일이 업로드가 된 것을 확인할 수 있습니다.

그 후에 위쪽에 있는 저장 꼭 클릭!!!

티스토리 로그아웃 후에 다시 로그인하면 위와 같이 Recent posts에 이미지가 보입니다.

이와 같이 이미지가 잘 보이면 수정이 제대로 된 것입니다.

수정하는 방법을 찾고 수정하는데 꽤 오랜 시간이 걸렸지만

수정하고 나니 뿌듯합니다.

최근 포스트 오류가 있으신 다른 분들도 수정해서 저와 같은 뿌듯함을 만끽하시길 바랍니다.