티스토리 square스킨 recent posts 오류 해결방법

Square 스킨이 화면이 넓고 매뉴도 옆에 있어서 많은 분들이 쓰고 계실텐데요.

저도 광고를 달 칸이 많아 보여서 이 스킨을 골랐는데 아직 광고는 못달고 있습니다. T.T 애드고시의 벽...

그런데 이 스킨에는 치명적인 단점이 있으니 그게 바로 하단에 recent posts의 그림이 나오지 않는 현상이 입니다.

이유는 바로 페이지에 버그가 있어서 이미지가 표시되지 않는것이였습니다.

이번 시간에 아주 간단하게 한번 고쳐보도록 하겠습니다.

해결방법

1. 문제의 스킨을 다운로드합니다.

블로그 관리 -> 스킨변경 -> 스킨 다운로드

2. 버그가 있는 소스를 알맞게 수정합니다.

다운받은 파일 압축 해제 -> images\ygal-edit.js 파일 편집

파일을 위 그림과 같이 붉은 박스친 부분만 수정하시면 되겠습니다.

수정할 내역은 총3군데 입니다.

var z = "image"  -> var z = "image"; 마지막에 ; 추가     var e = '<meta property="og:image" content="cfile'; -> var e = '<meta property="og:image" content="http://cfile';  content=" 뒤에 http: 추가     var x = '<meta property="og:image" content="m1.daumcdn.net/'; -> var x = '<meta property="og:image" content="http://m1.daumcdn.net/'; content=" 뒤에 http: 추가

귀찮으신 분들을 위해 수정한 버젼 업로드해 놓았습니다. 직접 수정하시거나 아래 파일을 받아서 사용하시면 되겠습니다.

ygal-edit.js

3.파일 바꿔주기

이렇게 수정한 파일을 이제 업로드만 해주면 됩니다.

스킨편집 -> html 편집 -> 파일업로드 -> images/yagal-edit.js 삭제 -> 수정한 images/yagal-edit.js 업로드

문제의 원본파일 삭제해 줍니다.

추가 버튼을 클릭해서 수정한 파일 추가하면 됩니다.

후에 블로그 메인 페이지를 새로고침하면 잘 나오는것을 확인 할 수 있습니다.

주의하실점은 티스토리 특성상 다른 스킨으로 변경해 버리면 지금 설정값이 모두 날라가버리니 위의 작업을 다시 해줘야 합니다.

스킨 변경시 스킨 보관을 하시고 변경하시기 바랍니다.