(CSS) 티스토리 테이블 색상 변경

티스토리의 (표) 테두리 스타일은 총 6가지가 있습니다. 기본, 선, 첫 행·열 배경색, 첫 행 굵은선, 격행 배경색, 선 없음 색상은 4가지가 있습니다. DarkGray, SkyBlue, ForestGreen, RoyalBlue data-ke-style 속성 값으로 정해집니다. 기본 테두리 색상은 회색이므로 원하는 색으로 설정을 해봅니다. CSS 코드 article table { width:100%; font-size: 0.9375em; line-height: 1.5714; text-align: center; margin-bottom: 22px; border-collapse: collapse; border-spacing: 0; } article :is(table[data-ke-style="style1"..
PC&웹/웹프로그래밍 2023. 11. 23. 16:18

구글 애드센스 지원 광고 크기

실적이 우수한 광고 크기 광고 크기 설명 728x90 '리더보드'라고도 하는 이 형식은 일반적으로 광고주에게 더 많은 광고 인벤토리를 제공합니다. 따라서 텍스트 광고와 이미지 광고가 모두 게재되도록 사용 설정하면 더 많은 수입을 올릴 수 있습니다. 주요 콘텐츠 위에 배치하거나 포럼 사이트에 배치할 때 실적이 우수합니다. 태블릿에 최적화된 페이지에서도 사용할 수 있습니다. 336x280 '큰 직사각형'이라고도 하는 이 형식은 일반적으로 광고주에게 더 많은 광고 인벤토리를 제공합니다. 따라서 텍스트 광고와 이미지 광고가 모두 게재되도록 사용 설정하면 더 많은 수입을 올릴 수 있습니다. 텍스트 콘텐츠 중간이나 끝에 삽입할 때 실적이 우수합니다. 300x250 '중간 직사각형'이라고도 하는 이 형식은 일반적으로..
PC&웹/정보&기술 2023. 11. 23. 13:48

블로그에 (구글)프로그래밍 검색 엔진 추가하기

이 글의 주제는 구글 검색 엔진에 티스토리 블로그를 등록하는 것이 아니라!!! 티스토리 블로그에서 구글 검색을 하는 것입니다. 티스토리든, 워드프레스든 검색하고 싶은 단어를 입력하면 설정한 화면이나 페이지에 검색 결과가 나타납니다. 직접 해보세요. 위 검색 결과는 지정된 사이트만 검색하도록 설정했습니다. 초기값은 구글 전체 검색입니다. 설정 설명 레이아웃 8가지 레이아웃이 있으며 이 글에 사용된 검색 엔진은 그림에서 강조된 '두 페이지'입니다. 오버레이 현재 화면에 레이어를 띄워서 검색 결과를 표시합니다. 두 페이지 다른 페이지에 검색 결과를 표시합니다. 티스토리 블로그라면 /search/ 페이지뿐만 아니라, 이 글처럼 특정 페이지 또는 일반 글에도 검색 결과를 표시할 수 있습니다. URL 설정이 되므로..
PC&웹/웹프로그래밍 2023. 11. 18. 00:06

(CSS) 애드센스 반응형 광고 코드 수정

태블릿과 데스크톱 환경에 반응형 광고를 사용해야 하는 이유는 브라우저 크기가 다르고, UI 기능으로 광고 영역이 변하기 때문이다. 영역이 변하는데 큰 광고가 그대로 나타나면 광고 효과도 없고 레이아웃과 스크롤바가 엉망이 된다. 스킨에 구글 애드센스 반응형 광고 코드를 넣고 새로고침을 통해 결과물을 보면 광고가 숨어버린다. 요소 코드를 모니터링 해보면 광고를 감싸고 있는 태그 중 일부의 높이가 0인 것을 볼 수 있다. 이를 방지하는 코드를 적용해본다. (자세한 설명은 생략한다) 화면 폭에 따른 정확한 광고 단위 크기 지정 위 CSS 코드의 첫 번째 줄은 모든 화면 너비에 적용된다. @media(min-width: 500px) 항목은 최소 500px 이상인 화면 너비에 적용된다. @media(min-widt..
PC&웹/웹프로그래밍 2023. 11. 17. 20:06
1 2 3 4 ··· 117
반응형

티스토리툴바