hello스킨 코드블럭 스타일 적용 hello티스토리 편집 code highlight 적용안될때 해결법 | 코드블럭 스타일 적용하기 HELLO스킨 코드블럭 스타일적용 2023.01.08일 자로 hello스킨을 무료로 배포해주셔서 수정하여 잘 사용하고 있습니다 다만 코드블럭(codeblock)을 사용할 때 하얀색으로 나오거나 배경색이 맘에 들지 않 newstroyblog.tistory.com 티스토리에서 개발관련 게시물을 작성하다 보면 코드블럭의 스타일을 사용하면 사용자에게 조금 더 시각적으로 보기 좋은 코드를 제공합니다. 코드블럭의 다양한 스타일을 적용하기 위해서는 code highlight를 사용하면 되지만 hello스킨의 일부 버전에서는 적용되지 않을 수 있습니다. 이럴 때는 제가 작성한 게시물 내용..
hello스킨 이미지크기가 본문영역을 벗어남 티스토리글을 모바일에서 작성하는 경우는 거의 없기 때문에 사실 모바일버전의 환경에 항상 신경을 쓸 수가 없었습니다. 우연히 제 블로그를 모바일에서 접속하여 잘못된 기능이 없는지 확인을 하고있었는데 이미지의 크기가 본문영역의 크기보다 크면 아예 화면 범위 밖으로 비율이 커져서 이미지의 전체 부분을 확인할 수 없었습니다. 블로그 스킨편집 이미지에 관한 부분은 스킨에따라서 코드가 다르지만 hello스킨(4.13버전 사용중)에서는 간단하게 수정할 수 있습니다. 블로그 관리의 스킨편집으로 이동하여 css부분으로 이동해 주세요. [변경 전] #content .contents_style figure.imageblock.alignCenter, #content .content..
구글 애드센스에서 100달러 이상이 되면 설정한 은행 계좌로 매월 말 일쯤 정산됩니다. 제가 설정했던 계좌는 '케이뱅크' 계좌였는데 이전부터 100달러 이상이 쌓이면 케이뱅크 계좌로 지급액이 입금되었습니다. 그러나 최근에는 입금일에 지급액이 처리되지 않았다는 메일을 구글애드센스로부터 받았습니다. 구글애드센스의 지급내역 페이지를 확인했을때는 결제 요청이 취소되었다고 나왔었습니다. 답답한 마음에 케이뱅크 고객센터에 문의하려고 했지만 주말이라 상담톡으로 문의를 진행하였으나 상담톡으로는 안내가 어렵다고 답변을 받았습니다. 평일에 전화상담을 하라는 안내도 받았습니다. 결론적으로, 예전까지는 케이뱅크 계좌로 애드센스 수익금을 지급받을 수 있었지만, 최근부터는 케이뱅크 계좌로 해외에서 애드센스 지급액을 받기 위한 타..
카테고리url 광고가 나오지 않아 놓치고 있는 수익 챙기는 방법 티스토리 블로그를 운영하다 보면 글이 쌓이면서 특정 주제에 관한 글을 찾기가 어려울 수 있습니다. 이럴 때 각 주제별로 카테고리를 만들어서 원하는 글을 빠르고 쉽게 찾아볼 수 있도록 블로그를 운영하시는 분들이 많습니다. 그러나, 카테고리를 통해 글에 접속할 경우 광고가 제대로 노출되지 않아 수익에 반영되지 않는 경우가 있습니다. 이는티스토리 광고 코드가 카테고리 페이지는 별도 페이지로 인식하여 사용자에게 적합한 광고가 덜 노출되거나 작동하지 않기 때문입니다. 블로그 url형태 문자/숫자 일반적으로 게시물을 조회할 경우에는 URL이 'https://newstroyblog.tistory.com/336' 같은 형태로 출력됩니다. 블로그 도메인 /..
오늘은 hello 스킨을 사용하면서 본문에 게시되는 이미지에 테두리를 추가하는 방법에 대해 알아보겠습니다. 이전에 사용한 스킨에서는 이미지의 테두리가 자동으로 적용되었지만, hello 스킨은 이미지의 테두리가 없어서 배경이 흰색인 이미지의 경우 본문 글과 겹쳐서 보기 지저분해집니다. 적용전 / 후 비교 위의 이미지는 이미지 테두리가 적용되기 전 상태입니다. 이렇게 이미지와 본문의 내용을 구분하기 위해 테두리선을 추가하려고 합니다. 이미지 style 아이디명 알아내기 이미지에 마우스 우클릭 후 검사를 클릭하면 크롬 개발자 도구를 통해 해당 페이지의 HTML 코드와 스타일 코드를 분석할 수 있습니다. 개발자 도구를 열어 확인해보니 이미지 태그의 ID명이 #tt-body-page figure.imagebloc..
티스토리 스킨 공식문서 확인하기 깃허브로 호스팅 되는 웹페이지에서 티스토리 스킨에 관한 코드가 제공되고 있습니다 위 링크에 있는 글은 최근 글을 사이드바에 등록하여 추가하는 코드입니다 기본제공 사이드바 최근글 코드 최근에 올라온 글 위코드를 미리 적용해 보니 기존 코드에서 '최근에 올라온 글'이라고 표시된 부분의 제목사이즈 h3 사이즈라서 사이드바에 있는 다른 메뉴들의 글자보다 크게 출력이 되었습니다 그래서 다른 메뉴와 동일하게 h2로 설정하였습니다 그리고 주석처리한 부분은 썸네일을 출력하는 항목인데 사이드바에서 최근글 썸네일까지 보일필요는 없는 거 같아서 주석처리하였습니다 수정한 최종코드 최근 글 사실 수정이라 할 건 크게 없고 제목의 크기와 불필요한 주석 부분만 지웠습니다 기본적으로 최근글이 사이드바..
HELLO스킨 코드블럭 스타일적용 2023.01.08일 자로 hello스킨을 무료로 배포해주셔서 수정하여 잘 사용하고 있습니다 다만 코드블럭(codeblock)을 사용할 때 하얀색으로 나오거나 배경색이 맘에 들지 않아서 따로 스타일을 적용하고 싶었습니다 처음에는 티스토리 플러그인으로 제공되는 코드 문법 강조 플러그인을 사용하여 적용하려고 시도해 보았습니다 하지만 코드블럭 스타일이 적용되지 않고 위에처럼 나오기 때문에 가독성도 떨어지고 여러모로 불편하였습니다 계속 코드블럭 스타일이 적용이 되지 않아 알아보던 중 code hightlight를 사용하여 적용하는 게 더 다양한 코드블럭 스타일을 선택할 수 있고 적용도 그리 어렵지 않다는 사실을 알게 되었습니다 티스토리 코드블럭 스타일 적용하기 자바스크립트를 활..
변경 스킨 내용오랜만에 티스토리 스킨을 또 한 번 변경하였습니다 기존 berry 스킨에서 이번에 hello스킨으로 바꾸게 되었는데 카테고리의 on/off 영역을 깔끔하게 잘 구현해놓으셨고 블로거 입장에서 수정하기에도 편리하고 필요한 기능들을 모두 제공해주는 스킨이라고 생각하여 선택 후 변경하였습니다 무려 무료로 이 엄청난 스킨을 제공해주고 있습니다 글 목록 리스트형태로 변경기본적으로 hello스킨을 설정하게되면 이미지+내용형 목록으로 나와가지고 이게 너무 싫었습니다여러 글목록중인데 pc로 접속하였음에도 불구하고 이미지 사이즈로 인해 화면에 담기지도 않고 깔끔하게 글 제목과 목록만 보면 좋은데 사진이 차지하고 있는 영역이 너무 많아서 글 제목과 내용만 나오도록 수정해주려고 했습니다수정 방법은 어렵지 않게 ..
IT 블로그들이라면 수익을 목적으로 하는 타 블로그에 비해 수익이 현저히 낮으며 조회수는 잘 나오는 거 같은데 광고 클릭률이나 수익률이 뭔가 비교되는 거 같다는 생각을 해보셨을 겁니다 왜 그런 걸까요? 일단 IT 관련 글을 보러 찾아오시는 분들이라면 IT 종사자이거나 관련 경험이나 지식이 있는 사람들일 테고 그럼 당연히 불필요한 광고도 많이 겪어보셨을 테고 광고 차단을 위해서 광고 차단 확장 프로그램이나 앱을 사용하시는 분들이 계실 겁니다 사실 광고차단 회복기능을 추가해도 이또한 해제하거나 차단하여 이용하는 분들도 분명 있을겁니다 그래도 확실한건 광고 차단 회복기능을 추가하면 귀찮아서 그냥 사용하거나 블로거를 위해 광고를 봐주는 사람도 분명 있을테고 이전보다는 광고 참여율이 올라가는건 사실입니다 광고차단..
제 블로그에 업로드된 게시물 왼쪽 상단을 보시면 이렇게 포스팅 발행일자가 표시되게 설정을 해놨습니다 티스토리 설정페이지에서 스킨 편집을 들어간 뒤에 HTML부분을 클릭해줍니다 CTRL+F 단축키를 사용하여 HTML 코드중에 을 검색하여 찾아주세요 스킨의 유형에따라서 코드가 조금씩 다르지만 아마 이런식으로 코드가 작성되어 있을 텐데 해당 줄을 지운 뒤에 아래 코드를 복사 붙여 넣기 해주세요 제 블로그 HTML 코드 중 일부분인데 복사하여 붙여 넣은 후 적용 버튼을 클릭하여 저장한 다음에 다시 블로그로 돌아와 확인해보면 년, 월, 일 순서대로 본인이 작성했던 포스트에 발행일자가 표시됩니다
