tistory4 CSS-글꼴 | 티스토리 스킨 글꼴 바꾸기 내 블로그 스킨도 딱 좋고, 내용들도 알차고, 다 좋은데 가끔 뭔가 변화를 주고 싶을 때가 있나요? 너무 많은 변화는 뭔가 망칠까봐 무섭고, 부담도 되고... 글꼴이라도 바뀌면 좀 새로워 보일라나?? 그래서 오늘은 실패 없이 글꼴 바꾸는 방법을 알아볼게요. 1. 구글 폰트에서 언어를 한국어로 설정하세요 2. 마음에 드는 글꼴을 찾아 클릭해서 글꼴 페이지로 가세요 3. "스타일 선택"을 클릭하세요 4. 오른쪽 사이드바에서 "삽입"탭을 선택하고 "@import"방식을 선택하세요 5. @import와 font-family를 메모장에 잠깐 복사해두세요 **은 필요 없습니다** 6. 꾸미기 에서 "스킨 편집"을 열어주세요 7. 오른쪽 사이드바에서 "html 편집"을 클릭해주세요 8. 위에서 CSS를 클릭하세요 9.. 2020. 9. 7. HTML-동영상 | 티스토리 동영상 넣는방법 2가지 오늘은 블로그에 동영상을 넣는 방법들을 알아볼께요. 항상그렇듯이 티스토리에서 제공하는 툴과 HTML을 사용하는 방법, 이 두가지를 알아볼께요. 티스토리 툴로 동영상 삽입하기 1. 블로그 수정 페이지에서 위에 이미지 아이콘을 눌러 동영상을 선택하세요 2. 팝업에서 "업로드 파일 선택"을 눌러 동영상 파일을 선택하고 첨부를 눌러주세요 **동영상 파일이 크면 시간이 좀 걸려요** 3. 동영상이 삽입됐습니다 장점 - 쉽다 - 사이즈 바꾸기와 정렬할수있는 옵션툴이 있다 단점 - 동영상파일이 컴퓨터에 있어야된다 - 다른 동영상 (ex: 유튜브)을 삽입할수 없다 HTML으로 동영상 삽입하기 예시로 유튜브 동영상을 사용할게요. 1. 블로그 수정 페이지 위에서 HTML모드로 바꿔주세요 2. 유튜브에서 공유 코드 가져오기.. 2020. 9. 7. HTML-링크 | 티스토리 링크넣는 방법 2가지 오늘은 블로그에 링크를 넣는방법들을 알아보겠습니다. 사진과 같이 블로그에서 제공하는 툴을 사용하는 방법이있고, HTML을 사용하는 방법도 있습니다. 블로그 툴 사용하기 1. 링크툴에 URL을 붙여넣습니다 **새창으로 열기를 선택하면 링크를 클릭하면 새탭/브라우저 에서 열리고, 선택안하면 현재창에서 열립니다** 2. 링크와 미리보기가 생성됩니다 텍스트에 링크를 걸려면 텍스트를 선택하고 링크툴에 주소를 넣어주면됩니다. HTML으로 링크넣기 1. 블로그 수정 페이지 위에서 HTML모드로 바꾸기 2. HTML태그 작성하기 Learn, Code, Repeat Learn, Code, Repeat 중요!! Learn, Code, Repeat HTML의 링크 태그 입니다 href="" 링크의 주소(URL)를 지정합니다.. 2020. 9. 7. HTML-사진 | 티스토리 사진넣는 방법 3가지 오늘은 블로그에 사진을 첨부하는 방법들을 알아볼겠습니다. 아시는분들은 이미 잘 아시겠지만 블로그에는 사진을 첨부할수있는 기능이 있습니다. 티스토리의 경우 이렇게 티스토리에서 제공하는 툴을 사용해서 사진을 첨부할수 있습니다. 정말 편리한 툴이지만 첨부할 사진이 내 컴퓨터에 이미 저장되있어야만 사용할수있는 단점아닌 단점이 있죠. 만약 컴퓨터에 사진을 저장안하고 싶으면? 두가지 방법이 있습니다. 1. 윈도우에있는 캡쳐도구 사용하기 2. HTML과 사진 URL을 사용하기 윈도우에있는 캡쳐도구 사용하기 1. 윈도우에서 캡쳐도구를 찾아서 실행시킨다 2. 모드에서 자유형, 사각형, 창, 또는 전체화면 캡쳐를 선택한다 3. 새로 만들기로 캡쳐하고싶은 화면을 캡쳐한다 4. 복사버튼을 눌러 캡쳐화면을 복사한뒤 블로그에서 .. 2020. 9. 7. 이전 1 다음 반응형