티스토리13

티스토리 스킨편집 수정 없이 CSS 적용하기 티스토리 스킨편집 없이 스타일을 적용하여 사용을 할 수가 있습니다. 스킨편집기를 잘 다루지 못하고 스킨을 자주변경을 할 경우에 그때마다 적용을 해야 할 경우가 있는 태그입력기 플러그인을 이용하면 스킨 수정 없이 코드를 적용할 수 있습니다. 티스토리 스킨편집을 위한 플러그인 태그 입력기 활성화 관리화면에서 왼쪽에 있는 플러그인을 선택하고 오른쪽에 플러그인 목록에서 태그입력기를 활성화합니다. 태그입력기 사이드바에 추가 꾸미기에서 사이드바를 선택하면 '태그 입력기'가 활성화되어 있는 것을 확인할 수가 있는데 이를 드래그해서 옮기거나 옆에 플러스 버튼을 이용해서 사이드바에 추가를 합니다. 사이드바에 추가가 되면 편집 버튼이 생기는데 이를 클릭하면 조그만 편집창이 열리게 됩니다. CSS 적용 HTML 문서에 적용.. 2023. 2. 17.
티스토리 data-ke-size="size16" 속성 제거하기 티스토리 본문에 자동으로 속성이 추가되게 되는데 스킨에 속성을 적용하는 데 있어서 불편함이 있어서 스크립트를 이용하여 제거를 하고 사용을 합니다. 자동으로 설정이 붙을 때는 대부분 폰트사이즈가 붙는데 개인적으로 Body 사이즈를 적용하고 특정 부분만 사이즈를 적용하고 전체적으로 보디에 적용한 사이즈로 통일하여 em 비율로 적용을 하여 사용을 합니다. 그런데 본문에 data-ke-size="size16" 붙어버리면 배율이 달라져 따로 설정해야 하는 불편함이 있어 깔끔하게 H 태그와 p 태그에서 속성을 지워 버립니다. 북클럽 스킨 기반일 경우 위 코드를 앞에 넣어주면 됩니다. // #1, #2 // Magazine // Odyssey, Letter, Portfolio // Poster, Book Club, .. 2023. 2. 17.
방문자 2,000 명대 블로그 수익 비교 애드센스, 데이블, 카카오 애드핏 일방문자 2000이 넘는 티스토리 블로그에서 애드센스, 데이블, 애드핏 3사 광고를 운영할 때 발생되는 수익 비교입니다. 애드센스가 메인이고 나머지는 보조형식으로 달아 놓은 것이라 공정하게 비교할 수는 없지만 국내 업체에서 일발생하는 수익을 대충은 알 수 있지 않을까 합니다. 현재 티스토리에서 운영 중인 2,000 ~ 2,500 정도 하루방문자가 발생하는 잡블로그입니다. 광고는 애드센스를 메인으로 데이블과 애드핏을 함께 사용하고 있습니다. 애드센스 작성일 기준으로 작게는 3달러에서 많게는 8달러 정도 평균 5달러 정도의 수익이 꾸준히 발생하여 월평균 $150 정도의 수익이 납니다. 광고수는 사이드바 위, 아래로 하나씩 2개와 본문 상, 하단에 두 개씩 하여 4개와 본문 내용 중간에 내용길이에 따라 다르지.. 2023. 2. 3.
티스토리 메타 태그 쉽게 적용하기 구글 서치 콘솔이나 네이버 웹마스터 도구 서치 어드바이저나 기타 사이트에 등록을 할 때 소유 확인을 매타 태그로 할 경우 간편하게 입력을 할 수 있습니다. 사이트 소유확인 등의 이유로 위와 같은 메타태그를 해더에 입력하고 사이트 인증을 받아야 하는 경우가 있는데 이때 스킨 편집을 하여 추가해주면 되지만 스킨 편집기를 실행하는 자체가 어렵거나 스킨을 자주 변경을 하면 매번 메타태그를 입력해 줘야 하는데 그때마다 태그를 입력해 줘야 합니다. 스킨을 한번 정하면 한 번도 변경하지 않고 사용을 하는 경우도 있지만 저 같은 경우 수시로 바꾸기 때문에 서치 콘솔에서 중간중간 소유확인을 하는데 깜박하고 적용을 하지 않았을 경우 재인증을 해야 하는 번거로운 일인데 플러그인을 이용하여 스킨이 변경이 되더라도 태그를 직접.. 2022. 12. 20.
티스토리 메뉴 현재 위치 표시 적용을 위해서는 스킨 편집에서 메뉴에 적용된 클래스를 알아야 합니다. 블로그 태그 확인 [##_blog_menu_##] 적용을 위해서는 일단 스킨에서 블로그 메뉴 [##_blog_menu_##] 치환자가 적용된 적용된 태그의 클래스를 알아야 합니다. Home Guest Book 치환자를 사용하면 별도로 태그를 삽입할 필요 없이 꾸미기에서 설정한 메뉴를 리스트 태그로 만들어 적용을 하게 됩니다. jQuery 적용 $(window).load(function(){ $('.blog-menu').find('li').each(function(){ if ( window.location.pathname == $(this).find('a').attr('href')){ $(this).addClass('current'); .. 2022. 12. 18.
티스토리 본문 이미지 숨기기 검색 유입을 위해 섬네일을 별도로 만들어 사용하는 경우가 많은데 본문 내용과 관련이 없을 경우 섬네일이 방해가 될 수 있기 때문에 내용에 불필요한 이미지를 감추는 방법입니다. 내용에 전혀 필요가 없는 썸네일을 본문에 노출시키는 것이 도움이 되지 않는다고 생각되기에 사진을 등록하고 HTML 모드로 전환하고 사진에 붙은 태그를 변경하고 속성을 추가하여서 이미지는 숨길수 있습니다. [##_Image|kage@bZuHXw/btrwiyR8676/IVwUKL0nnc9uixH4oliLk1/img.png|CDM|1.3|{"originWidth":974,"originHeight":973,"style":"alignCenter","filename":"thumbnail.png"}_##] 등록된 이미지의 태그 ... 를 변경합.. 2022. 3. 18.
티스토리 블로그 구글 서치 사이트맵 제출하기 티스토리 블로그 사이트맵 만들어서 구글 서치 등록하는 방법 원활한 구글 검색 노출을 위하여 구글 서치에 블로그를 등록하여 관리는 하는데 사이 맵을 제출하게 되면 봇이 접근하여 크롤링 작업을 보다 유용하게 할 수 있는데요. 티스토리 블로그는 사이트 맵을 지원하지 않기 때문에 만들어주는 사이트의 도움을 받아서 Sitemap을 생성하여야 하는데 Sitemap을 생성해주는 http://www.check-domains.com/sitemap의 도움을 받으면 어렵지 않게 만들어서 제출이 가능합니다. 'Site URL' 주소창에 블로그 주소를 입력하여 주고 'Frequency - Priority' 항목에 'Monthly'로 되어 있는 것을 선택하여 'Always'로 변경하고 'Create Sitemap'를 클릭하면 사.. 2019. 1. 15.
티스토리 블로그 사이드바 인기글 목록 추가하기 티스토리 블로그 스킨 사이드 모듈에 인기글 목록을 추가할 수 있습니다. 이 블로그 인기글 위 태그 코드를 ... 태그 사이에 추가해 줌으로써 사이드바 인기글 모듈이 추가되고 블로그에서 조회 수가 많은 순으로 노출하게 됩니다. : 인기글을 반복 출력합니다 : 글 주소 : 글 제목 : 글 댓글 갯수 : 작성자 이름 (*팀블로그용 치환자) : 글 발행시간 : 대표 이미지가 있는 경우 치환 : 대표 이미지 : 카테고리 이름 : 카테고리 리스트 url각 치환자들의 기능 목록으로 샘플 코드를 기준으로 필요한 부분은 살리고 사용하지 않는 불필요한 태그는 제거하고 적용하면 됩니다. 인기글의 태그는 최근 글과 동일하여 사이드바에서 기존 사용 중인 최근 글 모듈을 복사한 후 .. 태그를 ... 태그로 변경만 해주면 최신 .. 2018. 12. 31.
티스토리 블로그에 네이버 애널리틱스 간편하게 적용하기 티스토리 블로그 네이버 애널리틱스 적용하기 티스토리 자체에서 통계를 제공하고 있지만 보다 정확하고 다양한 정보를 얻기 위해 네이버 애널리틱스라는 도구를 사용합니다. 구글 애널리틱스가 널리 사용되고 신뢰도가 가장 높다지만 네이버 측의 애널리틱스가 좀 더 보기도 편하고 다루기가 쉽다고 생각되네요. 네이버 계정으로 애널리틱스 사이트에 접속하여 사이트 등록을 합니다. 사이트를 등록하면 발급 ID와 스크립트 코드를 생성해 주는데 보통은 생성된 스크립트 코드를 스킨에 삽입하지만 티스토리의 경우 플러그인을 이용하여 간편하게 적용하므로 스크립트 코드는 필요가 없고 새로 발급된 ID만으로 적용할 수 있습니다. 발급 ID를 복사하여 티스토리 블로그 관리 메뉴로 이동합니다. 티스토리 메뉴 중에 아래쪽에 플러그인 메뉴를 선택.. 2018. 3. 11.
티스토리 #1, #2 블로그 스킨 글 목록 개수 변경하기 티스토리 블로그 글 목록 개수 변경하기 티스토리 인덱스 치환자를 사용하는 스킨 중에서 글 목록에 출력되는 글의 개수를 조정하는 방법입니다. 티스토리에서 기본 제공하는 블로그 스킨 #1, #2에 적용되어 있는 홈 화면 및 글목록에서 나열될 글 수를 개인의 설정에 맞게 변경해 줄 수 있는데요. 위 사진처럼 여러 개의 글이 목록으로 나열되지 않고 1개의 글만을 보여주는 경우 글 개수를 사용자가 조절하여야 합니다. 티스토리 관리 메뉴에서 스킨 편집을 선택하여 변경해 줄 수 있습니다. 본격적인 스킨 편집에 앞서 기본 설정을 변경하여 홈 화면 글 수와 글 목록 글 수를 변경해주면 됩니다. '홈 화면 글 수'는 블로그 주소로 접속하였을 때 화면에 표시할 글 목록 수가 되겠고 '글 목록 글 수'는 카테고리나 태그, 검.. 2018. 3. 10.
티스토리 블로그 만들기 - 블로그 생성하기 대한민국에서 블로그 하면 국내 포털 사이트에서 제공하는 대표적으로 네이버, 다음이 생각나실 겁니다. 다음 블로그는 많이 밀린듯하여 거의 보이지가 않네요. 전문 블로그 사이트는 이글루스와 티스토리 정도가 있는데 티스토리 블로그 생성에 대한 글입니다. 처음 블로그를 해볼까 하면 대체로 네이버 블로그를 하실 텐데 저도 마찬가지로 네이버, 다음에 블로그를 만들고 운영을 했었죠. 그러다 티스토리를 하게 된 이유는 색다름이었습니다. 거기서 거기인 틀에 박힌 포털에서 제공하는 블로그는 열심히 운영하지도 않았지만 실증이 난 거였죠. 색다름에 끌린 이후 대충 알아보고 초대장을 구하는데 한 일주일 걸린 것 같네요. 요즘은 어떤지 모르겠지만 예전엔 잘 안 주던 기억이... 기존 운영하던 블로그 주소주면 잘 주는데 기존 블로.. 2018. 2. 3.
티스토리 블로그 본문 광고 삽입 방법 티스토리 블로그에 구글 애드센스, 클릭 몬, 리얼센스 등의 광고를 본문 상단 또는 하단에 넣는 방법입니다. 광고를 삽입하여 수익이 나기 위해서는 먼저 해당 광고사의 승인을 받아야 하며 국내 기업의 경우 승인이 외국 기업인 애드센스보단 수월합니다. 구글의 경우 3달 동안 2차 승인이 않나는 경우도 있다는군요 -0- 티스토리 블로그 본문 치환자 [\##_article_rep_desc_##] 를 찾아 위 아래로 배치하면 본문 내용 시작 점과 끝에 광고가 나오게 됩니다. 광고 코드 [\##_article_rep_desc_##] 광고 코드 보통 본문 치환자를 감사고 있는 DIV 안쪽에 위치하는데 바깥쪽에 빼놓아도 본문에 광고가 노출됩니다. ... 코트 안에만 있으면 본문에 노출되고 치환자를 기준으로 상하로 나뉩니.. 2014. 11. 1.