|
✨오늘은 티스토리에서 지원하는 인용구 blockquote를 수정하여 인용구에 폰트와 디자인을 입맛대로 설정해 봅시다 해당 인용구를 사용했을 때 폰트와 디자인을 변경할 겁니다 1. 인용구에 적용할 색상을 선택하자 구글에 '색상 선택 도구'를 검색하여 인용구에 적용할 색깔을 선택해 주세요 HEX 값을 복사하여 티스토리 css 편집에서 사용할 겁니다 2. 인용구에 적용할 폰트를 선택하자 눈누 상업용 무료한글폰트 사이트 noonnu.cc 적용할 폰트를 눈누 사이트를 통해서 선택하시면 됩니다 상업적 무료로 사용할 수 있습니다 전 '넥슨 배찌체' 를 선택했습니다 여기서 오른쪽 부분에 [웹폰트로 사용] 항목을 복사해 주세요 3. 티스토리 인용구(blockquote) 수정하기 [블로그 관리 홈] > 꾸미기-스킨 편집 >..
블로그를 꾸미는 도중 마우스 커서와 애니메이션 적용 방법을 알게 되었습니다 티스토리에서 html과 css을 능숙하게 다룬다면 웹 페이지를 좀 더 예쁘게 꾸밀 수 있습니다 오늘은 티스토리에 마우스 커서와 애니메이션을 설정해 보겠습니다 1️⃣ 마우스 커서 디자인 선택하기 Free Cursor Downloads - Cursors-4U.com Date: 4 Feb 2021, 21:35 By Tor With 7 Comments This month's favorite cursors is the "Sexy Red Lips". It's unknown who made the image. If you know who did it, send me an email so I can give proper credit. Also ..
보통 크롬 브라우저를 이용하여 웹 페이지 번역하고 있지만, 모든 사람들이 크롬 브라우저를 사용하지는 않습니다 그렇기에 직접 티스토리에 번역기를 달아 봤습니다 오늘은 글로벌 시대에 맞게 티스토리에 번역기를 등록해 봅시다 1️⃣ Gtranslate 사이트에서 코드 가져오기 Website Translator Widget Widget Look Float Nice dropdown with flags Flags and dropdown Dropdown Flags Flags with language name Flags with language code Language names Language codes Globe Popup ? Translate From EnglishArabicBulgarianChinese (Simp..
지난 시간에 코드 블럭 복사 버튼을 추가했습니다 복사 버튼을 추가하면서 좀 욕심이 생겼는데, 티스토리에서 지원하는 코드블럭은 디자인적 요소가 너무 아쉬웠습니다 좀 더 다양한 코드 블럭 테마를 적용하고 싶어 html과 css를 설정하여 외부 사이트에서 예쁜 코드블럭을 적용했습니다 오늘은 highlight.js 사이트를 이용하여 코드블럭을 꾸며봅시다 1️⃣ highlight.js 사이트에서 CDN 코드를 가져온다 highlight.js Version 10.7.2 This is a patch release. The only change is that deprecation messages are throttled and shown only once. highlightjs.org 해당 사이트에 접속합니다 접속 후..
지난 시간에 티스토리의 무단 복제를 방지하기 위해 복사 금지를 추가하였는데, 코드로 작성된 부분도 똑같이 복사가 금지됩니다 제 강좌 글은 공부를 목적으로 코드 파일을 배포하지 않고, 코드 블럭으로만 작성하였는데 아무래도 급하신 분들을 위해 코드 블럭 복사 기능을 추가하였습니다 오늘은 이 코드 블럭 복사 기능을 티스토리에 적용해 봅시다 오늘 적용할 코드 블럭 복사 버튼입니다 1️⃣ clipboard.min.js 라이브러리를 다운로드합니다 GitHub - zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped :scissors: Modern copy to clipboard. No Flash. Just 3kb gzipped :c..
오늘은 자신의 티스토리 게시물 내용들을 무분별하게 복사하여 마치 자신이 쓴 글인 것처럼 포스팅하는 사람들이 있을 수 있기에, 이를 사전에 방지해 봅시다 1️⃣ 마우스 오른쪽 클릭 방지 플러그인을 티스토리에 설치해 줍니다 [블로그 관리 홈] > 플러그인 > 마우스 오른쪽 클릭 방지 플러그인을 설치하시면 됩니다 현재 전 설치되어 있는데 설치하는 방법은 오른쪽 상단에 플러그인 검색 부분을 이용하여 '마우스 오른쪽 클릭 방지'를 입력해 주세요 검색이 끝났으면 해당 플러그인을 선택하여 [적용] 버튼을 눌러주면 됩니다 2️⃣ 티스토리 html 편집을 이용하여 드래그 금지 코드를 추가합니다 해당 코드를 복사해 주세요! [블로그 관리 홈] > 꾸미기-스킨 편집을 눌러 > html 편집을 클릭해 주세요 복사한 코드를 태..
저번 시간에 대량의 파일 확장자를 바꿔봤는데 오늘은 파일 이름을 한 번에 일괄 변경하는 방법에 대해 알아봅시다 기본적으로 원하시는 파일을 드래그하여 F2를 이용하여 여러 파일의 이름을 한 번에 바꾸는 방식이 있습니다 전 '안녕'으로 바꿔봤습니다 사진과 같이 뒤에 (1)....(23)까지 순서대로 붙었습니다 첫 번째 사진을 클릭 후 마지막 사진을 쉬프트(shift)를 누른 상태에서 클릭하면 전체적으로 드래그 됩니다 shift + 마우스 키 : 바꾸고 싶은 사진 첫 번째와 마지막 사진을 선택할 때 사용하시면 됩니다 Ctrl + 마우스 키 : 변경하고 싶은 사진을 개별적으로 선택하시면 됩니다 이렇게 윈도우 탐색기로 일과적으로 파일의 이름을 변경할 수 있지만 똑같은 이름에 괄호 안에 숫자가 표시되는 부분을 다른..
작년에 블로그를 개설해 올해 5월 7일 구글 애드센스를 등록했습니다 2주라는 기다림 끝에 드디어 승인이 떨어졌습니다 오늘은 직접 티스토리를 운영하면서 광고를 등록하기까지에 느낀 점을 설명하겠습니다 5월 7일 구글 애드센스를 등록 > 5월 23일 구글 애드센스 승인 ( 대략 2주 ) 티스토리의 광고 코드를 등록하자 1~2시간 이후 애드센스 승인이 떨어졌습니다 이때 처음 접해봐서 광고 코드 등록 법을 모르고 있었는데 구글링을 통해 알게 되었습니다 여러분도 구글 애드센스를 신청할 때 꼭 본인의 티스토리에 광고 코드를 추가해 주세요 게시글의 세부적인 정보가 많으면 저보다 더 빨리 승인이 떨어질 수 있습니다 1. 티스토리 게시글 설명 전 작년에 마인크래프트 강좌 글을 작성했는데 조회 수가 나오지 않아 티스토리를 ..
티스토리 블로그를 하는 목적은 대부분 수익을 창출하기 위해서 운영하실 겁니다 물론 취업을 위해 포트폴리오로 작성하시는 분들도 계시지만 대다수 블로그들은 광고를 게시하여 수익을 창출하는 목적을 가질 겁니다 아무래도 구글 애드센스가 카카오 애드핏, 네이버 애드포스트보다 단가가 높기 때문에 사람들이 가장 많이 사용합니다 오늘은 본인의 티스토리에 구글 애드센스를 신청해 봅시다 1. 구글 애드센스 가입 구글 검색창에 '구글 애드센스'를 검색하고 사이트에 접속합니다 [시작하기] 버튼을 클릭해 주세요 여기서 본인의 구글 계정이 로그인되어 있어야 합니다 애드센스를 최대한 활용하기 항목에서 이메일 수신을 체크했습니다 국가/지역을 선택한 후 애드센스 이용 약관까지 동의해 주세요 그다음 [애드센스 사용 시작] 버튼을 클릭해..
문서 작업 도중 대량의 파일 확장자를 변경할 때가 있을 겁니다 하지만 하나씩 F2로 확장자를 변경하기에는 너무 비효율적입니다 이런 비효율적인 문제를 고려하여 메모장을 이용한 대량의 파일 확장자를 한 번에 바꾸는 방법에 대해 알아봅시다 파일 확장자를 바꾸기 전에 해당 파일에 확장자를 표시해줍니다 윈도우 탐색기 왼쪽 상단에 [보기] 탭에 [파일 확장명]을 체크해 주세요 체크를 하면 위 사진처럼 뒤에 .png .jpg 확장자가 보일 겁니다 파일 한 두개 정도는 F2 버튼을 누르거나 [마우스 우클릭] > 이름 바꾸기를 이용하여 확장자를 바꿀 수 있는데 우리의 목적은 대량의 파일 확장자를 한 번에 바꾸는 작업입니다 첫 번째로 대량의 파일 경로에 메모장을 하나 생성해 주세요 파일명은 자유롭게 지어주시면 됩니다 메모..
