코딩ㆍ개발 정보/티스토리블로그35

• 애드센스에 적합한 티스토리 무료 스킨 모음 구글 애드센스 적용을 적절하게 한다는 것은, 광고를 효율적으로 배치할 수 있어야 한다는 거 같아요. 그런 의미에서 티스토리 스킨 추천합니다. - 무료스킨 - 1. 미넴 스킨 (Mynem Skin)미넴 스킨은 애드센스 광고 최적화에 중점을 둔 반응형 스킨으로, 다크 모드 지원, 자동 목차 생성, 상단 헤더 고정 등 다양한 기능을 제공합니다. 특히 광고 배치에 유리한 구조로 설계되어 있어 애드센스 수익 향상에 도움이 됩니다.다운로드 및 자세한 정보:상민엠's 블로그2. 친효 스킨 (ChinHyo Skin)친효 스킨은 사용자가 원하는 대로 스타일을 커스터마이징할 수 있는 반응형 스킨입니다. 본문과 사이드바의 위치 조절, 폰트 크기 및 글자 간격 조절, 반응형 애드센스 광고의 손쉬운 적용 등 다양한 기능을 통해.. 코딩ㆍ개발 정보/티스토리블로그 2024. 12. 13.

• 

  티스토리 스타일에 ::before 태그로 유니코드 삽입하기 여기 보이는 작업은 티스토리 매니저 스킨편집에서 CSS를 다음과 같이 수정합니다. 위에서 ::before 부분이 용어제목(DT), 용어설명(DD) 부분이 시작하기 전에 표시해 줄 content 및 그에 대한 모양입니다. 여기서 입력하는 특수문자는 유니코드로 지정합니다. 불릿 유니코드는 다음의 링크에서 참고해서 U+ 부분을 \ 로 변경해서 입력하면됩니다. 화살표 유니코드는 다음의 링크를 참고하시기 바랍니다. 기타 궁금한 사항은 유니코드표를 검색 후 U+ 부분을 \ 변경해서 입력해보면, 적용되는 모습을 바로 확인하실 수 있습니다. 글쓰기 할때 태그를 작성합니다. 코딩ㆍ개발 정보/티스토리블로그 2022. 7. 13.

• 

  구글 애드센스 - 더 나은 광고 표준 (Better Ads Standard)에 위배되는 광고 경험 .. 해결 방법 오늘 2021년 10월 21일, Adsense 수익을 확인하려 사이트에 접속해 보니 다음과 같은 알림 패널이 떠있었다. 운영중이신 사이트 중 하나 이상이 더 나은 광고 표준(Better Ads Standard)에 위배되는 광고 경험을 포함하고 있는 것으로 확인되어 경고 상태가 되었습니다. Google Search Console의 광고 경험 보고서에서 수정이 필요한 광고 경험을 확인하시기 바랍니다. 애드 센스의 자세히 알아보기 링크는 아래와 같으나, 동영상 속의 가이드는 도무지 무슨 말인지.. 영어라 모르겠다. https://support.google.com/adsense/answer/7514132?hl=ko 사이트의 광고 경험 문제 해결 - Google 애드센스 고객센터 도움이 되었나요? 어떻게 하면 개.. 코딩ㆍ개발 정보/티스토리블로그 2021. 10. 21.

• CCZ-CROSS 스킨은 "새로운 글쓰기" 모드에서는 충돌이 생긴다. 그렇다면? CCZ-CROSS 스킨은 "새로운 글쓰기" 모드에서는 충돌이 생긴다. 새로운 글쓰기 모드에서 클래스와 스타일을 넣어 글쓰기를 하면, 티스토리 새로운 글쓰기 엔진이 열심히 다듬어서, 작성한 태그나 클래스 속성이 사라질 수 있기 때문이다. 그렇다면? CCZ-CROSS 스킨은 어떻게 사용할 수 있을까? 티스토리 구버전 글쓰기를 계속 사용해야 할까? 티스토리 구버전 글쓰기를 하면서 서식에 추가해서 불러가며 사용해야 할까? 아니다. CCZ-CROSS 스킨을 새로운 글쓰기 모드에 맞춰서 변경 해서 사용해야 할 수도 있다. 크게 적용안되는 부분은 이미지를 감싸는 P 태그에 inner-cap 을 적용하거나 border를 적용하는 부분이나.DL, DT, DD 로 구성되는 부분mark 태그를 넣는 부분 등. 차이만 찾아내.. 코딩ㆍ개발 정보/티스토리블로그 2020. 8. 29.

• 

  티스토리에 부트스트랩 적용하기 티스토리에 부트스트랩을 적용하려고 할 경우는, ①부트스트랩 파일과 jQuery 파일 다운로드, ②스킨 이미지 폴더에 업로드, ③스킨 HTML 변경 순으로 진행하면 된다. 부트스트랩 내려받기 부트스트랩 다운로드 사이트 [bootstrapk.com/getting-started/#download]로 이동하여 부트스트랩 다운로드 클릭 jQuery 내려받기 jQuery 다운로드 사이트[Download the compressed, production jQuery 3.5.1]로 이동하여 jQuery 다운로드 클릭 (js가 그냥 브라우저에 출력된다면, 마우스 오른쪽 클릭해서, 다른 이름으로 저장, 해주시면 됩니다.) 다운로드 압축 해제 및 정리 jQuery 파일은 부트스트랩을 동작하기 위한 필수 파일이니 당연히 업로드.. 코딩ㆍ개발 정보/티스토리블로그 2020. 8. 29.

• 

  티스토리 코드블럭, 코드 하이라이트 적용하기 티스토리 블로그를 보다 보면, HTML이나 기타 프로그래밍 랭귀지 등을 보기 좋게 꾸며놓은 것을 쉽게 볼 수 있다. 소스코드하이라이팅 부분인데, 티스토리 기본 세팅에는 코드 하이라이트그 적용되어있지 않다. 티스토리 플러그인에서 설정하기 1. 관리자 페이지 플러그인으로 이동하여 코드 검색 2. 테마 선택하여 적용 3. 코드 블럭 클릭 4. 코드 타입 선택하여 내용 입력후 적용 5. 적용 내용 확인 /* 잘못된 주석문 */ 코드 하이라이트 된 부분을 확인할 수 있습니다. 이외의 코드 하이라이트 highlight.js [출처:https://cho-coding.tistory.com/215, https://kwonkyo.tistory.com/143, webdir.tistory.com/439, somjang.tis.. 코딩ㆍ개발 정보/티스토리블로그 2020. 8. 25.

• [CCZ-CROSS] 스킨 적용하기 현재 CCZ-CROSS 스킨 적용하는 방법은 저 같이 블로그 사용 능력이 뛰어나지 못하고, 웹페이지 만드는 능력이나 자바 스크립트 등에 익숙하지 못한 사람이 저처럼 헤매는 것을 좀 줄여드리고자 작성하는 부분이므로, 설명이 좀 미비한 부분이 있을 수 있습니다. 질책의 댓글 보다는 제게 안내의 메시지로 댓글 남겨주시기를 당부드립니다. 티스토리는 네이버 블로그와는 다르게 스킨을 다운로드 받아 블로그에 등록하고 편집할 수 있습니다. 이번에는 흉내쟁이님의 CCZ-CROSS 스킨을 적용해 보겠습니다. 대략적인 모습은 다음과 같습니다. CCZ-CROSS 스킨 다운로드 SITE https://webdir.tistory.com/category/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC/%EC%8A.. 코딩ㆍ개발 정보/티스토리블로그 2020. 8. 23.

• 

  티스토리 글 작성 시 reCAPTCHA 인증, 쉽게 하는 방법 티스토리 글쓰기 완료 하려고 들면, reCAPTCHA 가 나타납니다. 이게 은근히 번거롭습니다. 정상적으로 이미지를 클릭해도 계속 이미지가 바뀌면서 선택하라고 하는데, 어떤 분들은 이 답답함에 티스토리를 떠나는 분들도 있는 것 같습니다. reCAPTCHA :출처 - 위키피디아 reCAPTCHA ("리캡차")는 카네기 멜론 대학교의 메인 피츠버그 캠퍼스의 루이스 폰 안, 벤 모러, 콜린 맥밀런, 데이비드 에이브럼, 매뉴얼 블럼이 개발한 CAPTCHA 시스템이다. 2009년 9월에 구글로 판권이 넘어갔다. reCAPTCHA는 CAPTCHA와 비슷하게 사용자에게 화면에 왜곡된 단어 이미지를 보여준 뒤, 보이는 대로 단어를 입력하라고 한다. 화면에 나타나는 두 개의 단어는 접근이 제한된 구역[1]에 봇이 접근을.. 코딩ㆍ개발 정보/티스토리블로그 2020. 5. 9.

• 무들 (moodle, 교육용 오픈 소스) 소개 및 설치 방법 무들은 학습관리시스템 (LMS) 혹은 가상학습환경(VLE)로 알려진 강좌관리시스템(CMS)입니다. 무들은 교육자들이 효과적인 온라인 학습 사이트를 구축하는데 사용할 수 있는 무료 웹 어플리케이션입니다. - from http://moodle.org 무들 설치파일 선택 방법 http://moodle.org/downloads/ 접속하여 1. 표준 무들 패키지를 설치한다. 2. 윈도우즈용 무들을 설치한다. (소개는 이것으로 합니다) 윈도우즈용 무들 설치 방법 1. Moodle 2.0.2+ 버전(2011.03.15 최신)을 다운로드 받는다. 2. 로컬 드라이브에 압축을 푼다. (압축푼 폴더에서 README.txt를 확인한다.) 3. 압축푼 폴더에서 "Start Moodle.exe" 를 실행한다. 4. 방화벽 차단.. 코딩ㆍ개발 정보/티스토리블로그 2020. 5. 6.

• 

  구글 애드센스 청구서 수신 주소 변경 방법, PIN 다시 보내기 진행 단계 보기 안녕하세용~ 주소를 확인하지 않아 지급이 보류 중입니다. 내 블로그가 수익이 나오다니 ;; 신기하다 신기하다. 그런데 주소가 바꼈는데 어쩌지? 참 이런일 저런일 많은데, 이번엔 구글 애드센스.. PIN 번호가 담겨 있는 우편물 수령주소가 잘못되어, 이전에 살고 있던 집으로 발송이 되어버렸습니다. 이혼하기 전 주소지라 ... 거길 갈 수 없는 상황이고 방법을 찾아보던 중 주소지 변경을 할 수 있는 방법을 확인했습니다. 전 까먹고있다가 2020년 3월 27일에 처음 발송했다고 하는데, 2020년 4월 29일 약 .. 한달 만에 기억해서 주소 변경 후, PIN 다시 보내기 신청해 보려 합니다. 신청하는 화면 남겨 드릴테니, 저와 같은 상황에 계신 분은 참고하시면 도움이 되시겠죠? ⚠️ 경고 ⚠️ * PIN 입.. 코딩ㆍ개발 정보/티스토리블로그 2020. 5. 4.