본문 바로가기

수익형 블로그 만들기64

[초보자용 / 북클럽 스킨] 티스토리 블로그 자동 목차 표시하는 방법 티스토리 블로그에 포스팅을 할 때 자동으로 목차를 표시하는 방법에 대해서 설명하겠습니다. H태그를 인식하여 자동으로 목차를 생성하는 jQery를 사용하여 구현하였습니다. 티스토리 북클럽 스킨 기준으로 자동목차를 표시하는 방법에 대해서 알아보도록 하겠습니다. 초기에 제가 자동목차에 대해서 올렸는데요. 이번에는 조금 더 다듬어서 이쁘게 만드는 방법에 대해서 설명해 보도록 하겠습니다. 다른 스킨에서도 응용이 가능하므로 잘 읽어보시기 바랍니다. 2022.11.23 - [수익형 블로그 만들기/티스토리] - 티스토리 블로그 북클럽 스킨 목차 자동으로 넣기 티스토리 블로그 북클럽 스킨 목차 자동으로 넣기 블로그에 목차를 작성하여 글의 서두에 넣는다면, 긴 글을 읽을 때에 정말 많은 도움이 됩니다. 북클럽 스킨에 코드.. 2023. 3. 2.

[티스토리 SEO 에러 문제] Bing 웹마스터 도구 :: SEO 보고서 오류 해결 방법 총정리 오늘은 빙 웹마스터도구에서 SEO 오류 유형을 수정하는 방법에 대해서 알아보도록 하겠습니다. 블로그 글을 쓸 때, SEO에 맞춰서 포스팅해야 하는 것은 중요하다는 것을 모두 알고 계시죠? 함께 문제를 해결해 나가 보아요~~ Bing 웹마스터 도구 오류 예시 보통 대표적인 문제는 아래와 같습니다. ㅇ 너무 짧은 제목 ㅇ 2개 이상의 h1 태그 문제 ㅇ 설명이 너무 길거나 너무 짧을 경우 (meta description) ㅇ 이미지 alt 태그 누락 1. 태그에 Alt 속성 내용이 정의되지 않았습니다. 저는 가장 포스팅을 많이 한 사이트에서 약 205개의 문제가 발생하였습니다. 이 블로그는 제가 처음 작성할 때에 이미지 속성을 하지 않아서 많은 포스팅 글이 alt 속성이 정의되지 않았는데요. 새로 블로그를 .. 2023. 2. 25.

[블로그 홍보/마케팅] 페이스북을 통해 블로그 외부 유입 증가시키는 방법 티스토리 블로그를 운영하는 목적이 대부분은 애드센스 광고 수익을 위한 것입니다. 광고 수익이 높아지려면, 당연히 외부 유입이 많아져야겠죠? 그래서 오늘은 페이스북을 통해 블로그 외부 유입을 증가시키는 방법에 대해서 알아보려고 합니다. 목 차 페이스북 가입 페이스북을 통해 블로그 홍보를 하려면 페이스북에 가입해야겠죠? 페이스북은 스마트폰 어플과 PC 홈페이지를 통해 가입이 가능합니다. 페이스북은 워낙 유명하기 때문에 다들 가입하셨으리라 보지만, 저는 본 계정 말고 블로그 홍보를 위한 비즈니스 계정을 따로 생성하였습니다. 자신의 지인들에게 블로그 홍보 내용을 피드할 수는 없잖아요. 페이스북 홍보 방법 페이스북에 홍보하는 방법은 2가지입니다. 자신의 계정에 게시물을 올리거나, 그룹에 가입하는 방법입니다. 사실.. 2023. 2. 16.

페이스북 Facebook 계정 생성 및 가입방법 오늘은 페이스북에 가입하는 방법에 대해서 포스팅하고자 합니다. 페이스북은 미국 유명 소셜 네트워크로서 엄청난 유저를 전 세계적으로 보유하고 있습니다. 온라인으로 친구, 회사, 가족 등의 인맥을 형성하고 유지하게 해주는 서비스입니다. 요즘은 페이스북 인기가 많이 시들어지긴 했지만, 여전히 많은 사용자들을 보유하고 있어서 소셜네트워크로서 굳건한 지위를 가지고 있습니다. 오늘은 간단하게 페이스북을 처음 접하거나, 다시 시작하시는 분들을 위해 가입방법에 대해서 상세히 알려드리는 시간을 가지도록 하겠습니다. 인터넷에 익숙하지 않은 어르신들도 쉽게 가입할 수 있도록 자세히 설명하도록 하겠습니다. 페이스북 가입하는 방법은 PC에서 웹사이트로 가입하는 방법과, 스마트폰 페이스북 앱으로 가입하는 방법이 있습니다. PC를.. 2023. 2. 16.

[CSS & HTML 팁] 박스모델 속성편: margin(마진), padding(패딩), Border(보더) 안녕하세요. 오늘은 CSS와 HTMl 코딩 시 margin과 padding 사용법에 대해서 알아보도록 하겠습니다. 티스토리 블로그 사용자들은 패딩과 마진을 거의 모르실 거예요. 저도 1999년 처음 배우고 오랜만에 다시 보는 거라, 정리한다는 개념으로 설명하겠습니다. CSS Box 모델 속성 정의 ▲ 콘덴츠 박스 안에는 내용이 들어가고 나머지가 박스의 속성들입니다. ⊙ 콘텐츠 : 가장 가운데 있는 콘텐츠 즉, 내용이 들어갈 부분입니다. 이 부분이 유저들에게 실제로 보이는 부분입니다. 높이와 너비를 설정할 수 있습니다. ⊙ Padding(패딩) : 콘텐츠와 보더 사이의 공간을 주는 내여 여백이라고 할 수 있습니다. ⊙ Border(보더) : 콘텐츠의 테두리라고 생각하시면 됩니다. 두께, 라운드를 조절하여 .. 2022. 12. 30.

티스토리 북클럽 스킨 <H1> 태그 2개 중복해서 발견되는 문제 해결 방법 티스토리 블로그는 h1 태그가 중복되는 구글 SEO 문제가 발생합니다. 구글 SEO에서 h1 태그는 하나의 페이지에 한 개만 존재해야만 합니다. 그런데 티스토리에서 제공하는 스킨은 하나의 페이지에서 h1 태그가 2개가 나타나는 중복 문제가 있습니다. 그래서 오늘은 북클럽 기준으로 이런 문제를 해결하는 방법에 대해서 알아보겠습니다. 구글 SEO 기준에 맞게 글을 작성해야 구글 검색 노출이 이상없이 잘 됩니다. h1 태그가 2개가 발생하면 구글 검색엔진은 혼동이 발생하여 검색 노출이 되지 않는 결과를 가져옵니다. 문제 해결방법을 오늘 상세히 알려드리겠습니다. h1 태그가 두 개면 안되는 이유 이런 문제를 티스토리측에서 원천 해결을 해주시면 좋겠지만, 아직까지는 해결하려는 의지가 보이지 않습니다. 검색엔진은 .. 2022. 12. 30.

애드센스 PC 및 모바일 전면광고 적용하는 방법 애드센스 모바일 화면의 전면광고 설정하는 방법에 대해서 알아보겠습니다. 전면광고는 블로그에 접속하며 포스팅 페이지에 들어갔을 때 팝업 광고처럼 화면 전체에 뜨는 광고를 전면광고라고 합니다. 이는 애드센스 자동광고 방식 중 하나입니다. 전면광고는 매번 송출되는 것이 아니라, 불규칙적으로 뜨는 것 같습니다. 전면광고를 설정함으로 수익은 더욱 늘어날 것입니다. 광고를 없애기 위해서는 닫기를 눌러야 하는데 잘 못 누르면 광고사이트로 이동하기 때문에 수익으로 잡힐 것입니다. 애드센스 모바일 전면광고 설정방법 설정하는 방법은 아주 간단한데요. 심플하게 설명하도록 하겠습니다. 자동광고 설정 > 광고형식 > 모바일 전면광고 > 더 넓은 화면(데스크톱)을 모두 켜주시면 됩니다. 1. 구글 애드센스에 로그인 합니다. 2... 2022. 12. 29.

티스토리 인용구 따옴표 닫기 기능 추가하는 방법 티스토리 인용구인 따옴표는 열기는 있는데, 닫기 기능이 없더라고요. 네이버에서 많이들 사용하시는 인용구 따옴표가 왜 티스토리에는 반쪽만 있는 건지? 그래서 오늘은 CSS 코드를 추가하여 인용구 닫는 따옴표를 추가하는 작업을 해보겠습니다. 인용구 따옴표 한번만 넣어주면 닫기는 자동으로 넣어집니다. 하지만 에디터에서는 닫는 따옴표는 보이지가 않습니다. 이 점은 사용하실 때 유의하시기 바랍니다. 먼저 따옴표 인용구란게 어디 있는 것일까요? ▲ 티스토리 에 디터를 보시면 우측 상단에 인용구 버튼이 있습니다. 클릭하시면 다양한 인용구가 나오는데요. 따옴표 버튼을 클릭하면 아래와 같이 인용구가 추가됩니다. 티스토리 기본 인용구 따옴표 설정 상태 ▲ CSS 수정전의 티스토리 기본 인용구 따옴표를 위와 같이 입력하면 .. 2022. 12. 29.

이전 1 2 3 4 5 6 7 8 다음

티스토리툴바