이미지 압축(사이즈 줄이기) 사이트 추천 안녕하세요 코딩런입니다.티스토리에서 홈페이지나 블로그를 운영하다보면 속도에 참 민감해져서 포스팅 이미지 사이즈를 줄일 수는 없을까 고민하시는 분들이 많으실 겁니다. 여러가지 온라인 사이트를 이용해 봤는데 현재 사용하는 사이트가 가장 마음에 들어서 여러분들께도 소개드리고자 합니다. http://optimizilla.com/ko/란 사이트 인데요.압축률은 다른 사이트에 비해서 많이 높은편은 아니지만 60~70%정도면 굉장히 높은 압축률에 속합니다. 이미지 사이즈를 줄여서 압축했다 하더라도 이전 이미지와 비교했을 때 사람의 눈으로는 거의 식별이 불가능합니다.압축률보다도 이 사이트에서 가장 마음에 들었던 점은 이미지를 20개까지 일괄등록하여 변환이 가능하고, 이미지명을 가리지 않는다는 점입니다. 이전에 사용하던.. IT Tip/Skin Tip 2016. 9. 23. 08:30
티스토리 사이드바 위치 변경 방법 안녕하세요 코딩런입니다.이번 포스팅에서는 사이드바 위치를 오른쪽에서 왼쪽으로 바꿔보겠습니다.다른 스킨들은 간단하게 사이드바 위치를 변경할 수 있으나, CCZ-CROSS스킨은 사이드바 영역이 따로 지정되어 있기 때문에 약간 더 수정이 필요합니다. 어렵지 않으니 천천히 따라오시면 손쉽게 사이드바 위치를 변경할 수 있습니다!1. CSS편집에서 #content를 검색해당 부분에 오셨으면 #content에서 float: left; 부분과 #sidebar에서 float: right; 부분을 서로 바꿔줍니다. float: left; 였던 아이를 float: right;로 float: right; 였던 아이를 float: left;로 변경하여 줍니다. 위치는 바뀌었지만 겹쳐지고 깨져서 나오네요.다른 스킨 같은 경우에는.. IT Tip/Skin Tip 2016. 9. 22. 13:55
티스토리 스킨 썸네일 위치 변경 방법 안녕하세요 코딩런입니다. 요즘은 글 목록에서 썸네일 이미지가 오른쪽에 위치하는 스킨이 많더라구요. 개인적으로 썸네일 이미지가 왼쪽에 있는게 좋아서 오른쪽에 있던 썸네일 이미지를 왼쪽으로 옮겨 보겠습니다.1. 관리자 모드에서 HTML 수정모드로 진입.list-row pos-right를 검색합니다. pos-right 부분을 pos-left로 변경하여 줍니다.기본적으로 CCZ-CROSS스킨은 썸네일 이미지가 오른쪽으로 설정이 되어있습니다. 코드를 수정하면 위와같이 썸네일 이미지가 왼쪽에 위치하게 됩니다. IT Tip/Skin Tip 2016. 9. 21. 19:33
티스토리 방문자 이미지 변경 방법 안녕하세요 코딩런입니다.기본적으로 적용되어있는 방문자 이미지를 내가 원하는 이미지로 변경하는 방법을 포스팅 해보도록 하겠습니다.CCZ-CROSS스킨은 기본적으로 어나니머스 이미지가 적용이 되어있습니다. 어나니머스 이미지를 귀여운 스마일 모양으로 바꿔보도록 하겠습니다.1. 관리자 메뉴에서 HTML/CSS 편집으로 진입 -> 파일업로드 원하는 이미지를 만들거나 다운받아 업로드를 합니다.이미지 사이즈는 48px x 48px가 적당합니다. 2. CSS탭에서 guest검색후 이미지 변경CSS탭에서 .guest_general검색 후 url부분에 이전에 업로드한 파일명으로 변경.ex)url(image/anonymous_48.png) 였다면, url(image/smile.png)로 변경.guest-general은 일반.. IT Tip/Skin Tip 2016. 9. 20. 16:32
반응형 스킨 로딩속도 올리기 (CCZ-CROSS 스킨) 안녕하세요 코딩런입니다.이제 슬슬 수정내역을 포스팅하고자 합니다. 가장 처음으로 이 CCZ-CROSS스킨을 사용하면 로딩 속도가 느리다는 평이 대부분입니다.그래서 썸네일 치환자를 바꿔주고 fouc처리된 코드도 삭제를 해줍시다.fouc삭제는 눈속임(?)이지만 그래도 답답하게 페이지가 뜨는 것보다는 훨씬 낫기 때문에 fouc는 삭제를 해줍니다. 수정을 하기위해 관리자 페이지로 진입합니다.여기서 HTML/CSS 편집 클릭! 이번 포스팅에는 HTML코드만 수정하면 되므로 HTML탭 클릭! CTRL + F를 누르고 검색해서 찾은다음 변경하면 끝!!주의 : 위에 엑스표시 있는곳에 검색하시고 안된다고 하시는 분들이 계신데 검색은 항상 노란박스에서 해주세요. 1. 썸네일 치환자 변경기존에 이던 치환자를 이렇게 변경시켜.. IT Tip/Skin Tip 2016. 9. 19. 15:26
반응형 스킨 CCZ-CROSS로 변경 흉내쟁이님이 만드신 반응형 스킨 CCZ-CROSS로 변경하였습니다.사실 변경한지는 좀 되었는데 강의를 제작하느라 리뉴얼작업이 늦어지고 있었네요 ㅎㅎ요 반응형 스킨은 심플하기도 하고 수정하기도 용이해서 마음에 쏙 드는 스킨입니다.이런 스킨을 무료로 배포해 주시는 흉내쟁이님께 감사를!!! 스킨 배포는 이곳을 클릭하세요! 조금씩 블로그를 홈페이지화 시켜보도록 하겠습니다. ㅎㅎComing soon. IT Tip/Skin Tip 2016. 9. 14. 01:04
