본문 바로가기
728x90

블로그 운영70

블로그에 유튜브 배경화면 적용하기 블로그에 유튜브 배경화면을 적용하는 방법에 대해 알아보겠습니다. 블로그를 운영하면서 보기 좋은 디자인과 효과적인 내용 전달이 중요합니다. 그 중에서도 동영상 배경화면은 화려하면서도 감각적인 효과를 연출할 수 있어 많은 사용자들이 선호하는 방법 중 하나입니다. 이번 글에서는 간단한 소스코드를 사용해 블로그에 유튜브 배경화면을 적용하는 방법을 소개하겠습니다. 예제 실행 및 결과물 확인 See the Pen youtube-background by imissrose (@imissrose) on CodePen. 소스 분석 위의 코드는 티스토리 블로그에 유튜브 배경화면을 적용하는 코드입니다. 코드를 하나씩 살펴보겠습니다. 우선 JQuery 라이브러리를 로드하는 코드입니다. JQuery는 자바스크립트 라이브러리로, .. 2023. 4. 29.
티스토리 블로그 사이드바에 여러개의 광고 배치하기(배너 출력 플러그인) 티스토리 블로그 사이드바에 여러 개의 광고 배치하기 티스토리 블로그에서 광고 수익을 늘리기 위해 사이드바에 광고 배치를 고려하는 경우가 많습니다. 하지만 하나의 광고만 배치하다 보면 광고 수익을 높이기 어려울 수 있습니다. 이런 경우 배너 출력 플러그인을 활용하여 여러 개의 광고를 사이드바에 배치할 수 있습니다. 이번 글에서는 배너 출력 플러그인을 이용해 티스토리 블로그 사이드바에 여러 개의 광고를 배치하는 방법을 알아보겠습니다. 다음은 최종 결과물입니다. 우측 사이드바에 배너 광고가 2개 보입니다. 티스토리 블로그 사이드바 광고 활성화 1. 티스토리 관리자 화면 좌측 메뉴에서 "수익 > 애드센스 관리"를 클릭하고 광고 설정에서 "사이드바"를 클릭하여 사이드바 광고를 활성화합니다. 2. 티스토리 관리자 .. 2023. 4. 28.
티스토리 블로그 인피드 광고(북클럽 스킨) 인피드 광고 인피드 광고는 일반적인 배너 광고와 달리, 글 목록 중 하나인 것처럼 구현할 수 있습니다. 이를 통해 사용자가 광고임을 인지하지 못하고, 높은 클릭률을 유도할 수 있습니다. 하지만 인피드 광고를 그냥 가져다 붙이는 것이 아니라, 배경색과 이미지 사이즈 등을 조정하여 블로그의 디자인과 어울리게끔 만들어야 합니다. 이번 글에서는 구글 애드센스의 인피드 광고를 활용하는 방법과, 디자인을 조정하여 블로그와 어울리게끔 구현하는 방법에 대해 자세히 알아보겠습니다. 티스토리 블로그 스킨 편집 1. 티스토리 관리자 화면 좌측 메뉴에서 "꾸미기 > 스킨 편집"을 클릭합니다. 우측 "스킨 편집"에서 리스트 타입을 "뉴북"으로 변경합니다. 2. "홈 화면 글 수"와 "글 목록 글 수"를 수정하고, 목록 구성 요.. 2023. 4. 27.
티스토리 블로그에 구글 번역기 적용하는 방법 티스토리 블로그를 운영하다 보면, 다른 언어를 사용하는 독자들을 위해 번역 기능이 필요할 때가 있습니다. 이런 경우 구글 번역기를 통해 간단하게 번역 기능을 추가할 수 있습니다. 이번에는 티스토리 블로그에 구글 번역기를 적용하는 방법에 대해 알아보겠습니다. 저는 우측 카테고리 위에 구글 번역기를 달았습니다. Select 박스에 모든 언어를 보여줄 수도 있고, Select 박스에 일부 언어만 보여줄 수도 있습니다. 티스토리 관리자 화면 좌측 메뉴에서 "꾸미기 > 스킨변경"을 클릭합니다. 우측 상단의 "html 편집" 버튼을 클릭합니다. 저는 위에 소스를 붙여 넣었습니다. 참조 사이트 https://yaga.tistory.com/325 2023. 4. 27.
티스토리 블로그 글 83개로 구글 애드센스 광고 승인 티스토리 블로그 공개글 83개를 써서 구글 애드센스 광고 승인을 받았습니다 비공개 글도 포함하면 100개가 넘습니다. 비공개 글도 처음에는 공개글이었는데, 애드센스 승인에 방해가 될까봐 비공개로 바꿨습니다. 블로그 첫 개시글을 2023년 2월 24일에 올렸으니까, 거의 2달이 걸렸네요. 꽤 많은 글을 올리긴 했지만, 한 번에 승인 받았으니 이 정도면 양호한 것 같습니다. 국어 능력이 부족해서 대부분의 글을 ChatGPT의 도움을 받아 작성했습니다. 하지만 한 번의 질문과 답변으로 작성한 글은 거의 없습니다. ChatGPT와 충분히 대화한 후 글의 방향성을 정했고, ChatGPT가 글의 흐름을 잃을 때마다 방향을 조정해야했습니다. 제게는 이런 어려움이 있었지만, 직접 글을 쓰시는 분들은 지식을 습득하고 내.. 2023. 4. 23.
티스토리 블로그에 코드블럭(codeblock) 스타일 적용하기 티스토리 플러그인 - 코드 문법 강조 1. 티스토리 블로그에서 "코드블럭"에 내용을 입력하면, 특정 프로그래밍 언어에 대한 구문 강조와 함께 코드를 표시할 수 있습니다. 2. 티스토리 관리자 페이지에서 "플러그인"을 클릭한 다음, 검색창에 "코드"를 입력하고 검색합니다. 3. 원하는 테마를 선택하고 "적용" 버튼을 클릭합니다. 티스토리 블로그에 highlight.js 코드블럭 설정 1. 티스토리 플러그인에 마음에 드는 것이 없으면, "코드 문법 강조" 플러그인을 해제하고 highlight.js 사이트에 접속합니다. url: https://highlightjs.org/ 2. "197 languages and 248 styles"를 클릭하고 Themes를 선택해서 원하는 것이 있는지 확인합니다. 3. hig.. 2023. 4. 20.
반응형

티스토리툴바