며칠 전 블로그 스킨을 바꿨습니다.
대대적으로 스킨을 변경하는것도 쉽지 않았지만, 메인화면을 티에디션으로 꾸미는데도 꽤 애 먹었습니다.
티에디션이 메인화면을 있어보이게 만드는데는 참 좋은툴이기는 한데, 썸네일을 마음대로 하기가 어렵다는 단점이 있더군요.
제가 원하는 썸네일 크기는 가로가 665픽셀 정도였는데, 크기 수정 자체가 없어서 어떻게 해결해야할지 고민을 좀 했습니다.
썸네일 → 원본이미지로 바꾸기
[티에디션 설정]에 들어가셔서, 이미 배치해놓으신 아이템을 선택하신 후
[디자인]에서 [HTML]버튼을 누르면 HTML수정을 직접 할 수 있습니다.
소스가 엄청 복잡할텐데요, 잘 살펴보면
http://[##_article_rep_thumb_host[?]_##]/[##_thumb_type[?]_##]/[##_article_rep_thumb_hash[?]_##]
라고 되어있는 부분이 있습니다.(?는 숫자)
여기서 중간의 "[##_thumb_type[?]_##]"를 모두 "original"로 바꿔줍니다.(번호는 무시하세요)
위와 같이 수정 후 저장하면 원본이미지 불러오는건 끝입니다.
이 방법의 단점은 사이즈가 제각각으로 나온다는 겁니다.
그나마 티스토리에서 제공하는 썸네일은 크기가 작더라도 썸네일 크기는 다 똑같아서 상관이 없는데 말이죠.
덧) 그래서 저는 DIV에 CSS로 배경이미지로 지정하여 사용하고 있습니다.
'Web > Coding' 카테고리의 다른 글
무료로 나만의 위키 장만하기 (2) | 2012.11.13 |
---|---|
이미지의 Alt태그와 Title태그의 중요성 (2) | 2012.10.29 |
Pinterest 깔끔하게 보는 방법 (0) | 2012.04.23 |
트위터, 페이스북에 나만의 짧은 URL로 블로그 글 보내기(yourls) (0) | 2012.01.27 |
무료로 나만의 짧은 URL 서비스 만들기(yourls) (0) | 2012.01.25 |