참고 문헌 목록(reference list)출처를 밝히는 것은 중요합니다. 정보를 제공한 출처를 밝히면 해당 정보의 신뢰성을 검증할 수 있고, 노력과 지적 재산을 존중할 수 있습니다. 저도 대부분의 글에 출처가 포함될텐데 그냥 적기에는 너무 밋밋한 느낌을 받았습니다. 오늘은 출처 목록을 밝히기 위한 포맷을 만들어 보겠습니다. 코드 적용하기Icon (font awesome) Reference와 link 앞 쪽에 아이콘이 위치합니다. 우리는 Font Awesome의 아이콘을 이용할 것입니다. 그를 위해서 블로그 설정 > 꾸미기 > 스킨 편집 > html 편집 > HTML 에 위의 코드를 추가합니다. 이로써 우리의 스킨에서 폰트어썸의 아이콘을 사용할 수 있게 되었습니다.  CSS code이제 아래의 CSS 코..

들어가며소제목의 폰트와 크기를 바꾸려고 합니다. 오늘은 그 방법에 대해서 알아보겠습니다.  주의할 점은 티스토리 기본 스킨이 아니라는 점입니다. hELLO 스킨을 바탕으로 수정을 합니다. hELLO 스킨이 아닐 경우 다른 부분이 있을 수 있습니다. 소제목 폰트 및 크기 변경하기폰트 선택하기원하는 폰트를 noonnu.cc 혹은 fonts.google.com 등에서 선택합니다. 저는 넥슨 메이플스토리 폰트를 선택했습니다. 우리가 필요한 부분은 우측의 웹폰트로 사용 부분입니다. 해당 코드를 복사합니다. CSS 편집외부 폰트 불러오기외부 폰트를 적용하기 위해서 불러오는 과정은 여러 가지지만, 이번에는 `@font-face`만 보겠습니다. 폰트 적용을 위해서 블로그 설정 > 꾸미기 > 스킨 편집 > html 편집..

들어가며노션이나 블로그를 보면 아래와 같이 글씨 주위에 배경색이 있고, 특별히 강조되는 것 같은 느낌의 텍스트들이 있습니다. 이것을 인라인 코드 블럭(Inline Code Block)이라고 부르는데요. 아쉽게도 티스토리 및 hELLO 스킨에서는 기본 기능으로 제공하고 있지 않습니다. 오늘은 이를 적용하는 방법을 알아보겠습니다. `code``code``code`인라인 코드 블럭 작성하기스킨 편집티스토리는 사용자마다 스킨을 커스텀할 수 있도록 만들어 놓았습니다. 블로그 설정 > 꾸미기 > 스킨 편집 > 우측 html 편집을 눌러줍니다. 그러면 아래의 화면이 나옵니다. 이제부터는 직접 코드를 추가/수정/삭제 해가며 스킨을 편집할 겁니다. HTML 편집 먼저 상단에 HTML에 위의 코드를 추가합니다. 위의 코드..

준비 - hELLO 스킨 다운로드 hELLO 스킨 다운로드 링크를 통해서 아래의 사진과 같은 사이트에 접속할 수 있습니다. 여기서 두 가지만 확인하면 됩니다. 4.10.1 (Latest)와 Assets/hELLO-dist.zip입니다. 4.10.1은 버전, Lastest는 해당 버전이 가장 최신인 상태를 의미하고, hELLO-dist.zip이 우리가 원하는 hELLO 스킨의 압축 파일입니다. 우리는 이것을 마우스 클릭을 통해 다운로드합니다. 그리고 압축을 풀어서 내용물을 확인합니다. 이제 우리의 티스토리 블로그에 hELLO 스킨을 적용할 준비가 되었습니다.   hELLO 스킨 적용다운로드한 스킨 등록블로그 설정 > 좌측 사이드바 - 꾸미기 - 스킨 변경을 누릅니다. 또한 위의 화면에서 우측의 스킨 등록 ..