본문 바로가기
반응형

스터디/블로그14

HTML, CSS에서 활용 가능한 색상표, 컬러코드 사용법 및 추천 사이트 HTML, CSS에서 활용 가능한 색상표, 컬러코드 사용법 및 추천 사이트 티스토리나 블로그스팟, 워드프레스 블로그에서 HTML를 통한 커스터마이징을 많이 하고 있다.컬러표를 사용하는 방법과 컬러표를 확인할 수 있는 무료 사이트를 정리해서 공유해본다.HTML에서 컬러표 사용법 1. 색상 이름: HTML에서는 140개 이상의 색상 이름을 지원합니다. 예를 들어, red, blue, green 등이 있습니다. 이 문장은 빨간색입니다. 2. HEX 코드: 색상을 16진수로 표현하는 방법입니다. #RRGGBB 형식으로, RR은 빨강, GG는 초록, BB는 파랑의 값을 나타냅니다 이 문장은 빨간색입니다. 3. RGB 값: 빨강, 초록, 파랑의 값을 0에서 255 사이의 숫자로 지정합니다. RGB 값: 빨강, 초록.. 2024. 8. 17.
티스토리 소제목 서식 추가 방법 (HTML 서식 사용) 티스토리 소제목 서식 추가 방법 (HTML 서식 사용)이번에는 블로그의 가독성과 SEO를 위해 소제목 구분을 포함한 스킨을 변경하려한다.생각보다 간단하게 변경이 가능하니 천천히 따라해보자.소제목 꾸미기 적용방법1. 해당 서식을 추가하여 진행해야 한다. 블로그 관리 > 서식 관리 > 서식 쓰기로 이동한다.2. 기본 모드 > HTML 모드로 변경한다.3. HTML 문구를 추가한다. 소제목 꾸미기 4. 미리보기나 HTML > 기본모드로 변경하여 적용된 내용을 미리 확인한다.5. 이제 글쓰기할 때 꾸미기 하려는 소제목이 있다면 해당 HTML 서식을 부른다.6. 소제목을 넣을 부분에 기본모드에서 드래그 복사하거나, 해당 서식을 HTML로 복사해서 넣는 두가지 방식이 모두 가능하다7. 소제목 문구를 내가 원하는 문.. 2024. 8. 17.
티스토리 구글 애드센스 수동 광고 삽입방법 (블로그 수익화, 자동광고, 수동광고) 티스토리 구글 애드센스 수동 광고 삽입방법 (블로그 수익화, 자동광고, 수동광고)티스토리를 사용하는 이웃분들 중 구글 애드센스를 적용하는 분들이 많으실 것이라고 생각한다.그중 블로그 수익화의 효율을 높이기 위한 세팅 팁을 포스팅 해본다.힘들게 승인을 받은 만큼 복잡하지 않은 방법을 적용해 보고 도움 되길 바란다. 자동 광고와 수동 광고구글 애드센스는 두 가지 광고 방식을 제공하고 있다.자동 광고와 수동 광고 방식인데, 대부분 최초 승인 이후 자동 광고로 설정되어 노출되고 있다.자동 광고의 장점은 결국 사용하기 편하고, 편리함이 주력이라면, 수동 광고의 장점은 효율 높은 디테일한 설정이 가능하다는 것이다.수동 광고를 설정해야 하는 이유 자동? 수동? 그거 얼마나 차이 나겠어하겠지만, 약 한 달간 수익을 살.. 2024. 8. 14.
티스토리 CSS 링크버튼(링크박스) 5분 만에 만들기 티스토리 CSS 링크버튼(링크박스) 5분 만에 만들기먼가 블로그의 하이퍼링크를 꾸밈없이 사용하게 되면, 허전한 느낌이 가득하다.티스토리에서 베테랑 블로거들 처럼 링크박스 형태의 버튼을 깔끔하게 만들어보고 싶은데 잘 모르겠다면,이제부터 간단하게 HTML과 CSS를 이용한 링크버튼(링크박스)을 만들어볼 테니 빠르게 따라 해보기 바란다.(실제로 버튼 제작은 5분만에 한다고 했는데, 5분도 안 걸렸다.) CSS 링크버튼 만들기간단하게 원하는 형태로 직접 제작해 보자1. 아래의 링크버튼 제작 페이지로 이동해 보자.(아래 버튼을 클릭 또는 https://www.bestcssbuttongenerator.com/ ) A useful tool for designing css buttonsButton generator i.. 2024. 8. 10.
반응형

티스토리툴바