본문 바로가기
반응형

전체 글237

북클럽에서 코드 버튼 글자 색상 바꿔도 안바뀔때 안바뀜(HTML/CSS) 목차 이전 글에 이어서 작성하는 글입니다. 1. 의외로 간단한 방법으로 해결 완료 위 버튼 글자 색상을 바꿔주는 컬러 코드를 바꾸면 원래 바껴야 하는게 정상이지만 죽어도 안바껴서 고생하다가 결국 의외로 간단한 방법으로 해결했다. 'HTML 편집창'을 들어가기전에 스크롤을 맨 아래까지 내리면 '추가 설정'이라는 부분이 있다. 이 것때메... 글씨 색상이 계속 안바뀌고 있던것이었다... 아무래도 티스토리 스킨 자체에 설정되어있는? 기능이랑 코드를 수정해도 바뀌지 않았던것 같다. 여기까지 간단하게 글자 색상 동맥경화를 해결해보았다. 2024. 2. 21.
티스토리 PC 모바일 글씨체 폰트 적용하고 바꾸는 방법 (구글 폰트, 눈누) 목차 이번 글에서는 구글 폰트 사이트에 있는 폰트 적용하는 방법과 눈누 사이트에 있는 폰트 적용하는 방법을 알아보겠습니다. 두 사이트에서 글씨체를 적용하는 방법이 다른데요. 아래에서 자세히 알아보겠습니다. 오늘 글을 진행할때 필요한 '티스토리 html 편집창' 사용방법은 아래 클릭! 티스토리 HTML/CSS 편집' 방법 1. 구글 폰트에서 폰트 적용하는 방법 구글 폰트 사이트에서 '나눔 고딕' 폰트를 적용해보겠습니다. 'Get font'를 선택후 'Get embed code'를 선택합니다. 구글 폰트 사이트 바로가기 이미지와 같이 '@import'를 선택합니다. 그 다음 위에있는 코드를 복사후 '티스토리 html 편집창'에다가 'html 코드'에 붙여넣기 주시면 됩니다. 사진 처럼 사이에 코드를 붙여넣기.. 2024. 2. 21.
티스토리 모바일 화면 사이드바 광고 제거하기 (CSS 수정 및 꾸미기) 목차 일반 웹에서 블로그를 방문하면 사이드바 광고가 길게 나오는데요 . 이게 모바일에서도 그대로 길게 나오기 때문에 상당히 거슬립니다. 그래서 이번에 모바일에서만 안보이게 사이드바 광고를 지워 봤습니다. (웹에서는 그대로 광고 송출됨) 아래에서 광고가 삭제된 결과를 확인해 볼 수 있습니다. 1. 모바일 사이드바 광고 삭제 결과 위 이미지와 같이 모바일에서 사이드바 광고가 지워진 것을 확인할 수 있습니다. 해당 부분은 '코드 관리자'를 통해서 해당 부분 코드를 찾은 뒤에 '티스토리 html 편집창'에서 'CSS'를 수정해 주었습니다. '코드 관리자'와 '티스토리 html 편집창' 사용 방법은 아래 남겨 놓겠습니다. 'F12' 개발자 도구 사용법'티스토리 HTML/CSS 편집' 방법 2. 모바일 사이드 광고.. 2024. 2. 21.
구글 애드센스 광고 10개...이정도면 충분하겠지 ? (티스토리 본문) 목차 최근 CPM 수익 비중이 늘어난 요즘 광고가 많이 노출되면 이득인지라. 아래와 같이 광고를 최대한 껴놓을 수 있는 만큼은 넣어놨습니다. (물론 글을 보러 들어온 방문자에게 읽는데 방해가 되지 않겠끔 넣어놨습니다.) 아래는 현재 블로그에 개제되고 있는 광고 위치와 설명 입니다. 1. 총 광고수 10개 위치와 설명 '헤더 광고 1개(수동 설정)'를 최근에 넣었더니 안나오던 '앵커 광고 1개(자동 설정)'가 나오기 시작했다. 뭔가 덤으로 얻어 걸린 느낌인데 뭔가 막혀있던것 같다. 글 본문에는 '총 상단광고 2개'가 붙는다. (이건 수동으로 설정한건 아니고 자동으로 2개가 붙는다.) 그리고 '중간에 광고 1개(글을 쓸때 수동으로 넣어 준다.)' 중간 광고는 글이 길때만 넣고 있다. 그리고 아래쪽 '하단 광.. 2024. 2. 20.
티스토리 링크 버튼 만드는 방법 (꾸미기) 목차 블로그 글을 쓸다보면 링크를 넣어야 할때가 있는데요. 기본으로 글에 링크를 넣었을때 눈길이 잘 가지 않아서 링크를 클릭하지 않고 그냥 넘어 갈 수 있습니다. 때문에 본 글에서는 눈에 띄는 링크 버튼 쉽게 만들기 방법을 작성했습니다. 1. 버튼을 만들어주는 사이트 이용하기 해당 사이트는 CSS 코드로 작성한 버튼 모양을 미리 보여주기 때문에 사용하기 편한데요. 옆에있는 여러 설정 값들로 버튼을 만들고 해당 코드를 가져와서 티스토리 블로그에 적용할 수 있습니다. 버튼 만들기 사이트 바로가기 2. 티스토리에 버튼을 적용하는 방법 2-1 편집창에 코드 넣기 버튼 만들기 페이지에서 'Get Code'를 눌러서 현재 내가 디자인한 코드를 볼 수 있습니다. 해당 코드를 복사합니다. '티스토리 HTML 편집창'.. 2024. 2. 19.
이제는 애드센스 수익을 올려야할때.. 더 이상 지체할 수 없다(티스토리/워드프레스) 목차 현재 애드센스 수익 창출이 된 블로그는 티스토리와 워드프레스 블로그 각 1개 씩 총 2개이다. 티스토리는 이전에 방문자 수가 많았지만 한동안 운영을 안하고 있었고 워드프레스는 지금 7개월을 향해서 다가가는데 수익이 하루 $0.04 이다... 이거 안하느니만 못한데 시간은 많이 들고 수익은 안나고 점점하기 싫어지는게 현실이다. 수익이 바로 나는 방법을 알고 있다. 다만 지금 까지의 방법대로만 해도 되는지 확인하기 위해서 운영했다. 결과는 좋지 않고 시간이 너무 오래걸린다. 그래서 바로 수익이 나는 방법을 시작해보려고 한다. (아래 추가적으로 해당 계획을 작성했다.) 앞으로 1달의 목표 수 익은 하루 1달러이다. 왜냐하면 30일 x 1달러 = 30달러 정도이고 워드프레스 블로그 유지 비용이 한달에 3만.. 2024. 2. 19.
은행별 매일 하루 이자 받기 이자율 비교 계산기 (카카오 세이프박스 케이뱅크 플러스 박스 토스뱅크) 목차 카카오 뱅크, 케이뱅크, 토스뱅크 각 은행들에는 매일 하루마다 이자를 바로 받을 수 있는 통장들이 있는데요. 각 은행별로 이자율이 얼마나 되는 지 간단하게 비교 해봤습니다. 본 글에서 비교하는 계좌들은 모두 입출금이 자유로운 통장입니다. 1. 이자율 비교하기 왼쪽 부터 케이뱅크 플러스박스, 카카오뱅크 세이프박스, 토스뱅크 입니다. 케이뱅크 연 이자율 2.30% 카카오뱅크 연 이자율 2.10% 토스뱅크 연 이자율 2% 연이자율 순위 1등 케이뱅크 2.3% > 2등 카카오뱅크 2.1% > 3등 토스뱅크 2% 케이뱅크가 가장 높고 토스뱅크가 가장 낮네요. 각 통장에 얼마의 금액을 넣어 놓으면 하루 마다 얼마의 이자를 받을 수 있는지 아래 '이자 계산기'를 통해서 쉽게 계산해 볼 수 있습니다. 이자 계산기.. 2024. 2. 17.
상단바 헤더(header) 고정하는 2가지 방법 sticky pixed (CSS 코드 수정) 티스토리 꾸미기 목차 티스토리에 상단바를 고정하는 2가지 방법을 작성했습니다. 여러가지로 적용할 수 있는 코드이니 한번 따라서 적용해보시길 바랍니다. '티스토리 HTML/CSS 편집창'과 'F12 개발자 도구'를 이용하는 방법은 계속해서 다른 글들과 겹쳐서 해당 내용 중간에 링크를 걸어 놨습니다. 1. sticky 코드 값을 이용한 상단바 고정 { z-index: 1010; > 우선 순위 값 background-color: rgba(255,255,255,0.95); > 배경 색상 position: sticky; > 스크롤시 따라오게 하는 값 top: 0px; > 포지션 위치 값 지정 border-bottom: 1px solid #eee; > 아래 경계선 색상 표시 } 1-1 sticky 코드 적용 결과 'sticky' .. 2024. 2. 17.
'F12' 개발자 도구로 티스토리 테마 자유롭게 미리 수정해보기 티스토리 테마 변경 및 구글 애드센스 설정에 관한 글을 쓰면서 계속해서 '개발자 도구'와 '티스토리 HTML 편집창' 이용 방법이 겹쳐서 아래와 같이 해당 기능이용하는 방법을 정리해봤습니다. 목차 1. 개발자 도구 여는 방법 (HTML, CSS 설명) 키보드에서 'F12' 키를 이용해서 '개발자 도구'를 열 수 있습니다. 이미지에서 확인할 수 있듯이 위에는 'HTML' 코드를 확인할 수 있고 아래에는 'CSS' 코드를 확인할 수 있습니다. 1-1 'HTML', 'CSS' 코드가 뭔가요? HTML : 집을 지을때 뼈대라고 생각하면 됩니다. (= 틀) CSS : 집을 짓고 나서 인테리어를 한다고 생각하면 편합니다. (= 디자인) 2. 페이지에서 원하는 부분 HTML CSS 이름 및 위치 알아내기 'F12'키.. 2024. 2. 17.
반응형

티스토리툴바