본문 바로가기

티스토리 블로그78

티스토리 구글 애드센스 게시글 목록 인피드 광고 세팅 (북클럽 스킨) Contents게시글 목록 사이에 들어가는 인피드 광고 개재 적용 방법입니다. 본 글은 티스토리 북클럽 스킨에 적용하는 방법입니다.다른 스킨을 사용하고 있다면 참고용으로 봐도 좋습니다. 인피드 광고 셋팅을 완료하고 적용하면 다음과 같이 광고가 노출됩니다.위 사진을 확인해보면 광고의 썸네일의 크기가 글과 딱 맞고 테두리 크기 색상, 제목 글자 두께, 요약글 크기 및 색상까지 모두 동일하게 설정 해줬습니다. 이전 글 4. 게시글 목록 북클럽 스킨 편집하기 (데스크탑용)으로 게시글 목록을 설정해 줬다면 아래 인피드 광고 셋팅을 그대로 따라서 적용하면 됩니다. 위와 다른 경우 아래 셋팅 방법은 참고로 확인하시고 각자의 게시글 목록 사이즈에 맞게 셋팅해주시면 됩니다. 1. 애드센스 사이트에서 새 인피드 광고 만들.. 2024. 6. 16.
게시글 목록 모바일 스킨 편집 수익화 셋팅 정리 티스토리 북클럽 (모바일용) Contents이전 데스크탑 버젼을 다 진행했다면 모바일용 버젼은 따로 설정해줘야 합니다. 이번 글은 쉽게 코드만 붙여넣으면 그대로 적용되게 작성했습니다. 코드를 그대로 적용하기 위해서는 이전글 4. 게시글 목록 북클럽 스킨 편집하기 ( 데스크탑용)  셋팅 설정에 있어서 반복적으로 들어가는 내용은 본문에 포함하지 않고 따로 정리해 뒀습니다.1. 수정하고 싶은 부분 코드 찾는 방법 (F12 개발자 모드 설명)2. 티스토리 HTML/CSS 스킨 편집 페이지 경로 1. 게시글 목록 스킨 편집 코드 적용전위 사진처럼 모바일 화면에 딱 맞지 않고 사진 위치 등등 맞지않은 것을 확인할 수 있습니다. 2. 스킨 편집 코드 붙여 넣기해당 코드를 CSS 편집창에서 맨아래에 그대로 붙여넣기 해주시면 적용됩니다. (시간이 .. 2024. 6. 16.
게시글 목록 썸네일 왼쪽 적용하기 및 날자 위치 변경 (북클럽 스킨 편집) Contents이전 글은 4-2 게시글 목록 테두리 추가하기  아래 셋팅 방법들은 수익화 셋팅을 위한 북클럽 스킨 편집 방법입니다. 셋팅 설정에 있어서 반복적으로 들어가는 내용은 본문에 포함하지 않고 따로 정리해 뒀습니다.1. 수정하고 싶은 부분 코드 찾는 방법 (F12 개발자 모드 설명)2. 티스토리 HTML/CSS 스킨 편집 페이지 경로  이번 글은 게시글 목록 (데스크탑용) 챕터중 마지막  "4-3 게시글 목록 썸네일 위치 왼쪽 적용하기" 부분입니다. 1. 게시글 목록 변경전북클럽 스킨 기본에는 게시글 목록에 사진이 오른쪽에 위치해 있는데요.해당 사진을 왼쪽 설정을 해보겠습니다. 2. 수정할 부분 찾고 CSS 코드 변경하기.list-type-thumbnail .post-item .thum img위 .. 2024. 6. 15.
북클럽 스킨 게시글 목록 테두리 설정 CSS (편집/수정/꾸미기/수익화 셋팅) 목차이전 글은 4-1 게시글 목록 썸네일 정사각형으로 적용하기 아래 셋팅 방법들은 수익화 셋팅을 위한 북클럽 스킨 편집 방법입니다. 셋팅 설정에 있어서 반복적으로 들어가는 내용은 본문에 포함하지 않고 따로 정리해 뒀습니다.1. 수정하고 싶은 부분 코드 찾는 방법 (F12 개발자 모드 설명)2. 티스토리 HTML/CSS 스킨 편집 페이지 경로 이번글은 티스토리 북클럽 스킨에서 게시글 목록에 테두리를 만들고 마진(간격)을 설정하는 방법입니다. 1. 게시글 목록 변경전변경전 기본 테두리가 없는 게시글 목록 모습입니다. 집중 되지 않고 어딘가 떠있는 모습입니다. 2. 테두리 적용 부분 찾기티스토리 HTML 편집창에서 > "CSS"를 클릭한후.list-type-thumbnail .post-item위 코드를 검색해.. 2024. 6. 14.
티스토리 수익형 블로그 셋팅 완벽 가이드 Contents1. 블로그 기본 셋팅N 블로그를 만들고 처음 설정해주는 부분입니다1-1북클럽 스킨 적용 및 필수 설정1-2북클럽 스킨 초기 셋팅 방법2. 티스토리 블로그 SEO 검색 노출 셋팅N 내 블로그가 다른 사이트에 검색노출이 되도록 필수 셋팅 방법입니다2-1구글서치콘솔에 블로그 등록하기2-2네이버 웹마스터 도구에 블로그 등록하기2-3빙 검색 등록하기2-4줌 검색 등록하기3. 티스토리 구글 애드센스 신청N 구글 광고를 신청하고 수익화를 하기 위한 구글 애드센스 신청과정 입니다3-1구글 애드센스 신청 방법 및 꿀팁3-2구글 애드센스 정산급 지급을 위한 핀번호 등록3-3구글 애드센스 정산 받기 외화 통장 등록4. 티스토리 북클럽 스킨 편집 및 애드센스 넣기N 수익형 블로그로 셋팅하는 방법입니다4-1북클.. 2024. 6. 14.
북클럽 스킨 게시글 목록 썸네일 정사각형 크기 조절하기 편집 수정 꾸미기 수익화 셋팅 목차북클럽 스킨 뉴북 버젼 썸네일 정사각형으로 크기 조절 방법입니다. 아래 셋팅 방법들은 수익화 셋팅을 위한 북클럽 스킨 편집 방법입니다.중간중간 추가 설명이 필요한건 간단하게 적어두었습니다. 1. 썸네일 변경전 모습사진은 썸네일 변경전 모습입니다.수익형 블로그로 만들기 때문에 해당 부분을 정사각형으로 설정해줘야 합니다.2. 스킨 편집창 들어가기 블로그 관리 설정 창에서 "꾸미기 > 스킨 편집 > HTML 편집"을 순대로로 클릭합니다. 3. HTML 설정변경하기 "HTML" 창에서s_article_rep_thumbnail을 검색하여 해당 부분을 찾습니다. (검색키 CTRL + F) 사진과 같이 "C300x300" 으로 변경해줍니다. 그냥 정사각형으로 썸네일을 설정할경우 사진이 찌그러져 보이기 때문에 해당.. 2024. 6. 14.
북클럽 스킨 변경후 초기 수익화 셋팅 편집 수정 꾸미기 Contents북클럽 스킨으로 변경후 처음 초기 셋팅 방법입니다. 아래 셋팅 방법들은 최종 수익화 셋팅을 위한 북클럽 스킨 편집 방법입니다.중간중간 추가 설명이 필요한건 간단하게 적어두었습니다.1. 북클럽 스킨 셋팅 변경전북클럽 스킨을 적용하면 위 사진과 같이 되어 있습니다. 2. 스킨 편집을 통한 초기 셋팅 방법내 블로그 관린 페이지에서 "스킨 편집"을 클릭합니다. 추후 인피드 광고를 진행하기 위해서 "글 목록 글 수"를 9개로 설정합니다. 리스트 타입은 "뉴북" 더보기 방식은"페이징" 포인트 컬러는 추후 링크 셋팅을 위해서 색상코드 #000000 검은색으로 설정 합니다. 3. 북클럽 스킨 셋팅 변경후 글 목록 페이지 화면리스트 형식으로 변경된 모습을 확인할 수 있습니다.  북클럽 스킨 수익화 셋팅 가.. 2024. 6. 14.
아오.. 그놈의 성인광고 싹다 차단 구글 애드센스 광고 차단 관리 방법 목차뭔가 내 블로그를 들어왔는데 성인광고가 나오면 뭔가 찝찝한 기분입니다. 그래서 구글 애드센스에서 성인 광고로 보이는 것들은 싹다 차단하고 왔습니다.차단하고 온 김에 구글 애드센스 광고 차단하는 방법을 작성해봤습니다. 구글 애드센스 사이트 바로가기 > https://adsense.google.com/1. 구글 애드센스에서 광고관리 접속 루트" 사이트 > 브랜드 안전성 > 콘텐츠 > 광고 심사 센터 "순서대로 클릭후 광고 관리 창으로 넘어가주세요. 2. 광고 심사 센터에서 차단할 광고 찾기여기가 조금 번거롭긴한데 차단할 광고를 일일이 찾아야 합니다. 저는 직접 광고 다 보고 차단하긴 했습니다... 차단 버튼은 이미지에서 처럼 해당 버튼 클릭하면 바로 해당 광고 차단됩니다. 3. 차단된 광고 확인하기사진과.. 2024. 6. 13.
티스토리 구글 애드센스 광고 설정 싹 삭제하고 줄였습니다. 가독성이 더 중요하지... 목차최근에 제 블로그 글들을 둘러봤는데 광고가 너무 많더라고여. 아니 진짜 본문 보려면  상단 광고를 3개를 보고 본문을 확인할 수 있어서 제가 봐도 이건 아니다 싶어서 광고 싹 줄였습니다. 1. 현재 블로그 광고 설정 셋팅 값그냥 싹다 껏습니다 ㅋㅋㅋ "본문 중간(에디터)"가 켜있긴한데 본문에 "티스토리 자체 광고"가 붙기 때문에 지저분해서 "본문 중간 광고"도 안넣고 있습니다. 이전에는 그냥 광고가 많으면 좋다고 생각해서 그냥 전체 자동광고로 설정하고 놔뒀었는데요.이제는 이렇게 그냥 놔두면 "티스토리 자체 구글 애드센스 광고"가 따로 붙기 때문에 진짜 글들이 지저분해 집니다. 2. 티스토리 자체 광고 예시전에 저는 제 글들 상단에 광고가 2개씩 나와서 "음 왜 2개씩나오지 ?" 하고 그냥 지나갔었는데.. 2024. 6. 13.

티스토리툴바