본문 바로가기

티스토리 블로그78

티스토리 글 제목 배경 이미지 사진 없애기 배경 변경 방법 (CSS 코드 수정)(스킨 북클럽) 목차 본 글은 북클럽 스킨에서 CSS 부분을 변경하여 블로그의 테마를 꾸미는 방법입니다. 기본 북클럽 스킨에서는 글 제목 뒷 부분에 썸네일 사진이 들어가게 되는데요. 이렇게 썸네일이 들어가게 되면 글의 제목이 잘보이지 않아서 해당 부분을 변경해 주었습니다. 다른 스킨들 중에서도 제목뒤에 사진이 들어가는 스킨이 있다면 오늘 글에서 알려드리는 방법을 따라하시면 쉽게 변경하실 수 있습니다. 1. 수정후 결과 배경 사진을 안보이게 적용해준 결과 이미지 입니다. 위 이미지와 같이 제목 뒤에 원래 썸네일 사진이 붙지만 썸네일 사진이 보이지 않아서 더욱 제목을 강조해 주는 느낌을 줄 수 있습니다. 2. 'F12' 개발자 도구에서 제목 배경 부분 코드 찾기 개발자 도구를 통해서 제목 썸네일 부분의 코드를 확인할 수 있.. 2024. 3. 7.
블로그 글을 옮길 때는 신중히...(23년 4월 8월 애드센스 수익 인증) 목차 주절주절 본 블로그 글중에 외부 유입을 통해서 상위 랭크 된 글이 있었다. 문제는 워드프레스를 새로 만들면서 그 글을 그대로 옮긴 이후에 발생했다. 워드프레스로 옮긴 이유는 이러하다. 이전 글이 유입이 많이 되었기에 외부 유입 글에 링크를 바꾸면 워드프레스로 방문자수가 늘게 되고 그렇게 되면 워드프레스 블로그의 최적화가 잘되겠거니 했지만.... 이전 외부유입을 한 사이트에서 한번 글을 작성하면 수정을 못한다는 것을 몰랐던... 것으로 그냥 그 많던 트래픽이 통째로 날라가 버렸다. 그렇다... 망했다. 그 이후 수익의 변화를 아래에 작성해 놨습니다. 수익의 변화 23년 4월 / 8월 비교 23년 4월의 한달 수익을 보면 17.48달러가 나왔다. 블로그 글을 옮긴 시점 이후로 계속적으로 수익이 줄어 들.. 2024. 2. 23.
티스토리 목차 만들기 서식 (toc, HTML, CSS) 꾸미기 목차 1. HTML 편집창 들어가는 방법 (링크 첨부) 티스토리에서 HTML CSS 수정하는 페이지로 들어가는 방법 목차 HTML CSS 수정 경로 이미지 설명 톱니 모양을 눌러 티스토리 관리자 설정 페이지로 들어갑니다. 왼쪽 사이드 메뉴에서 '꾸미기' > '스킨 편집'을 선택합니다. 다음 이미지와 같이 'html 편집'을 hanqqq111.tistory.com 2. 목차를 만들기 위한 파일 다운로드 2-1) 자바스크립 jquery.toc.min.js 파일 다운로드 하기 목차를 적용하기 위해 아래 파일을 다운로드 합니다. 2-2) HTML 편집창에 파일 업로드하기 '파일업로드'에 '추가' 버튼을 눌러서 위에서 받은 파일을 업로드 해주세요. 3. 코드 티스토리에 적용하기 3-1) (html 편집) head.. 2024. 2. 22.
티스토리 자체 광고는 이렇게 나오는 구나 (애드센스 광고 누락)(글 내용 정정) 목차 해당 글 정정 내용 해당 글에서 말하고 있는 애피어라는 광고 또한 구글 광고 입니다. (티스토리 자체 광고 아님) 이전에 티스토리에서 자체 광고를 넣는 다는 공지가 있었는데요. 최근에 다시 티스토리를 시작하고 나서 구글 애드센스 광고만 잘나오길래 '음 자체광고 안나오는데?' 라고 생각 했었지만 최근에 모바일로 광고가 어떻게 나오나 확인하다가 이상한 점을 발견했는데요. 1. 티스토리 자체 광고가 나오는 구간 모바일일 화면에서 지나가다가 광고를 봤는데 뭔가 'x'가 '구글 애드센스 광고'같지가 않은데? 라는 생각을 했는는데요. 역시나..'구글 애드센스 광고'가 아닌 '애피어?' 라는 광고 플랫폼 광고가 나오고 있었습니다. 아... 이런식으로 자체 광고가 나오는 지.. 처음 알았네욥. 근데 여기서 중요한.. 2024. 2. 22.
북클럽에서 코드 버튼 글자 색상 바꿔도 안바뀔때 안바뀜(HTML/CSS) 목차 이전 글에 이어서 작성하는 글입니다. 1. 의외로 간단한 방법으로 해결 완료 위 버튼 글자 색상을 바꿔주는 컬러 코드를 바꾸면 원래 바껴야 하는게 정상이지만 죽어도 안바껴서 고생하다가 결국 의외로 간단한 방법으로 해결했다. 'HTML 편집창'을 들어가기전에 스크롤을 맨 아래까지 내리면 '추가 설정'이라는 부분이 있다. 이 것때메... 글씨 색상이 계속 안바뀌고 있던것이었다... 아무래도 티스토리 스킨 자체에 설정되어있는? 기능이랑 코드를 수정해도 바뀌지 않았던것 같다. 여기까지 간단하게 글자 색상 동맥경화를 해결해보았다. 2024. 2. 21.
티스토리 PC 모바일 글씨체 폰트 적용하고 바꾸는 방법 (구글 폰트, 눈누) 목차 이번 글에서는 구글 폰트 사이트에 있는 폰트 적용하는 방법과 눈누 사이트에 있는 폰트 적용하는 방법을 알아보겠습니다. 두 사이트에서 글씨체를 적용하는 방법이 다른데요. 아래에서 자세히 알아보겠습니다. 오늘 글을 진행할때 필요한 '티스토리 html 편집창' 사용방법은 아래 클릭! 티스토리 HTML/CSS 편집' 방법 1. 구글 폰트에서 폰트 적용하는 방법 구글 폰트 사이트에서 '나눔 고딕' 폰트를 적용해보겠습니다. 'Get font'를 선택후 'Get embed code'를 선택합니다. 구글 폰트 사이트 바로가기 이미지와 같이 '@import'를 선택합니다. 그 다음 위에있는 코드를 복사후 '티스토리 html 편집창'에다가 'html 코드'에 붙여넣기 주시면 됩니다. 사진 처럼 사이에 코드를 붙여넣기.. 2024. 2. 21.
티스토리 모바일 화면 사이드바 광고 제거하기 (CSS 수정 및 꾸미기) 목차 일반 웹에서 블로그를 방문하면 사이드바 광고가 길게 나오는데요 . 이게 모바일에서도 그대로 길게 나오기 때문에 상당히 거슬립니다. 그래서 이번에 모바일에서만 안보이게 사이드바 광고를 지워 봤습니다. (웹에서는 그대로 광고 송출됨) 아래에서 광고가 삭제된 결과를 확인해 볼 수 있습니다. 1. 모바일 사이드바 광고 삭제 결과 위 이미지와 같이 모바일에서 사이드바 광고가 지워진 것을 확인할 수 있습니다. 해당 부분은 '코드 관리자'를 통해서 해당 부분 코드를 찾은 뒤에 '티스토리 html 편집창'에서 'CSS'를 수정해 주었습니다. '코드 관리자'와 '티스토리 html 편집창' 사용 방법은 아래 남겨 놓겠습니다. 'F12' 개발자 도구 사용법'티스토리 HTML/CSS 편집' 방법 2. 모바일 사이드 광고.. 2024. 2. 21.
구글 애드센스 광고 10개...이정도면 충분하겠지 ? (티스토리 본문) 목차 최근 CPM 수익 비중이 늘어난 요즘 광고가 많이 노출되면 이득인지라. 아래와 같이 광고를 최대한 껴놓을 수 있는 만큼은 넣어놨습니다. (물론 글을 보러 들어온 방문자에게 읽는데 방해가 되지 않겠끔 넣어놨습니다.) 아래는 현재 블로그에 개제되고 있는 광고 위치와 설명 입니다. 1. 총 광고수 10개 위치와 설명 '헤더 광고 1개(수동 설정)'를 최근에 넣었더니 안나오던 '앵커 광고 1개(자동 설정)'가 나오기 시작했다. 뭔가 덤으로 얻어 걸린 느낌인데 뭔가 막혀있던것 같다. 글 본문에는 '총 상단광고 2개'가 붙는다. (이건 수동으로 설정한건 아니고 자동으로 2개가 붙는다.) 그리고 '중간에 광고 1개(글을 쓸때 수동으로 넣어 준다.)' 중간 광고는 글이 길때만 넣고 있다. 그리고 아래쪽 '하단 광.. 2024. 2. 20.
티스토리 링크 버튼 만드는 방법 (꾸미기) 목차 블로그 글을 쓸다보면 링크를 넣어야 할때가 있는데요. 기본으로 글에 링크를 넣었을때 눈길이 잘 가지 않아서 링크를 클릭하지 않고 그냥 넘어 갈 수 있습니다. 때문에 본 글에서는 눈에 띄는 링크 버튼 쉽게 만들기 방법을 작성했습니다. 1. 버튼을 만들어주는 사이트 이용하기 해당 사이트는 CSS 코드로 작성한 버튼 모양을 미리 보여주기 때문에 사용하기 편한데요. 옆에있는 여러 설정 값들로 버튼을 만들고 해당 코드를 가져와서 티스토리 블로그에 적용할 수 있습니다. 버튼 만들기 사이트 바로가기 2. 티스토리에 버튼을 적용하는 방법 2-1 편집창에 코드 넣기 버튼 만들기 페이지에서 'Get Code'를 눌러서 현재 내가 디자인한 코드를 볼 수 있습니다. 해당 코드를 복사합니다. '티스토리 HTML 편집창'.. 2024. 2. 19.

티스토리툴바