반응형 티스토리 (4) 썸네일형 리스트형 티스토리 - 이모티콘 사용법 & 사이즈 변경 티스토리에서도 카카오톡 이모티콘을 쓸 수 있다, 다만 기본 이모티콘만 사용 가능하다. 예시: 이모티콘 삽입 방법 상단에 웃는 얼굴 클릭. 사용 가능한 기본 이모티콘뿐이라 아쉽다. 사용할 이모티콘 클릭하면 자동으로 이모티콘이 글에 삽입됨. 이모티콘 삽입했지만 이모티콘 편집은 불가능하다. 정렬만 왼쪽 혹은 중앙 혹은 오른쪽으로밖에 안된다. CSS를 활용하여 이모티콘 사이즈 변경하기 상단에 기본모드 클릭 후 HTML 클릭. 사이즈 변경할 이모티콘의 img 태그 속 width="150"의 숫자 부분을 변경, 예: width="300" 삽입으로 넒이 변경. 추가로 height=""를 넣어 높이도 조정 가능. 사이즈 변경 완료! 티스토리 - 코드 하이라이트 적용하기 (highlight.js) highlight.js 라이브러리로 블로그에 코드 하이라이트 적용하기 CDN 링크로 블로그에 highlight.js 적용 방법 구글에 Getting highlight.js 검색 후, 위처럼 Getting highlight.js 클릭 혹은 https://highlightjs.org/download/ 링크로 이동 사진 속 cdnjs 링크 복사 간편하게 위 코드 복사 이제 복사한 코드를 티스토리 HTML 파일에 붙일 차례 블로그관리에서 스킨 편집 클릭 html 편집 클릭 아까 복사한 코드와 붙이기 간편하게 위 코드를 html에 붙이면 끝 포스팅 시, 코드 삽입하는 법 HTML 편집 모드에서, 코드는 반드시 두 태그 사이에 삽입해야 함 미리 보기 시, 코드 하이라이트 적용된 모습 코드 하이라이트 스타일 변경 방.. 티스토리 - 포스팅에 사용할 파일 업로드와 사용 방법 (사진, CSS, 자바스크립트 파일 등등) 파일 업로드 이유 - 포스팅에서 반복되는 사진을 매 포스팅마다 첨부하는 것보단 아예 티스토리에 업로드시키고 포스팅 시 업로드한 사진 사용하기. - CSS 혹은 자바스크립트 파일을 업로드해서 모든 포스팅에 적용하기. 티스토리로 이동 후 프로필 클릭 블로그 관리 클릭 왼쪽 바에서 스킨 편집 클릭 오른쪽에 html 편집 클릭 오른쪽에 파일업로드 클릭 파일 업로드할 수 있는 공간 파일 업로드하기 - 추가 누르고 내 컴퓨터에서 파일 업로드 업로드한 파일 삭제하기 - 삭제하고 싶은 파일 선택 후 삭제 누르기 파일 업로드나 파일 삭제 후 반드시 적용 누르기 주의: 파일 추가 시 images라는 폴더 안에 추가됨 예시: 업로드된 사진 사용 시, 글쓰기 HTML 편집에서 삽입 CSS이나 자바스크립트 파일 적용 시, HT.. 티스토리 - 글쓰기 HTML 편집 방법 먼저, 글쓰기 페이지로 이동 글쓰기 페이지 위에 기본모드 클릭 후 HTML 클릭 HTML 편집모드 진입 HTML 코드 삽입 HTML 코드 확인하려면 기본모드로 이동해야 함, HTML 누른 후 기본모드 클릭 완성! 이전 1 다음
