추가 4

Article Thumbnail Tistory 블로그 사이드바에 프로필 정보 창 추가하는 요령 (북클럽 스킨) ※ 20210303 등록 방법의 오류 수정 및 반영 ※ 20210220 "skin.html" 파일에 추가하는 코드 수정 티스토리에서 2020년에 제공한 공식 스킨 "Odyssey"에는 사이드바에 블로그의 정보를 전달하는 작은 창을 달 수 있습니다. skin.html을 검색하면 'box-profile'이라는 'class'를 사용합니다. 프로필 정보 창 이미지입니다. 사이드바의 상단입니다. 알기 쉽게 파란색 박스로 블록 처리하였습니다. Odyssey 스킨을 사용한 문화재청의 블로그를 샘플로 전시하여 사용자에게 정확한 스킨 디자인 포인트를 알려 주고 있습니다. 이 프로필 창을 "Book Club" 스킨에 적용하는 요령을 설명하겠습니다. 다른 스킨 사용자는 코드를 자신이 사용하는 스킨에 맞게 수정을 해야 할 것.. 2020. 12. 27.
Article Thumbnail Tistory 모바일 앱에서 구글 애드센스 광고 구현 티스토리 모바일 앱에서 구글 애드센스 광고를 보여 주기 위한 설정 방법에 대한 설명 글입니다. 카카오 티스토리 블로그에는 기본적으로 구글 애드센스와 카카오 애드핏 광고를 게재할 수 있습니다. 일정 자격을 취득한 후 등록한 광고의 뷰 혹은 클릭을 통하여 가변적인 수익을 얻을 수 있는 구조입니다. 자신이 운영하고 있는 티스토리 블로그에 광고를 등록하는 방법은 최소 4가지 이상 가능합니다. - 티스토리에서 제공하는 기본 스킨 '북클럽'을 기준으로 설명합니다. 1. 티스토리 제공 기본 스킨의 'skin.html' 파일에 광고 코드를 직접 삽입하는 방법 2. '블로그 관리 홈'의 '사이드 바'에 광고 관련 모듈을 등록하는 방법 3. '블로그 관리 홈'의 '플러그인'에서 Google Adsense와 Kakao Ad.. 2020. 12. 10.
Article Thumbnail 티스토리 블로그에 구글 검색 엔진 추가 구글 애드센스 가입자는 애드센스 검색엔진을 자신의 블로그나 사이트에 등록하여 이용이 가능합니다. Google 기반 검색엔진을 내 블로그나 사이트에 손쉽게 추가하여 1. 내 블로그 글만 검색 2. 인터넷 검색 마음대로 설정이 가능합니다. 가장 유용한 기능은 블로그에 검색엔진을 장착하고 검색을 하면 검색 결과를 바로 밑에 제시하고 블로그 페이지의 본문 내용을 하단으로 위치 변동합니다. 검색 결과를 별도 페이지에 제시하는 것이 아니라 블로그 본문과 어울리게 보여 주기 때문에 검색을 하기 위하여 블로그를 벗어날 필요가 없습니다. 티스토리 북클럽 스킨 사용하고 있습니다. ※ "skin.html" 파일의 구글 검색엔진 코드입니다. 코드를 많이 수정하여 왼쪽의 라인 숫자는 일치하지 않을 것입니다. 동일한 스킨을 사용.. 2020. 11. 30.
Article Thumbnail 티스토리 블로그 북클럽 스킨, 포스트 커버에 카테고리 링크 추가 티스토리 블로그의 "북클럽 스킨의 포스트 커버 높이 수정"글을 캡처한 이미지입니다. 무료로 제공하는 북클럽 스킨을 기준으로 설명을 진행합니다. 글의 포스트 커버에는 글이 담겨있는 카테고리 이름이 있습니다. "기타/티스토리" (위 이미지 참고) 해당 글을 읽고 그 카테고리를 계속해서 검색하고 싶을 경우, 일반적인 웹페이지의 경우 위의 이미지와 같이 빨간색으로 블록 처리한 부분을 클릭하면 바로 이동이 가능하게 편집되어 있습니다. 링크가 설정되어 있기 때문입니다. 티스토리 제공 무료 스킨들은 링크를 시키지 않고 단순하게 텍스트만 보여 줍니다. 그래서 사이드바에 배치한 카테고리로 이동하여 해당 항목을 찾는 불편함을 감수해야 합니다. 개인 취향에 따라 다르겠지만, 코드를 약간만 수정하면 방문자가 편하게 글을 검색.. 2020. 8. 16.