본문 바로가기
반응형

티스토리 블로그51

티스토리 링크 버튼 만드는 방법 (꾸미기) 목차 블로그 글을 쓸다보면 링크를 넣어야 할때가 있는데요. 기본으로 글에 링크를 넣었을때 눈길이 잘 가지 않아서 링크를 클릭하지 않고 그냥 넘어 갈 수 있습니다. 때문에 본 글에서는 눈에 띄는 링크 버튼 쉽게 만들기 방법을 작성했습니다. 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.
상단바 헤더(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.
반응형

티스토리툴바