티스토리 스킨 적용하기 - hELLO 스킨(개발자용 스킨) : 2024.12 최신버전
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환 🔸2024. 12. 추가 설명 : hELLO 스킨 2024년 이후 업데이트된 버전을 사용하시는 분들 중에서 갑자기 블로그 화면이 깨지거나 무한 로딩으로 인해 블로그 메인화면에 접속할 수 없는 경우 목차의 4번 항목을 참고하여 수정해주시면 해결됩니다.`+` 제작자 블로그에 새로 수정본이 올라왔습니다. (`4.10.2a`) 해당 버전을 받으셔서 적용하셔도 됩니다. 🔸2024. 11. 추가 설명 : 아래에서 설명하는 버전은 9월에 작성하였기 때문에 4.10.0c 버전입니다. 지금은 4.10.1 버전이지만 큰 틀에서 변경된 점은 없고 약간의 버그 수정한 ..
티스토리 블로그 - 코드 하이라이트(highlightjs)=코드블럭 스타일 적용
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환개발자 블로그 또는 티스토리의 스킨 편집을 직접 하는 경우 코드를 작성해야 하는데, 스크린샷이나 일반 텍스트로 치는 것보다 좀 더 체계적이고 디자인도 괜찮게 나오는 일종의 코드 스타일을 티스토리에서는 '코드 블럭' 또는 '코드 하이라이트' 라고 합니다. (아래 예시) // TestPlugin.cpp // Copyright Epic Games, Inc. All Rights Reserved. #include "TestPlugin.h" #define LOCTEXT_NAMESPACE "FTestPluginModule" void FTestPluginModule:..
티스토리 블로그 - 코드 하이라이트(highlight) 기능 추가 - 줄번호, 언어표시, 복사버튼
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환저번 포스팅을 통해서 코드 하이라이트를 블로그에 수동으로 추가하여 적용해 보았습니다. 적용하지 않으신 분들은 아래 링크를 통해서 해당 코드 하이라이트를 적용하시고 아래 기능 추가 내용을 진행해 주시면 됩니다. 🔸 코드 하이라이트(코드블럭) 블로그에 적용하기 티스토리 블로그 - 코드 하이라이트(highlightjs) 적용어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환개발자 블로그 또는 티스토리의rightnowhj.tistory.com 1. 줄 번호..
티스토리 블로그 구글 애드센스 - 상/하단 광고 2개 넣기
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환 광고를 배치하다 보면 한 줄에 하나씩 크게 넣다 보면 공간 대비 효율이 안 나옵니다. 그래서 한 줄에 2개의 광고를 넣어서 효율을 높이는 방법을 사용하여 수익률을 올려보도록 하겠습니다. 1. 광고 2개 생성하기상/하단에 사용할 디스플레이 광고를 하나 생성하겠습니다. 사실 광고 단위는 종류별로 또는 크기별로 구분하여 하나씩만 생성하고 하나의 광고를 다른 곳에서 사용해도 상관없습니다. 기존에 사용하던 '디스플레이 광고'가 '반응형'이라면 그냥 그대로 사용하셔도 됩니다. 굳이 광고를 여러 개 만들 필요가 없다는 의미입니다. 즉, 아래에서 상단과 하단에 2개..
티스토리 블로그 사라지는 광고 리로드 스크립트로 광고 다시 로드하기
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환 구글 광고 애드센스를 이용하다보면 광고를 넣은 위치가 제대로 로드되지 않는 경우가 있습니다. 이렇게 광고가 제대로 로드 되지 않을때 다시 로드하는 방법에 대해서 설명하겠습니다. 1. 구글 애드센스 광고 적용하기최근 티스토리 블로그를 운영하시는 분들이거나 오랫동안 운영을 하지 않다가 다시 블로그를 운영하시는 분들의 경우 티스토리의 광고 정책이 어떻게 변했는지 모르실 수 있습니다. 이제 티스토리에서는 구글 애드센스 광고를 자체 광고로 연동하여 광고를 노출시킵니다. 이는 광고를 연동하기만 해도 광고를 넣지 않아도(수동이든 자동이든) 자동으로 본문 상, 하단..
티스토리 블로그 이미지 지연 로딩(Lazyload)으로 최적화하는 방법
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환 티스토리 블로그를 사용할 때 본문에 첨부된 이미지를 한 번에 로드하지 않고 스크롤을 내리는 것에 맞추어 화면에 보이는 시점에 로딩하는 방법에 대한 설명입니다. 이 방법은 사실상 구글 광고의 이미지 때문에 사용하는 방법으로 블로그에 본인이 직접 첨부하는 이미지의 경우 구글의 webp 파일 포맷을 사용하면 수십 KB 수준으로 작은 용량이기 때문에 로딩 시간이 짧습니다. 그래서 해당 방식을 적용하더라도 눈으로 확인하기는 어렵습니다. 다만 일부 광고는 이미지 용량이 클 수 있어서 로드가 오래걸리거나 중간에 로드 실패해서 광고가 나타나지 않을 수 있습니다. 이..