이것저것 관심가는 대로.zip

BLOG/Tistory 7

[티스토리] 블로그 포스트 내 코드 문법 강조 스타일 바꾸기 (Syntax Highlight 플러그인과 highlight.js)

1. 플러그인으로 코드 문법 강조하기 1. 1 Odyssey 스킨 기본 코드 블럭 (코드 문법 강조를 설정하지 않았을 경우) 별다른 코드 문법 강조를 설정하지 않은 상태에서 본문 내에 코드 블럭을 넣었을 경우에 보이는 디자인이다. 전부 같은 색으로 되어 있어서 코드를 읽기가 힘들다. 간단하게 코드 문법 강조를 적용하고 싶은 경우엔 티스토리에서 제공 중인 코드 문법 강조(Syntax highlight) 플러그인을 사용해 볼 수 있다. 1.2 코드 문법 강조 플러그인 (Syntax Highlight plug-in) 본문 안의 코드 블럭을 간단하게 꾸밀 수 있는 기능으로, 총 7가지의 테마를 제공하고 있다. 1.2.1 Atom One Dark 1.2.2 Atom One Light 1.2.3 Github 1.2..

BLOG/Tistory 2021.02.14

[티스토리] 구글 애드센스 반응형 디스플레이 광고 화면 폭에 따라 크기 다르게 지정하기 + 배너 광고 가운데 정렬하기

2021/01/04 - [블로그/티스토리] - [티스토리] 구글 애드센스(Google AdSense) 배너 광고 넣기 [티스토리] 구글 애드센스(Google AdSense) 배너 광고 넣기 ▼ 애드센스에 사이트 연결하기 Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으 someoneelse.tistory.com 구글 애드센스 반응형 디스플레이 광고를 원하는 위치에 넣어줄 경우 알아서 적합한 크기로 배너 광고를 띄워준다는 장점이 있지만, 대신 크기를 직접 조절할 수 없다는 단점이 있다. 특히 모바일 연동형 스킨을 사용하고 있을 경우 설치한 위치에 따라 PC와 모바일에서 보여지는 배너..

BLOG/Tistory 2021.01.18

[티스토리] 네이버 서치어드바이저(Search Advisor)로 네이버에 검색 노출하기

2021/01/12 - [블로그/티스토리] - [티스토리] 구글 서치콘솔(Google Search Console) 연동하기 [티스토리] 구글 서치콘솔(Google Search Console) 연동하기 구글에 블로그 노출 시키고, 구글을 통한 검색 유입에 대한 분석을 하고 싶다면 서치콘솔은 필수. 티스토리 업데이트 이후 구글 서치콘솔 연동을 플러그인으로 해결할 수 있어서, 기존에 HTML편 someoneelse.tistory.com 구글 노출을 위한 구글 서치콘솔에 이어서, 네이버에서도 티스토리 블로그 글을 노출시키고 싶다면 네이버 서치어드바이저가 필요하다. 네이버 서치어드바이저에 블로그 등록하기 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.n..

BLOG/Tistory 2021.01.13

[티스토리] 구글 서치콘솔(Google Search Console) 연동으로 검색 유입 분석하기

구글에 블로그 노출 시키고, 구글을 통한 검색 유입에 대한 분석을 하고 싶다면 서치콘솔은 필수. 티스토리 업데이트 이후 구글 서치콘솔 연동을 플러그인으로 해결할 수 있어서, 기존에 HTML편집 후 코드 입력+사이트맵 업로드 후 제출 방식보다 훨씬 간편해졌다. 더보기 참고1: 검색 엔진의 원리 - 문서 수집, 색인, 검색 웹 검색 엔진 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 둘러보기로 가기 검색하러 가기 웹 기반 그림 검색 엔진에서 "lunar eclipse"(월식)이라는 용어를 검색한 결과. 웹 검색 엔진이란 웹 사이트를 검색하기 위한 프로 ko.wikipedia.org 참고2: 구글 검색 센터 | 색인 생성 소개 (web기준, 왼쪽의 메뉴들을 통해 더 많은 정보들을 확인 ..

BLOG/Tistory 2021.01.12

[티스토리] 블로그 포스트 주소 설정(숫자/문자) 변경하기

포스트 주소 설정 티스토리 블로그 포스트 주소를 표시하는 방식을 문자(ex. ~.tistory.com/word) 혹은 숫자(ex.~tistory.com/123) 중에서 선택하여 설정할 수 있다. 별도의 설정이 없다면 숫자로 설정되어 있는 걸로 안다. 만약 문자로 표현하는 방식으로 바꾸고 싶다면 블로그 관리에서 변경 가능하다. 문자 / 숫자 주소 차이점 문자 주소 숫자 주소 장점 구글 SEO에 유리하다 - 분석에 유리하다 - 깔끔한 url 단점 - 숫자 주소는 여전히 유효 (문자방식으로 완전히 대체되는 게 아니다) - 매우 긴 url SEO에선 불리 문자 주소 방식으로 바꾼다고 하더라도 어차피 숫자 주소는 그대로 유지되기 때문에 혹시 모를 중복을 피하기 위해서라도 숫자 방식 그대로 이용하는 것을 추천한다...

BLOG/Tistory 2021.01.11

[티스토리] 블로그 제목 폰트 변경하기 (상업적 이용 가능한 무료 한글 폰트)

블로그 제목 폰트(서체) 변경하기 이 블로그는 작성일 기준 티스토리 기본 북클럽 스킨에 제목 폰트로 '완도 청정 바다체'를 적용한 상태. 북클럽 스킨을 적용 후 별도로 폰트를 변경하지 않았다면 기본 제목 서체인 '나눔 명조체'가 적용되어 있을 것이다. 추측컨대 북클럽이라는 이름에 맞게 서점과 가장 잘 어울리는 명조체를 제목 폰트로 선정한 것 같다. 내 경우 본문 글들과 제목이 어울리지 않아서 완도 청정 바다체를 적용했고 만족했는데, 포스팅을 위해 다시금 폰트를 변경해 봤다. 우선 블로그 내에서 HTML을 이용하여 폰트를 변경하고 싶다면, 사용하려는 폰트가 '웹사이트'에서도 사용 가능한지 확인이 필요하다. 저작권 확인을 위해 각종 폰트들에 대한 정보를 정리해놓은 '눈누'사이트를 추천한다. 상업적 이용 가능..

BLOG/Tistory 2021.01.07

[티스토리] 구글 애드센스(Google AdSense) 배너 광고 넣기

애드센스에 사이트 연결하기 Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.co.kr 구글 아이디로 로그인 후 메뉴> 사이트 클릭 메뉴> 사이트 클릭 후 오른쪽 상단의'사이트 추가'를 누른 다음 티스토리 주소를 입력한다. 사이트를 추가하면, 애드센스와 사이트의 연결을 위해 코드를 복사하여 사이트 내 HTML 소스에 붙여 넣으라는 안내가 뜬다. 티스토리 사이트에 가서, 블로그관리에 접속 후 꾸미기; 스킨편집> HTML편집 클릭. 밑에 입력 후 아까 복사한 코드를 붙여넣기 해준다. 이때, 는 아래 코드가 어떤..

BLOG/Tistory 2021.01.04


728x90