자료21 티스토리 코드 블럭+Syntax Highlight(코드 문법 강조) 플러그인 이 글은 티스토리 *신 에디터에서 제공하는 코드 블럭에 Syntax Highlight(코드 문법 강조) 플러그인을 사용하여 소스 코드를 소스 코드 편집기처럼 보기 편하고 예쁘게 올리는 내용을 다루고 있습니다. *신 에디터는 글 편집기를 말하며 티스토리의 구 에디터(옛 버전) 말고 새로운 에디터를 말한다. ◆ 블로그에 소스 코드 포스팅하기 좋은 기능 일반적으로 블로그에서 소스 코드를 작성해서 포스팅하게 되면 밋밋한 글로 올라가는 경우가 많다. 그래서 코드 문법을 강조해주는 스크립트를 어찌저찌하여 연결을 해야 '소스 코드 편집기'처럼 예쁘게, 보기 좋게 작성이 된다. 솔직히 스크립트를 연결하는 방법은 귀찮은 일이다. (어떤 사람은 괜찮을 수도 있지만 나에게는 귀찮은 일..) 하는 방법을 일일히 찾아봐야 하고.. 2019. 6. 9. 티스토리에 네이버 애널리틱스 연결하는 방법 이 글에서는 티스토리에 네이버 애널리틱스를 처음으로 연결하는 사용자, 네이버 애널리틱스에 최초로 로그인한 사용자를 위한 연결하는 방법을 작성하였습니다. ◆ 티스토리에 네이버 애널리틱스 연결하는 방법 1. 네이버 애널리틱스 접속 네이버 애널리틱스 이동하기> 2. 로그인 하기 - 티스토리 블로그를 등록할 본인의 네이버 계정으로 로그인을 합니다. 2-1) 로그인 버튼 클릭 - 우측 상단에 있는 '로그인'버튼을 클릭합니다. 2-2) 사용할 네이버 계정 입력 - 네이버 로그인 페이지가 뜨면 본인의 네이버 계정으로 로그인합니다. 3. 네이버 애널리틱스에 사이트 등록하기 - 4단계로 이루어진 약관 동의 및 사이트 등록을 해야 합니다. 3-1) Step 1 최초 로그인 환영 - '다음'버튼을 눌러 다음 단계로 이동합니.. 2019. 6. 7. Poster 티스토리 스킨에 유튜브 링크 연결하기 ※ Poster 스킨에 YouTube 채널 링크를 연결하고 싶은데 연결하는 것이 없어서 따로 HTML과 CSS를 수정하여 작업하였습니다. 이 글은 사용자가 Poster 스킨이 이미 적용되었다고 가정한 상태에서 설명한 글이며 Poster 스킨 Grey 버전 입니다. ◆ Poster 스킨에는 YouTube URL 추가하는 항목이 없다. 원래 Poster 티스토리의 스킨에서 Social(소셜) 링크를 연결하는 것은 4가지로 되어 있습니다. 저는 Instagram과 YouTube를 추가하고 싶은데 YouTube는 없어서 따로 추가하고자 했습니다. ◆ Poster 티스토리 스킨에 유튜브 링크 추가할려면? Poster 티스토리 스킨에 유튜브 링크를 연결하기총 3가지의 일을 해야합니다. 해야하는 일은 HTML 소스 .. 2019. 6. 3. 트위치 페이지 변경하기(프로필 사진/프로필 배너/오프라인 배너) ◆ 트위치 프로필 사진 & 프로필 배너 변경하기 프로필은 흔히 나의 프로필 이미지를 말하고 프로필 배너는 나의 채널에서 맨 위에 있는 곳을 말한다. 트위치 프로필과 배너는 둘다 '설정 페이지'에서 변경을 하기 때문에 쉽게 변경할 수 있다. ※ 파일 확장자명 및 크기, 용량 - 프로필 사진 권장 크기: 500x500px(사이즈 가이드가 없어서 임시로 500x500으로 적었습니다.) - 프로필 배너 사진 권장 크기: 1200x480px - 가능한 파일 확장자명: JPEG, PNG, GIF - 업로드 가능한 파일 크기: 10MB 이하 1. '설정 페이지' 이동 - 메인페이지에서 상단 오른쪽 프로필 클릭 - 그림 모양 아이콘 클릭 또는 '설정' 메뉴 클릭 ※ 그림 모양 아이콘 또는 '설정' 메뉴를 클릭하면 동일.. 2019. 5. 28. 이전 1 2 3 4 5 6 다음
