본문 바로가기
반응형

티스토리 블로그/블로그 팁13

티스토리에서 HTML CSS 수정하는 페이지로 들어가는 방법 목차 HTML CSS 수정 경로 이미지 설명 톱니 모양을 눌러 티스토리 관리자 설정 페이지로 들어갑니다. 왼쪽 사이드 메뉴에서 '꾸미기' > '스킨 편집'을 선택합니다. 다음 이미지와 같이 'html 편집'을 통해서 'html'과 'css' 모두 수정할 수 있습니다. 수정할 부분 찾는 방법 키보드로 'Ctrl+F' 키를 눌러 검색창을 띄울 수 있습니다. 검색 창에 내가 수정할 코드 부분의 이름을 검색해서 수정할 부분의 위치를 쉽게 찾을 수 있습니다. 수정한 코드 적용하기 위 이미지와 같이 내가 변경을 원하는 부분을 수정했다면 '적용' 버튼을 눌러 수정한 상태를 저장 할 수 있습니다. 관련글 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.
반응형