본문 바로가기

인사이트/블로그43

애드센스 블로그 부업 쉽게 생각하지 마세요! | GPT로 쉽게?

부업 관련해서 이것저것 알아보다가 블로그 부업이 생각보다 쉽게 느껴질 수 있습니다.저도 그렇게 생각한 사람 중에 한 사람이었어요.작년 겨울부터 조금씩 강의를 들으면서 사부작사부작 시도해 봤는데 이게 참.. 이런 생각이 들더라구요.생각보다 더 어려운데?이렇게 하는 게 맞나?길을 못 찾겠다.다른 쉬운 방법은 없나? 약 10개월 동안 사부작 거리면서 겪었던 생각과 어떤 방법들을 했는지 알려드리겠습니다. 티스토리와 워드프레스 두 개를 이용하면 돈을 더 번다.제가 처음으로 들었던 강의는 '선한부자 오가닉'님의 강의였습니다. 블로그 자동수익화 - 따박따박 수익 창출 전략따박따박 자동수익 만들기 강의에서는 블로그로 수익을 창출하는 다양한 방법을 배웁니다. 수익형 자산을 구축하고, 재테크 전략을 통해 안정적이고 지속.. 인사이트/블로그 2024. 10. 4.

[티스토리 블로그 최적화] 꼭 알아야 할 이미지 최적화하는 방법

안녕하세요. 블로그 글 작성 시 이미지를 그냥 넣고 계신가요? 그렇다면 이 글을 꼭 읽으시는 것을 강력 추천드립니다. 이미지 최적화는 블로그 페이지의 로딩 속도를 빠르게 하고, 방문자들에게 더 나은 경험을 제공합니다. 이번 글에서는 블로그 운영 시 이미지를 넣을 때 꼭 필요한 이미지 최적화 방법에 대해 자세히 소개해드리겠습니다. 이미지 최적화의 중요성 이미지 최적화는 블로그 페이지 성능을 향상시키고 사용자 경험을 개선하는 데 중요한 역할을 합니다. 최적화된 이미지는 페이지 로딩 속도를 줄여 방문자가 더 오래 머물도록 유도할 수 있고, SEO 측면에서도 페이지 성능이 좋다고 판단하여 유리합니다. WEBP의 장단점" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스WEBP는 구글에서 .. 인사이트/블로그 2024. 6. 14.

[티스토리 블로그] 초보자를 위한 꾸미기 노하우 모음집

안녕하세요. 티스토리 블로그를 더 멋지고 매력적으로 꾸미고 싶으시죠? 그렇다면 이 글을 꼭 읽어보세요. 이번 글에서는 티스토리 블로그 꾸미기 팁, 최적화된 광고 추가, 그리고 블로그 최적화 방법을 소개합니다. 이 글 하나로 티스토리 블로그를 완벽하게 꾸밀 수 있게 될 것입니다. 각 구간별로 변경 전과 변경 후 이미지를 첨부했으니 많은 도움이 되길 바랍니다.모든 글들은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 이제 시작해 볼까요? 티스토리 블로그 꾸미기 1. 배경색 꾸미기블로그의 첫인상을 결정하는 중요한 요소 중 하나입니다. 배경색을 변경하여 블로그의 분위기를 바꿔보세요. 자세한 방법은 여기를 클릭하면 게시글로 이동됩니다. 2. 헤더 배경색/글자색 꾸미기헤더는 방문자들이 가장 먼저 접하는 부분입니다.. 인사이트/블로그 2024. 6. 13.

[티스토리 블로그 꾸미기] 초간단 5분 만에 로딩 화면 설정하는 방법

안녕하세요! 이번 글에서는 로딩 화면을 초간단하게 5분 만에 설정하는 방법을 소개해드리겠습니다. 로딩 화면을 적용하면 이미지 로딩이나 페이지 로딩 시 시각적으로 시간이 흘러가고 있다는 것을 보여주기 때문에, 방문자가 블로그를 이탈하지 않고 기다릴 수 있는 장점이 있습니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 이제 시작해 볼까요? 로딩 화면 이미지 다운로드 로딩 화면 이미지는 GIF 파일로 다운로드하는 것이 좋습니다. 왜냐하면, 이미지가 움직여 시각적으로도 좋은 영향을 줄 수 있기 때문입니다. 이미지를 다운로드할 수 있는 사이.. 인사이트/블로그 2024. 6. 12.

[티스토리 블로그 최적화] 페이지 성능 최적화하는 이미지 지연로드 1분 적용 방법

안녕하세요! 이번 글에서는 티스토리 블로그 최적화 방법 중 하나인 이미지 지연로드를 1분 만에 적용하는 방법을 소개해드리겠습니다. 이미지 지연로드를 적용하면, 방문자가 블로그에 들어왔을 때 보이지 않는 이미지들은 나중에 로드되어 페이지 성능을 향상시키고 사용자 경험을 개선할 수 있습니다. 이미지 지연로드란? 이미지 지연로드는 방문자가 페이지를 스크롤하여 이미지를 볼 때까지 해당 이미지를 로드하지 않는 기술입니다. 이를 통해 초기 페이지 로드 시간을 줄이고 사용자 경험을 향상시킬 수 있습니다. 이미지 지연로드의 장점이미지 지연로드는 필수는 아니지만, 페이지 성능을 크게 향상시켜 SEO 측면에서도 유리하며, 방문자가 블로그에 방문했을 때 긍정적인 경험을 제공하여 재방문을 유도할 수 있습니다. 따라서 간편하.. 인사이트/블로그 2024. 6. 11.

[티스토리 블로그 꾸미기] 댓글 오류 안내창 3분 만에 꾸미기

안녕하세요. 이번 글에서는 티스토리 블로그 2차 도메인을 사용하시는 분들을 위해 댓글 오류 안내창을 예쁘게 꾸미는 방법을 3분 만에 적용할 수 있는 방법을 소개해드리겠습니다. 이 작업은 필수는 아니지만, 전체적인 분위기와 맞지 않아 불편을 겪는 분들을 위해 준비했습니다. 저도 제 블로그에 적용해보니 너무 튀어서, 블로그와 조화를 이루도록 꾸미게 되었습니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 이제 시작해볼까요? 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니.. 인사이트/블로그 2024. 6. 10.

[티스토리 블로그 꾸미기] 2차 도메인 연결 시 댓글 오류 1분 해결 방법

안녕하세요. 이번 글에서는 티스토리 블로그에 2차 도메인을 연결하여 블로그 운영하실 때 댓글 섹션을 클릭하면 무한 로그인 창으로 연결되는 오류를 1분 만에 해결하는 방법을 소개해드리겠습니다. 이 오류는 2차 도메인을 사용하는 분들이 자주 겪는 문제로, 간단하게 해결할 수 있습니다. 다른 블로그에서는 코드만 알려줘서 쉽게 해결할 수 있지만, 제가 알려드리는 방법은 댓글 섹션이 확인될 때만 스크립트가 실행되어 페이지 성능을 최적화되는 코드도 함께 적용되어 있어 SEO 측면에서도 유리합니다. 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 이제 시작해 볼까요? 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 .. 인사이트/블로그 2024. 6. 9.

[티스토리 블로그 꾸미기] 성능 최적화된 프로그레스바 3분 만에 추가하기

안녕하세요! 이번 글에서는 티스토리 블로그에 성능이 최적화된 프로그레스바를 3분 만에 쉽게 추가하는 방법을 알려드리겠습니다. 프로그레스바는 방문자들이 블로그 내용을 읽으면서 얼마나 스크롤했는지 시각적으로 보여주어 사용자 경험을 향상시키는 중요한 요소입니다. 이 기능을 추가하면 페이지의 남은 부분을 직관적으로 보여줘 방문자가 끝까지 읽을 가능성이 높아집니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이제 시작해볼까요? 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니.. 인사이트/블로그 2024. 6. 8.

[티스토리 블로그 꾸미기] 성능 최적화된 자동 목차 쉽게 만드는 방법

안녕하세요! 이번 글에서는 페이지 성능을 최적화하면서 자동 목차를 쉽게 만드는 방법을 소개해 드리겠습니다. 자동 목차는 방문자들이 긴 글에서도 원하는 정보를 빠르게 찾을 수 있게 도와줘 블로그의 사용자 경험을 크게 향상시킬 수 있습니다. 더불어, 페이지 로딩 속도도 개선되어 SEO 측면에서도 유리합니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이제 시작해볼까요? 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html .. 인사이트/블로그 2024. 6. 7.

[티스토리 블로그 꾸미기] 홈(커버) 아이템 종류 알아보기

안녕하세요! 이번에는 이전에 소개해드린 홈(커버) 쉽게 만들기에 이어, 다양한 홈(커버) 아이템 종류에 대해 자세히 알아보겠습니다. 홈(커버) 아이템은 각각의 디자인이 다르기 때문에 블로그의 특색에 따라 선택하거나 전달하려는 내용에 따라 선택하는 것이 좋습니다. 홈(커버) 아이템은 블로그 홈에 들어왔을 때 첫인상을 형성하는 중요한 역할을 합니다. 어떤 아이템을 선택하느냐에 따라 블로그의 분위기와 메시지가 달라질 수 있으므로 신중하게 선택해야 합니다. 이제, 각 홈(커버) 아이템의 종류와 특징을 하나씩 알려드리겠습니다. 기본 리스트기본 리스트는 블로그 포스트를 리스트 형식으로 나열하는 가장 간단한 형태입니다. 이미지 없이 글 제목과 간략한 설명, 게시 날짜가 표시됩니다.깔끔하고 직관적이며, 이미지 없이 글.. 인사이트/블로그 2024. 6. 6.

[티스토리 블로그 꾸미기] 썸네일 크기 쉽게 바꾸기

안녕하세요! 이번 글에서는 썸네일 이미지 크기를 아주 쉽게 조절하는 방법을 알려드리겠습니다. 썸네일의 크기를 조절하면 카테고리나 홈(커버)에 이미지가 꽉 차 보이도록 할 수 있고, 통일성 있게 만들어 블로그가 깔끔해 보이도록 할 수 있습니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 따라 하기 쉽도록 단계별로 설명해 드릴 테니, 걱정하지 마세요. 이제 시작해볼까요?이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다.홈(커버) 썸네일 크기 바꾸기홈(커버) .. 인사이트/블로그 2024. 6. 5.

[티스토리 블로그 꾸미기] 홈(커버) 글자색, 여백, 테두리색 쉽게 꾸미기

안녕하세요! 이번 글에서는 티스토리 블로그 홈(커버)의 글자색, 여백, 테두리색을 쉽게 꾸미는 방법에 대해 알려드리겠습니다. 그리고 이전에 적용한 홈(커버) 인피드 광고와 동일한 방식으로 글자색, 여백, 테두리색을 조절할 것입니다. CSS 모든 속성은 제 블로그를 기준으로 설명드리니, 여러분의 블로그에 맞게 자유롭게 수정하시길 바랍니다. 잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요! 이 작업은 티스토리 '북클럽' 스킨의 커버인 '뉴스레터'를 기준으로 진행합니다. 커버 아이템 종류'뉴스레터' 커버를 사용하지 않는다면, 해당하는 커버 아이템 코드에서 수정하시면 됩니다..cover-list /* 기본 리스트 */.cover-thumbnail-1 /* 썸네일 리스.. 인사이트/블로그 2024. 6. 4.

[티스토리 블로그 꾸미기] 홈(커버) 쉽게 만들기

안녕하세요! 지난 글에 이어 성능 최적화된 홈(커버) 인피드 광고를 노출시키기 위해 이번에는 홈(커버) 쉽게 만드는 방법을 아주 쉽게 알려드리겠습니다. 홈(커버)은 블로그의 첫인상을 좌우하는 중요한 요소입니다. 홈(커버)을 잘 꾸미면 방문자가 더 많은 페이지를 탐색하도록 유도할 수 있습니다. 이번 글을 통해 방문작 더 자주 찾고 싶어지는 블로그 홈을 만드는 방법을 안내해 드리겠습니다. 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 기본 설정 확인 블로그 홈의 기본 설정을 확인합니다. 커버를 사용하지 않으면 아래 이미지와 같이 전체 글이 리스트로 표현됩니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면.. 인사이트/블로그 2024. 6. 3.

[티스토리 블로그 광고] 성능 최적화된 홈(커버) 인피드 광고 넣는 방법

안녕하세요! 블로그 홈(커버) 글 사이사이에 인피드 광고를 넣어 광고 수익을 극대화하고 싶으신가요!? 잘 찾아오셨습니다. 이번 글에서는 홈(커버)에 인피드 광고를 넣는 방법을 쉽게 알려드리겠습니다. 이 글에서는 홈(커버)에 광고를 넣는 코드와 페이지 성능을 최적화하는 코드를 합친 종합 코드에 대해 설명하겠습니다. 애드센스 승인을 받은 분들만 이 작업을 진행할 수 있습니다. 아직 승인을 받지 못하셨더라도 이 글을 저장해 두셨다가 승인 후 바로 사용하시기를 권장합니다. 이 글은 이전 글인 카테고리 인피드 광고 넣는 방법과 매우 비슷합니다. 이전 글을 적용하지 않으셨더라도, 이 글에서 쉽게 설명해 드리니 천천히 따라오시면 됩니다! 이 작업은 티스토리 '북클럽' 스킨의 커버에 있는 '뉴스레터'를 기준으로 진행합.. 인사이트/블로그 2024. 6. 2.

[티스토리 블로그 광고] 성능 최적화된 카테고리 인피드 광고 넣는 방법

안녕하세요! 블로그 카테고리 글 사이사이에 인피드 광고를 넣어서 광고 수익을 극대화하고 싶으신가요!? 잘 찾아오셨습니다. 이번 글에서는 그 방법을 아주 쉽게 알려드리겠습니다. 카테고리 글 사이사이에 광고를 삽입하는 코드와 페이지 성능을 최적화하는 방법을 합친 종합 코드를 소개합니다. 애드센스 승인을 받은 분들만 이 작업을 진행할 수 있습니다. 아직 승인을 받지 못하셨더라도 이 글을 저장해 두셨다가 승인 후 바로 사용하시기를 권장합니다. 이 광고를 적용하려고 제가 5일을 찾아보고 적용과 실패를 겪으면서 완성한 코드입니다. 쉽게 적용하실 수 있게 안내해 드리겠습니다. 결론에 최적화된 본문 상단 광고 2개 넣는 방법에 대한 내용도 있으니 끝까지 봐주세요! 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니.. 인사이트/블로그 2024. 6. 1.

[티스토리 블로그 광고] 성능 최적화된 상단 광고 2개 넣는 방법

안녕하세요! 블로그 본문에 상단 광고를 두 개 넣어서 광고 수익을 극대화하고 싶으신가요!? 이번 글에서는 그 방법을 아주 쉽게 알려드리겠습니다. 본문 상단 광고 2개를 삽입하는 코드와 페이지 성능을 최적화하는 방법을 합친 종합 코드를 소개합니다. 애드센스 승인을 받은 분들만 이 작업을 진행할 수 있습니다. 아직 승인을 받지 못하셨더라도 이 글을 저장해 두셨다가, 승인 후 바로 사용하시기를 권장합니다. 제가 3일간 찾고 적용한 방법을 쉽게 따라 할 수 있도록 안내해 드릴게요. 이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 다른 스킨도 비슷한 방식으로 진행하시면 됩니다! 광고 만들기 애드센스 사이트에 접속해서 로그인 후 왼쪽 메뉴에서 '광고'를 클릭합니다.광고 메뉴에서 '사이트 기준', '광고 .. 인사이트/블로그 2024. 5. 31.

[티스토리 블로그 꾸미기] 댓글 마우스 오버 효과 주기 (3탄)

안녕하세요! 댓글 섹션을 꾸미는 데 관심이 있는 분들께 유용한 팁을 하나 더 준비했습니다. 이번에는 댓글 섹션에 마우스를 올렸을 때 나타나는 효과를 주는 방법을 알려드리겠습니다.이번 작업은 마우스 오버 효과에 일부이니, 다양하게 꾸며보실 수 있습니다. 따라 하기 쉽게, 코드를 붙여 넣기만 하면 되도록 준비했으니, 천천히 진행해 보세요!잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요!이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 바꾸기우측 상단에.. 인사이트/블로그 2024. 5. 30.

[티스토리 블로그 꾸미기] 댓글 글자색 쉽게 바꾸기 (2탄)

안녕하세요! 지난번에 티스토리 블로그 꾸미기 댓글 테두리 색상 쉽게 바꾸기는 방법을 소개해드렸습니다. 이번에는 이어서 댓글 글자색 쉽게 바꾸기 2탄을 알려드리겠습니다.이 작업을 하려고 3시간을 헤맸지만, 여러분께서는 이 과정을 따라 하기 쉽게, 코드를 붙여 넣기만 하면 될 수 있도록 준비했습니다. 쉽고 따라 하기 쉬운 작업이니, 천천히 진행해 보세요!잘 모르는 코드가 있거나, 필요한 코드는 자주 쓰는 CSS 속성 총정리 게시글에서 확인하세요!이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 .. 인사이트/블로그 2024. 5. 29.

[티스토리 블로그 꾸미기] 댓글 테두리 색상 쉽게 바꾸기 (1탄)

안녕하세요! 지난번에 티스토리 블로그 꾸미기를 위해 자주 쓰는 CSS 속성 총정리를 소개해드렸습니다. 이번에는 댓글 테두리 색상 쉽게 바꾸는 방법에 대해 알려드리겠습니다.이번 작업은 댓글의 테두리와 대댓글 테두리도 쉽게 바꾸는 방법에 대해 소개하겠습니다. 댓글 꾸미기가 좀 있다 보니, 다음 글에도 댓글 꾸미기 2탄을 안내해드리겠습니다.이 작업은 티스토리 '북클럽' 스킨을 기준으로 진행합니다. 스킨 편집 들어가기관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '스킨 편집'버튼을 클릭하면 새로운 창이 열립니다.새로운 창이 열리면, 우측 상단에 있는 'html 편집' 버튼을 클릭합니다. CSS 코드 바꾸기우측 상단에 있는 'HTML | CSS | 파일업로드' 중에 'CSS'를 클릭합니다. 기본 설정 확인본문.. 인사이트/블로그 2024. 5. 28.

[티스토리 블로그 꾸미기] 자주 쓰는 CSS 속성 총정리

안녕하세요! 지금까지 블로그 꾸미는 과정을 소개해드렸습니다. 이번에는 블로그 꾸밀 때 가장 많이 쓰는 CSS 속성 총정리에 대해 알려드리겠습니다.이 글만 보더라도 웬만한 꾸미기는 다 하실 수 있을 것이라는 생각이 듭니다. (저도 이 글을 자주 볼 거예요!)티스토리 '북클럽' 스킨에 CSS 속성들을 분석해서 자주 사용하는 것들을 최대한 뽑았습니다. 많이 활용하시길 바랍니다. Padding: 내용과 테두리 사이의 빈 공간(여백) padding: 10px; /* 모든 방향에 10픽셀 */padding: 10px 5px; /* 위아래 10픽셀, 좌우 5픽셀 */padding: 10px 0; /* 위아래 10픽셀, 좌우 0픽셀 */padding: 0 0 10px 0; /* 아래쪽에 10픽셀 (나머지는 0) */p.. 인사이트/블로그 2024. 5. 27.

이전 1 2 3 다음

티스토리툴바