본문 바로가기
반응형

티스토리45

티스토리 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.
반응형

티스토리툴바