분류 전체보기
티스토리 본문 제목 구분 서식 모음 # 2
티스토리 본문 제목 구분 서식 모음 # 2
2023.07.21본문 제목 서식 모음 # 2 본문 제목 서식 모음 #1을 통해 1차 기본서식모음을 보여드렸는데요. 이번엔 2차 제목서식을 보여드리도록 하겠습니다. 각 서식마다 설명을 드리는 것보다 여러분들이 보기 편하도록 설명 없이 디자인과 소스코드를 안내해 드리도록 하겠습니다. 소제목 소제목2 소제목 2 소제목2 소제목 3 소제목3 소제목 4 소제목4 소제목 5 소제목 5 소제목 6 소제목6 소제목 7 소제목7 소제목 8 소제목5 소제목 9 소제목8 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 2 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 2 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 3 티스토리 소제목 꾸미..
2차 도메인 설정 전 알고 있으면 좋은 DA지수!
2차 도메인 설정 전 알고 있으면 좋은 DA지수!
2023.07.21도메인 DA 지수란? 애드센스 광고의 편의성을 위하여 2차 도메인 많이들 사용하시죠?! 2차 도메인으로 방문자가 줄었다. 게시글 노출이 잘 안 된다. 기타 등등 여러 가지 말이 많은데 거기에는 다 이유가 있습니다. 간단하게 설명해 드리겠습니다. DA PA TB QB PQ MT SS OS 도메인 점수 페이지 권한 총 백링크 품질 백링크 백링크% Moz 스팸 SEO 점수 DA는 도메인의 점수입니다. 도메인 점수가 높으면 좋습니다. 티스토리나, 네이버는 당연히 DA지수가 높습니다. 그래서 검색반영에 좋은 영향을 줍니다. 기존 abcd.tistory.com의 DA지수는 티스토리의 DA점수에 영향을 받아 80~89점대입니다. 그렇기 때문에 포털사이트에서 검색이 잘 될 수 있습니다. 그런데 2차 도메인 새로운 도메..
블로그스팟 (구글블로그) 원하는 썸네일로 설정는 방법!
블로그스팟 (구글블로그) 원하는 썸네일로 설정는 방법!
2023.07.20블로그 스팟 썸네일 설정 이런저런 말을 전하게 되면 어지러울 수 있으니 빠르게 방법만 안내하겠습니다. · 설정방법 구글 블로그는 본문 상단에 노출된 이미지가 썸네일이 된다. 그러므로 원하는 썸네일을 본문상단에 배치해야 한다. 그러나 본문 상단에 원하는 이미지를 배치하기 싫을 때 사용하면 좋은 방법입니다. 썸네일 노출을 희망하는 이미지를 최상단에 배치합니다. 위와 같은 식으로 등록이 됩니다. 코드 뒤쪽에 style="display: none;" 스타일을 넣어주면 끝입니다. 이렇게 작성하시면 본문에 이미지는 보이지 않고 썸네일로 노출이 되는 것입니다. 설명이 어려웠거나 이해가 안 되거나 그럼 댓글 남겨주세요. 도움을 드리도록 하겠습니다.
티스토리 본문 작성 스타일 제목 구분 서식 모음 # 1
티스토리 본문 작성 스타일 제목 구분 서식 모음 # 1
2023.07.20본문 제목 서식 모음 # 1 티스토리 본문에 글을 작성할 때 제목 서식을 사용하는 이유는 여러 가지가 있습니다. 그중에 시각적인 효과와, 가독성을 높이기 위해 사용하는 분들이 많지요. 편하게 티스토리 서식에 저장해 두셨다가 필요하실 때 꺼내 사용하시면 되겠습니다. 밑줄 소제목 1 밑줄 소제목 1 기본적인 검은색 밑줄로 심플하면서도 제목을 강조하는 느낌 좋은 소제목 서식입니다. 밑줄 소제목 2 밑줄 소제목 2 좀 더 눈에 띄는 빨간색으로 팩트 있는 느낌을 주기도 하는 소제목 서식입니다. 밑줄 소제목 3 밑줄 소제목 3 밑줄이 두 줄로 된 소제목 서식으로 한 줄 느낌과는 다른 느낌을 주고 문단의 구분이 확실해 보이는 느낌을 줍니다. 소제목 1 소제목1 티스토리 이용하시는 분들이 아마도 제일 많이 사용하시는 ..
티스토리 블로그에 구글 번역기 설치 방법 소스코드
티스토리 블로그에 구글 번역기 설치 방법 소스코드
2023.07.19블로그 구글 번역기 다양한 언어를 통해 많은 사람들에게 노출될 수 있는 방법 중에 자동으로 번역되는 기능일 것입니다. 굳이 해야 할 필요가 있나?라는 생각이 들기도 하지만 그래도 없는 것보다는 있는 것이 더 좋다는 생각에 준비했습니다. 빠르게 설명하고 마치도록 하겠습니다. 아래 소스 코드의 디자인입니다. 참고하세요. · 번역기 전체 코드 Select LanguageAfrikaansAlbanianArabicArmenianAzerbaijaniBasqueBelarusianBulgarianCatalanChinese (Simplified)Chinese (Traditional)CroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGeorgianGe..
최신정보 구글 블로그(블로그스팟) 2차 도메인 설정 방법
최신정보 구글 블로그(블로그스팟) 2차 도메인 설정 방법
2023.07.18블로그 스팟 2차 도메인 · 설정방법 원하는 도메인 구매 설정할 블로그로 이동 좌측 메뉴에 설정 이동 맞춤 도메인 클릭 구매한 도메인 주소 입력 DNS 설정 2차 도메인 설정 완료 위 설정방법 순서대로 진행하시면 문제없이 설정이 가능합니다. 그럼 자세하게 세부설정에 대해 알아보겠습니다. · 세부설정 설정방법에 안내해 드린 1~4번까지는 길게 설명드리지 않겠습니다. 구매한 도메인 주소를 입력합니다. 빨간 글씨를 복사해서 잘 보관합니다. 도메인을 구매한곳으로 이동하여 DNS관리에 접속 후 빨간 글씨대로 입력합니다. 타입 호스트 값/위치 TTL 서비스 CNAME www ghs.google.com. 1800 DNS 설정 CNAME 제공된 정보 gv-제공된 정보.dv.goolgethosted.com. 1800 D..
티스토리 본문 글 작성할 때 사용하기 좋은 깔끔한 서식
티스토리 본문 글 작성할 때 사용하기 좋은 깔끔한 서식
2023.07.18티스토리 제목 서식 공유 티스토리에 글을 작성하실 때 깔끔하게 보이기 위한 서식입니다. 여러 가지 형태로 변형도 가능하니 편하게 사용해 보세요. · 샘플 확인 샘플을 확인하시고 마음에 드시면 복사하여 사용하세요. 위와 같이 작성되는 서식입니다. · CSS /* 테두리 블록 */ .MOACBox{position:relative;margin:40px 0;padding:40px 15px 15px;border:2px solid rgba(51,51,51,1);border-radius:3px;} .MOACBox h2 {border:2px solid rgba(51,51,51,1);background-color:#FFC0CB;border-radius:3px;padding:8px 20px!important;positio..
이력서, 자소서, 근로계약서, 계약서 문서 서식 다운로드
이력서, 자소서, 근로계약서, 계약서 문서 서식 다운로드
2023.07.18기본 문서 서식 다운로드 이렇게 저렇게 생활하다보면 미처준비하지 못한 문서양식이 필요할때가 있습니다. 그럴때를 대비해서 미리 자료를 가지고 있으면 좋겠지요. · 제공처 알바몬에서 기본적으로 이력서등 각종 문서를 무료로 제공해주고 있습니다. 문서가 급히 필요하신분들에게 도움이 되는 정보였으면 좋겠습니다. · 문서 확인 카테고리별로 다양한 문서를 제공하고 있으니 많이 이용하시기 바라겠습니다. 해당 접속 주소 남겨 놓겠습니다. 알바몬 바로가기
티스토리 마우스 드래그 원하는 색상으로 바꾸는 소스
티스토리 마우스 드래그 원하는 색상으로 바꾸는 소스
2023.07.18드래그 색상 변경 티스토리 블로그를 꾸미다가 보면 사소한 것에도 신경을 쓰게 되는데요. 그중에 본문을 드래그할 때 보이는 색상도 그중 하나일 듯합니다. 그 욕구를 해소하기 위한 간단한 CSS소스 색상 좋고, 이쁜 소스 공유합니다. · CSS 코드 ::selection { background: #ffdd5b; color: #000; text-shadow: none; font-weight: 700; } CSS 편집에 접속하셔서 위 코드를 복사 붙여 넣기 하시면 완료됩니다. 색상은 자유롭게 변경하셔서 사용하세요.
티스토리 본문 첨부 이미지 드롭쉐도우 그림자 효과 소스
티스토리 본문 첨부 이미지 드롭쉐도우 그림자 효과 소스
2023.07.17이미지 그림자 효과 이런저런 설명을 길게 하지 않겠습니다. 이 글을 보시는 분들은 빨리 소스를 알고 자신의 티스토리를 꾸미기 위해 왔음을 이해하고 있습니다. 소스 구현방법은 간단합니다. · CSS 코드 /* 그림자 효과 */ .imageblock { margin: 5px 0; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5); } /* 그림자 효과 */ 위 소스를 자신의 티스토리 CSS에 복사 붙여 넣기 하시면 되겠습니다. · 코드 완성 만약 적용이 원하는 데로 안 되는 부분은 개인이 사용하고 있는 스킨이 달라 생기는 부분입니다. 위 소스를 살짝 수정하시면 문제없이 사용이 가능합니다. 잘 안되시거나 물어보고 싶으신 것이 있으시면 언제든지 댓글 남겨주시기 바랍니다.
티스토리 시간표시 반응형으로 변경 방법 소스
티스토리 시간표시 반응형으로 변경 방법 소스
2023.07.17시간 반응형표시 방법 서근개발노트님의 정보를 바탕으로 초보자가 이해하기 쉽게 설명하도록 하겠습니다. · Timeago 설명 일단 시간표시 반응형이란? 게시글 날짜가 2023.07.17. 이렇게 표시되는 것이 아니라 "오늘"이라고 표시되는 방식이라고 생각하시면 됩니다. 가장 많이 사용되고 있는 timeago입니다. · 날짜 형식 변경 스크립트 아래 스크립트를 위에 복사 붙여 넣기 합니다. /*==========티스토리 날짜 형식 변경 끝==========*/ · 한글패치 위 스크립트를 잘 붙여 넣으셨다면 이젠 아래 스크립트를 바로 복사 붙여 넣기 하세요. 그리고 이젠 날짜를 변경할 수 있도록 HTML을 약간 수정해주시면 됩니다. · 기존 스킨 코드 변경 수정 방법도 간단하게 설명하겠습니다. 예를 들어 아래..
최신정보 구글 블로그, 블로그스팟 하위도메인 설정방법
최신정보 구글 블로그, 블로그스팟 하위도메인 설정방법
2023.07.17구글 블로그 스팟 요즘엔 정말 빠르게 변화하는 것 같습니다. 한 달 전만 해도 가능했던 것들이 금방 변하는 것 같다는 생각이 문득 드네요. 구글 블로그, 블로그스팟 하위도메인 설정방법 빠르게 안내해 드려 보겠습니다. · 하위 도메인 설정 해당 DNS추가할 수 있는 도메인에 접속하세요. 그리고 여러 가지 넣을 필요가 없습니다. 이거 하나만 입력해 주시면 됩니다. 타입: CNAME 호스트: M (사용할 네임) 값/위치: ghs.googlehosted.com. TTL: 1800 (수집속도) 서비스: DNS설정 설명이 부족할 수 있습니다. 기타 궁금하신 부분은 댓글 남겨 주세요.
이미지 최적화를 위한 확장자 변환 방법 - WEBP
이미지 최적화를 위한 확장자 변환 방법 - WEBP
2023.07.04차세대 형식 이미지 사용 블로그, 사이트 운영시 포털 사이트에 노출이 잘되기 위해 관리하는것들이 여러가지가 있습니다. 그중에 이미지 용량은 작게 하지만 화질은 최고로 유지 하면서 등록되는것이 중요하지요. 그래서 Webp 확장자를 많이 사용합니다. 움짤 gif 부터 png 파일까지 모두 사용가능합니다. · 애니콘브 변환하는 사이트를 안내해드리겠습니다. 온라인에서 JPG를 WEBP로 변환하십시오 - AnyConv AnyConv는 5 성급 JPG WEBP 변환기입니다 ⭐ 온라인에서 jpg를 webp로 몇 초 안에 변환하십시오 👍 소프트웨어 설치가 필요하지 않습니다 👍 무료로 👍 완전히 안전합니다. JPG를 WEBP로 쉽게 변경할 수 anyconv.com 한번에 여러파일도 변환이가능하고, 횟수 제한이 없어서 자..
티스토리 글작성 시 표 테두리, 배경색 바꾸는 방법
티스토리 글작성 시 표 테두리, 배경색 바꾸는 방법
2023.07.04테이블 표 설정 특정글을 작성할 때 표에 색상이 마음에 들지 않을 때 사용하면 좋은 팁입니다. 이런 표가 있다고 했을때 배경 색 바꾸기 위의 표의 기본 Html은 이런 모습입니다. 이런 표가 있다고 했을때 배경 색 바꾸기 여기에서 배경 색상을 바꾸는 방법은 배경색 변경을 원하는 곳에 Html코드를 넣어주면 한 번에 완성입니다. · 배경색 변경 background-color:원하는색; 원하는 색이라는 부분에 색상을 넣어서 작성해 주시면 됩니다. background-color:#f6e199; / 노란색 background-color:#99cefa; / 하늘색 background-color:#66ccff; / 진한하늘색 background-color:#ffcc00; / 진한노랑색 background-color..
티스토리 블로그 글 작성 시 키워드 수 확인 및 텍스트 카운터 설치
티스토리 블로그 글 작성 시 키워드 수 확인 및 텍스트 카운터 설치
2023.06.30블로그 글자 수 세기 블로그 글쓰기를 하다 보면 중간에 글자 수 체크를 할 때가 있을 수 있습니다. 애드센스 승인 시 해당 게시글의 글자 수를 채워야 한다는 말도 있기도 하고 구글 SEO에 유익한 글 작성을 위해 가끔 글자 수에 민감할 수 있습니다. 네이버 블로그 글자 수 세기라는 서비스도 있습니다. 네이버글자수세기 : 네이버 통합검색 '네이버글자수세기'의 네이버 통합검색 결과입니다. search.naver.com 티스토리에서는 글쓰기 모드에서 바로 확인이 가능합니다. 티스토리 텍스트 카운터 (Tistory Text Counter) 티스토리 글쓰기 모드에서 현재 작성 중인 글자 수, 키워드 수를 바로 확인할 수 있습니다. 글 작성 중 제목과 본문에 입력한 키워드가 몇 번 작성되었는지 바로 확인이 가능합니..
티스토리 개발자 도구 F12 활성화 막기 자바스크립트
티스토리 개발자 도구 F12 활성화 막기 자바스크립트
2023.06.30개발자 도구 F12 막기 상용 보안 솔루션은 이러한 측면에 대한 제어를 제공하지만 간단한 JavaScript 수정을 통해 브라우저 개발자 도구 활성화를 방지할 수 있습니다. 이를 위해서만 보안 솔루션에 거액을 투자하는 것은 과해보일 수 있지만 비용이 제한 요소가 아닌 경우 최적의 접근 방식이라고 할 수 있습니다. · 스크립트 //브라우저 특정 키 입력 막기 //개발자도구 활성화 막기 f12 & ctrl + shift + i if( e.keycode == 123) { e.preventDefault(); return false; } if( e.ctrlKey && e.shiftKey && (e.keycode == 73)) { e.preventDefault(); return false; } 위와 같은 방식으로 ..
티스토리 특정 부분만 드래그 허용하는 방법 CSS 수정
티스토리 특정 부분만 드래그 허용하는 방법 CSS 수정
2023.06.30드래그 컨트롤 방법 내가 정성 들여 작성한 블로그글을 사람들이 퍼가는 것이 싫지만 블로그에서 코딩과 관련한 글을 작성하게 되면 아무래도 코드 부분은 복사를 허용하는 것이 해당 글을 보시는 분에게 도움이 될 것입니다. 하여 이번엔 CSS 코드를 사용하여 인용문 부분의 드래그를 허용하는 방법에 대해 알아보도록 하겠습니다. · 플러그인 확인 티스토리 플러그인에 있는 마우스 오른쪽 클릭 방지를 해제합니다. · CSS 코드 스킨편집에 있는 CSS수정 페이지로 이동하여 아래 코드를 복사 후 붙여 넣기 합니다. /*code pre 코드블럭 | blockquote 인용문 드래그 허용*/ code, pre, blockquote { -webkit-user-select: text !important; -moz-user-se..
마우스 우클릭 방지 Javascript 스크립트
마우스 우클릭 방지 Javascript 스크립트
2023.06.30브라우저 마우스 우클릭 비활성화 페이지에서 우클릭을 하면 브라우저는 contextmenu 이벤트를 발생시킵니다. 콘텍스트 메뉴에는 일반적으로 "페이지 소스 보기"나 "검사" 같은 기능이 들어있습니다. contextmenu 이벤트에 핸들러를 추가하고 event.preventDefault()를 사용하면 우클릭으로 콘텍스트 메뉴가 표시되지 않게 할 수 있습니다. 이 이벤트 리스너를 window 객체에 추가하여 전체 페이지에서 우클릭을 방지할 수 있습니다. window.addEventListener("contextmenu", e => e.preventDefault()); · 특정 요소 우클릭 비활성화 이벤트 리스너를 특정 HTML 요소에 추가하고 event.preventDefault()를 호출하여 그 요소에만 ..