티스토리 블로그/블로그 팁17 블로그 글 가독성을 위한 제목 꾸미기 제목옆에 I 자 만들기 가독성을 높이기 위한블로그 제목 꾸미기는 방법입니다. 블로그 글을 볼때본문의 제목인지 아니면 본문 내용인지무의식적으로 인지하는데요. 때문에 제목이라는 확실한 시각적 효과를 주면글을 읽는 사람이 제목을 스스로 찾을 필요가 없게 됩니다. 즉, 글을 읽을때 에너지를 적게 들게 함으로써가독성을 올리는 효과를 얻을 수 있습니다. 제목 꾸미기 ( 막대기 CSS 코드 )제목에 해당 꾸미기를 진행하기 위해서는간단한 CSS 코드 추가가 필요합니다. CSS 코드 옆에 간단하게 설명 코멘트도달아 두었습니다. 12345678910.entry-content h2::before { /*before 값으로 제목 옆에 표시되게*/ &nbs.. 2024. 11. 8. 북클럽 스킨 링크 색상 변경 안될때 변경하는 간단한 방법 (html/css) 북클럽 스킨에서 링크를 걸어둔 글자에 색상이 css 코드로 바꿨는데도 변경이 안되서 정말 답답했는데요.이런 저런 방법을 찾아본 결과 드디어 링크 색상을 변경하는 방법을... 찾았습니다.생각보다 쉬운 방법이니 한번 따라해 보세요~ 코드를 수정해도 링크 색상이 변경 안되는 이유 (북클럽 스킨) 북클럽 스킨에는 위와 같이 스킨 자체에 '포인트컬러' 컬러라는게 존재하는데요.이 포인트 컬러 때문에 아무리 본문 링크 색상 코드를 변경해도 링크 색상이 변경이 안되는 문제가 발생합니다.이를 해결하기 위해서 다음과 같이 간단하게 해결 할 수 있습니다. 포인트컬러에서 링크 색상 코드 지우기(html) 사진과 같이 북클럽 'html 편집' 창으로 들어가서 html 맨위 쪽 코드를 확인합니다.링크를 카리키는 코드가 'va.. 2024. 9. 1. 티스토리 카테고리 글을 이동하거나 정리하면 노출에 영향을 미칠까? Contents티스토리 카테고리가 너무 지져분했는데 노출에 영향을 줄까봐 차마 수정을 못하고 있었습니다.그러다가 너무 지저분해서 맘먹고 카테고리를 줄이고 글들을 옮겼는데요. 노출에 변화가 있었는지 한번 확인해 보겠습니다. 티스토리 카테고리 수정후현재 카테고리를 정리를 다 해둔 상태입니다.여전히 뭔가 카테고리가 많은거 같아 보이지만 그전에는 더 심했다는... 수정후 유입에 변화가 있었을까?방문자의 약간의 변화는 요일마다 다르기 때문에 그점을 감안해서 보자면카테고리를 변경했다고해서 방문자의 유의미한 큰 변화는 없었습니다. 테스트 결과카테고리를 변경해도 노출에는 아무런 영향을 주지 않는다. 2024. 7. 25. 챗 지피티 사용법 chat gpt 4를 활용한 티스토리 블로그 꾸미기 예시 1 HTML 및 CSS 코딩 코드를 몰라도 챗지피티(chat gpt 4)를 활용하여 블로그를 마음대로 꾸밀 수 있습니다. 챗지피티는 한글로 물어보면 알아서 한글로 답해주기 때문에 쉽게 사용할 수 있습니다. 또한 오늘 글에서 설명드리는 챗지피티(chat gpt) 사용법은 무료로 이용할 수 있습니다. 아래 내용에서는 챗지피티에게 어떻게 질문하면 되는지에 관해서 중점을 두고 글을 작성했습니다. 챗지피티(chat gpt 4) 사용하기챗지피티(chat gpt) 홈페이지에서 가입을 한뒤 "Start now"를 클릭하면 챗 지피티를 사용할 수 있습니다. 예시 1) 챗지피티 질문하는 방법 구체적이게 사진과 같이 "블로그스팟에서 상단바가 스크롤시 안보이게 설정하려는데 코드를 어디다가 넣어줘야해?" 라고 질문을 했습니다. .. 2024. 7. 1. 티스토리 HTML/CSS 스킨 편집 페이지 경로 목차 1. HTML/CSS 수정 경로 톱니 모양을 눌러 티스토리 관리자 설정 페이지로 들어갑니다. 왼쪽 사이드 메뉴에서 '꾸미기' > '스킨 편집'을 선택합니다. 다음 이미지와 같이 'html 편집'을 통해서 'html'과 'css' 모두 수정할 수 있습니다. 2. 수정할 부분 찾는 방법키보드로 'Ctrl+F' 키를 눌러 검색창을 띄울 수 있습니다. 검색 창에 내가 수정할 부분의 코드를 검색해서 위치를 쉽게 찾을 수 있습니다. 3. 수정한 코드 적용하기위 이미지와 같이 코드를 수정했다면 '적용' 버튼을 눌러 저장 할 수 있습니다. 티스토리 블로그 수익화 정리 가이드 2024. 2. 15. 따라다니는 사이드바 만들기 티스토리 꾸미기 팁 (css 설정) 목차 티스토리는 HTML과 CSS 설정이 자유로워서 꾸미기가 간편한데요. 오늘은 티스토리 내 사이드바가 따라다니는 형식으로 만들어 보겠습니다. 1. 오늘 글을 따라서 적용 했을 경우 완성 된 예시 이미지와 같이 pc에서 글을 읽는 도중 스크롤을 내려도 옆에 사이드바가 계속 따라다니게 됩니다. 아래 내용을 따라하시면위와 같이 사이드바가 따라 다니게 설정하실 수 있습니다. 2. 사이드바에 수정할 부분 찾는 방법 내 블로그 웹사이트 페이지로 접속합니다. 그 다음 키보드에서 'F12'키를 누르면 이미지와 같이 옆에 코드가 써져 있는 칸을 볼 수 있습니다. 윗 칸이 'HTML'코드이고 아래 칸은 'CSS' 코드입니다. 앞으로 블로그 꾸미기를 할때 계속 사용해야하기 때문에 익숙해지는 것이 좋습니다. 그 다음 이미지.. 2024. 2. 14. 알면 좋은 티스토리 애드센스 앵커 광고 설정법 따라다니는 광고 하단 적용하는 방법 티스토리 블로그를 수익형으로 하신다면 광고효율을 조금이라도 좋게하기 위해서는 약간의 변경으로 수익을 좀 더 많이 가져올 수 있습니다 모바일로 볼때 스크롤에 따라서 따라다니는 광고를 확인해 볼 수 있습니다 이 광고를 앵커 광고라고 합니다 기본 애드센스에서 자동 광고를 설정하면 앵커 광고가 상단에 따라다니게 되는데 이 앵커 광고를 하단에 내리려면 어떻게 해야 될까요? 하단에 내리는 이유는 평소 휴대폰을 쓸때 엄지의 위치가 아래에 있기 때문에 조금더 광고를 쉽게 누를 수 있어 많은 클릭을 유도하기 때문입니다 내 티스토리 서식관리에서 HTML 편집에서 코드를 추가해 주겠습니다 (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-12.. 2022. 8. 31. 티스토리 관련글 밑에 광고 넣는 방법 안녕하세요 오늘은 관련글 밑에 광고를 한번 넣어 보겠습니다 뭐 티스토리 블로그는 광고 수익으로 운영하는거라 사실 광고가 많으면 좋겠죠? 그래도 너무 많은 광고는 좋지 않습니다~ 우선 구글애드센스로 들어간 다음 ''광고>> 멀티플렉스 광고''를 선택합니다 그다음 ''수직형, 수평형''으로 할지 선택합니다 선택했다면 ''저장'' 클릭 그 다음 만든광고 목록에서 ''코드 가져오기''를 선택합니다 나오는 코드를 ''코드 복사''를 해주세요 티스토리 html 편집으로 들어갑니다 ''ctrl+F''를 누른후 ''관련글''을 검색합니다 관련글 바로 밑에 방금 복사한 코드를 ctrl+V ''붙여넣기'' 넣기 해줍니다 요로코롬 붙여넣기 해주면 끝~ 쉽죠잉? 관련글 밑에 광고가 추가된 모습입니다 2022. 7. 28. 티스토리 스킨 꾸미기 북클럽 스킨에서 ... 글자 잘리는 제목 해결방법 저는 현재 북클럽 스킨을 쓰고 있는데요 최근 모바일이나 pc에서 볼때 점점점... 요런식으로 제목이 길어 자동으로 제목이 잘리는 것을 봤는데요 이렇게 되면 아무래도 검색해서 들어오는 것 말고는 블로그내에서는 다른 글을 타고 타고 보는게 힘들겠죠? 오늘은 제목이 잘리지 않고 나오게 하는 방법을 작성해봤습니다 우선 pc에서 f12를 눌러서 관리자 모드르 켭니다 그리고 제가 수정할 부분에 마우스를 가져다 대면 오른쪽에 수정할 부분을 확인 할 수 있습니다 사진에서 처럼 1169번째 줄을 수정해야 하는데요 티스토리>스킨편집>html편집>CSS 들어가서 1169번대 줄을 찾아주시면 됩니다 (번호는 다를 수 있습니다) 1174번줄 text-overflow: ellipsis; 글이 생략됐을 때 말줄임표(..)을 만든다.. 2022. 7. 24. 이전 1 2 다음
