Internet91

크롬 구글계정 기본값 변경하는 방법, 삭제하기 및 Chrome 프로필 만들기 구글 계정을 여러 개 사용하는 경우 여러 계정을 간편 등록해두고 계정을 쉽게 바꾸어 가며 사용을 할 수 있습니다. 여러 계정 중에서 주 계정이 있고 보조 계정이 있을 텐테 브라우저에서는 기본 계정을 정해놓고 새 탭을 열 때마다 기본값의 계정을 불러오는데 이 계정이 만약 잘 사용하지 않는 보조 계정이라면 매번 주 계정으로 변경해 줘야 하는 번거로움이 발생하게 됩니다.기본값 계정 변경하기pc를 기준으로 하지만 모바일에서도 동일하게 적용할 수 있습니다.크롬 브라우저에서 하나 이상의 구글 계정 로그인을 하였다면 자동으로 저장이 되어 간편한 계정 전환이 가능하지만 보조 계정과 메인 계정이 반대로 설정되어 있는 데 이는 어렵지 않게 변경할 수 있습니다. 모든 계정 로그아웃 하기기본값 변경을 위해서는 먼저 모든 계정.. 2024. 3. 12.
CSS 테이블 둥근 모서리 적용하는 방법 기본적으로 CSS 둥근 모서리를 설정하기 위해서는 border-radius 속성을 사용하여 적용을 할 수가 있지만 테이블의 경우에는 이가 적용되지 않습니다. box-shadow 속성을 추가하여 줌으로써 간단하게 적용을 할 수가 있습니다. CSS 테이블 둥근 모서리 적용하는 방법 border-radius 속성 적용 HTML 삽입 미리보기할 수 없는 소스 위와 같이 border-radius: 10px 속성을 추가하였음에도 테두리의 변화는 없습니다. box-shadow 속성 적용 HTML 삽입 미리보기할 수 없는 소스 box-shadow 속성을 추가하여 해결이 가능하지만 이때 inset으로 적용해야 합니다. 설정에 따라 다르겠지만 단순 테두리를 적용하려면 속성값도 X, Y 및 blur 값도 0으로 하고 spr.. 2024. 1. 17.
제이쿼리 비어있거나 0 또는 특정 단어를 포함하는 요소 제거 및 변경 티스토리 블로그에서 치환자를 이용하여 적용을 하는 부분에 있어서 값이 비어 있거나 0등의 특정 값으로 표현되는 경우가 있는데, 이를 지우거나 원하는 값으로 변경을 할 수가 있습니다. :contains 특정 값 설정하기 댓글 카운터의 경우에 댓글이 없는 경우에 0으로 표현이 되는데, 이를 0으로 쭉 나열되는 게 보기 싫을 경우 적용을 할 수가 있습니다. $('.another_category th span:contains("0")').css('display', 'none'); 위와 같이 설정하여 해당 태그에 :contains("0") 적용하여 값이 "0"일 경우에만 속성을 추가하여 적용할 수가 있습니다. 이는 값이 있을 때 적용이 가능하며 요소값이 없이 비어 있을 경우는 다른 방법으로 적용할 수가 있습니다... 2023. 4. 6.
워드프레스 문서작성 단축키 명령어 워드플레스 이용하여 블로그 등을 운영 중이라면 문서 작성 시 여러 기능을 사용하게 되는데 마우스를 이용하여 메뉴를 일일이 찾아서 선택하여 사용할 수도 있지만 단축키를 이용하면 키를 한 번만 누르기만 하면 해당 기능을 빠르게 적용할 수가 있습니다. 일반적인 단축키 몇몇 기능의 경우 에는 단축키를 이용하여 빠른 작업과 능률을 효과적을 올릴 수가 있는 아주 유용한 단축키입니다. 글 선택 및 옮기기 Ctrl + A : 범위 전체 선택 Ctrl + X : 선택 범위 잘라내기 Ctrl + C : 선택 범위 복사 Ctrl + V : 복사한 범위 붙여 넣기 마우스를 이용하여 선택한 범위 또는 단축키를 이용하여 지정한 범위를 잘라내거나 복사하여 넣는데 유용한 기능으로 이는 위도우의 기본기능과 같습니다. 작업 취소 및 복.. 2023. 3. 24.
티스토리 스킨편집 수정 없이 CSS 적용하기 티스토리 스킨편집 없이 스타일을 적용하여 사용을 할 수가 있습니다. 스킨편집기를 잘 다루지 못하고 스킨을 자주변경을 할 경우에 그때마다 적용을 해야 할 경우가 있는 태그입력기 플러그인을 이용하면 스킨 수정 없이 코드를 적용할 수 있습니다. 티스토리 스킨편집을 위한 플러그인 태그 입력기 활성화 관리화면에서 왼쪽에 있는 플러그인을 선택하고 오른쪽에 플러그인 목록에서 태그입력기를 활성화합니다. 태그입력기 사이드바에 추가 꾸미기에서 사이드바를 선택하면 '태그 입력기'가 활성화되어 있는 것을 확인할 수가 있는데 이를 드래그해서 옮기거나 옆에 플러스 버튼을 이용해서 사이드바에 추가를 합니다. 사이드바에 추가가 되면 편집 버튼이 생기는데 이를 클릭하면 조그만 편집창이 열리게 됩니다. CSS 적용 HTML 문서에 적용.. 2023. 2. 17.
티스토리 data-ke-size="size16" 속성 제거하기 티스토리 본문에 자동으로 속성이 추가되게 되는데 스킨에 속성을 적용하는 데 있어서 불편함이 있어서 스크립트를 이용하여 제거를 하고 사용을 합니다. 자동으로 설정이 붙을 때는 대부분 폰트사이즈가 붙는데 개인적으로 Body 사이즈를 적용하고 특정 부분만 사이즈를 적용하고 전체적으로 보디에 적용한 사이즈로 통일하여 em 비율로 적용을 하여 사용을 합니다. 그런데 본문에 data-ke-size="size16" 붙어버리면 배율이 달라져 따로 설정해야 하는 불편함이 있어 깔끔하게 H 태그와 p 태그에서 속성을 지워 버립니다. 북클럽 스킨 기반일 경우 위 코드를 앞에 넣어주면 됩니다. // #1, #2 // Magazine // Odyssey, Letter, Portfolio // Poster, Book Club, .. 2023. 2. 17.
방문자 2,000 명대 블로그 수익 비교 애드센스, 데이블, 카카오 애드핏 일방문자 2000이 넘는 티스토리 블로그에서 애드센스, 데이블, 애드핏 3사 광고를 운영할 때 발생되는 수익 비교입니다. 애드센스가 메인이고 나머지는 보조형식으로 달아 놓은 것이라 공정하게 비교할 수는 없지만 국내 업체에서 일발생하는 수익을 대충은 알 수 있지 않을까 합니다. 현재 티스토리에서 운영 중인 2,000 ~ 2,500 정도 하루방문자가 발생하는 잡블로그입니다. 광고는 애드센스를 메인으로 데이블과 애드핏을 함께 사용하고 있습니다. 애드센스 작성일 기준으로 작게는 3달러에서 많게는 8달러 정도 평균 5달러 정도의 수익이 꾸준히 발생하여 월평균 $150 정도의 수익이 납니다. 광고수는 사이드바 위, 아래로 하나씩 2개와 본문 상, 하단에 두 개씩 하여 4개와 본문 내용 중간에 내용길이에 따라 다르지.. 2023. 2. 3.
css 제목 H2,3,4 태그 자동번호 매기기 문단이나 단원 등의 제목을 만들고 H2, H3, H4 태그를 적용하게 되는데 이때 순차적으로 번호를 지정하지 않더라도 자동으로 번호가 매겨지도록 CSS 속성을 적용할 수 있습니다. H2 태그 번호 적용하기 .entry-content { counter-reset: h2counter; } 티스토리 북클럽 스킨의 경우 본문 내용이 적용되는 태그에 클래스 명이 'entry-content'으로 되어있는데 'counter-reset' 속성을 추가해 주고 속성값으로 h2counter와 같이 적당한 이름을 지정합니다. .entry-content h2::before { counter-increment: h2counter; content: counter(h2counter) "."; } 가상 요소 속성을 추가하여 번호를 붙.. 2022. 12. 28.
미디어쿼리 해상도 폭 다크모드 설정 미디어 쿼리 적용하여 반응형 웹사이트가 보다 효과적으로 대응할 수가 있습니다. 대표적으로 사용하는 기능은 화면 해상도에 따른 다른 CSS 속성을 적용하여 그에 맞는 디자인 및 기능을 적용할 수 있습니다. @media screen and (width: 767px) { body { color: red; } } 미디어 쿼리를 해상도로 설정을 하게 되면 사용 중인 기기의 해상도가 설정한 해상도와 같으면 적용한 속성이 적용되게 됩니다. @media screen and (max-width: 767px) { body { color: blue; } } max 추가하여 설정하게 되면 설정한 폭 767 보다 좁은 폭일 경우 설정한 속성이 우선적용됩니다. @media screen and (min-width: 767px) {.. 2022. 12. 25.
폰트어썸 적용 사용 방법 폰트어썸 회원 가입하기 폰트어썸 회원이 아니라면 먼저 공식 사이트에 접속을 Start for Free를 선택하여 회원가입을 할 수 있습니다. 회원 가입을 위해 이메일을 입력하면 해당 메일로 인증 코드가 발급되고 이를 인증할 수 있으며 유로 버전을 이용하면 더욱 다양한 아이콘을 사용할 수 있습니다. FontAwesome은 회원 가입을 하지 않더라도 무료버전의 아이콘을 사용할 수 있습니다. 폰트어썸 CDN 연결하기 아이콘을 로드하기 위해서는 집접 업로드를 할 수도 있지만 CDN 지원하는 서버를 연결하여 사용할 수도 있습니다. font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for develo.. 2022. 12. 22.
CSS 물결 애니메이션 See the Pen Simple CSS Waves | Mobile & Full width by Goodkatz (@goodkatz) on CodePen. CSS 만으로 파도가 출렁이는 것처럼 블로그를 꾸밀 수 있습니다. HTML에 실적 적용할 코드는 컨테이너 부분입니다. 파도 물결의 색상을 변경하고자 할 때는 아래서부터 원색을 적용하고 아래서 2번째부터 투명도를 높여 변경으로 하면 됩니다. .waves { position: relative; width: 100%; height: 15vh; margin-bottom: -7px; /*Fix for safari gap*/ min-height: 100px; max-height: 150px; } /* Animation */ .parallax > use { ani.. 2022. 12. 22.
티스토리 메타 태그 쉽게 적용하기 구글 서치 콘솔이나 네이버 웹마스터 도구 서치 어드바이저나 기타 사이트에 등록을 할 때 소유 확인을 매타 태그로 할 경우 간편하게 입력을 할 수 있습니다. 사이트 소유확인 등의 이유로 위와 같은 메타태그를 해더에 입력하고 사이트 인증을 받아야 하는 경우가 있는데 이때 스킨 편집을 하여 추가해주면 되지만 스킨 편집기를 실행하는 자체가 어렵거나 스킨을 자주 변경을 하면 매번 메타태그를 입력해 줘야 하는데 그때마다 태그를 입력해 줘야 합니다. 스킨을 한번 정하면 한 번도 변경하지 않고 사용을 하는 경우도 있지만 저 같은 경우 수시로 바꾸기 때문에 서치 콘솔에서 중간중간 소유확인을 하는데 깜박하고 적용을 하지 않았을 경우 재인증을 해야 하는 번거로운 일인데 플러그인을 이용하여 스킨이 변경이 되더라도 태그를 직접.. 2022. 12. 20.