본문 바로가기
728x90
반응형

HTML

티스토리 블로그 페이지 스크롤 진행률 프로그레스 바(Progress Bar) 적용
IT 이야기/티스토리 2022. 3. 28. 티스토리 블로그 페이지 스크롤 진행률 프로그레스 바(Progress Bar) 적용 티스토리 블로그에 프로그레스 바(Progress Bar) 적용하기 최근 이웃분들 블로그를 다니다 보니 눈에 띄는 이상한 그래프 게이지가 있습니다. 스크롤을 내리는데 상단에 진행률 같은 막대가 늘어났다 줄어들었다 하더라고요. 정식 명칭은 프로그레스 바(Progress Bar) 우리말로 "진행 표시줄" 입니다. 궁금해서 찾아보니 간단하게 적용할 수 있어서 저도 한 번 따라해보았습니다. 좋은 건 같이 해야죠. [적용방법] 아래의 소스코드를 스킨 편집메뉴의 HTML 편집에 들어가서 태그 안에 넣어주면 땡~! [소스코드] 사실 저도 html 이나 css 를 잘 몰라서 자세히 설명드리기는 어렵고 아셔야 할 내용은 딱 두 가지 입니다. 1. Progress Bar 두께(height) 기본값(Default) 은 hei..
[티스토리] 수익 메뉴 개편 후 오디세이 스킨 변경한 이유 (feat. STARCUBE)
IT 이야기/티스토리 2020. 11. 18. [티스토리] 수익 메뉴 개편 후 오디세이 스킨 변경한 이유 (feat. STARCUBE) 저는 티스토리 무료 스킨 중 Magazine 에서 Whatever 스킨을 거쳐 Poster 스킨을 사용하고 있었는데요. Whatever 스킨은 좀 무거워서 Poster 로 바꾸었고, 당분간 스킨 변경은 없을 거라 생각했습니다. 그런데 이번에 Odyssey 스킨으로 다시 변경했네요. Poster 스킨 자체는 크게 문제가 없었지만, 스킨 변경을 하게 되는데 가장 큰 요인은 얼마 전 개편된 티스토리의 '수익' 메뉴가 한몫했다고 생각합니다. 나름 합리적인 소설을 써보자면, 다음이 카카오에 인수가 되고, 티스토리라는 블로그에 대한 수익모델을 창출하기 위해 노력하고 있는 것 같습니다. 초대시스템 폐지, 구)에디터 중지 등 신규 사용자의 진입장벽을 낮추고, 네이버 블로그와 차별화된 티스토리의 가장 큰 강점인 구글 애..
[Tistory] 리디바탕체 적용_Poster Skin
IT 이야기/티스토리 2020. 9. 11. [Tistory] 리디바탕체 적용_Poster Skin 안녕하세요. 티스토리 스킨을 또 변경하였습니다. Whatever 스킨을 사용하다 좀 지겨워 Magazine 스킨으로 얼마 전 변경하였는데, 스킨이 너무 무거워 이번에 Letter 와 Poster 중 고민하다 Poster 스킨으로 다시 변경하였습니다. 기존 Magazine 스킨에서 처음 리디바탕체를 적용하여 사용하였는데, Poster 스킨으로 바꾸면서 관련 설정을 또 해주다 보니 기록해 두는 게 좋을 거 같아서 포스팅 합니다. 설정 방법은 스킨 편집 메뉴의 html 편집으로 들어가서 css 설정을 변경해 주시면 됩니다. 리디바탕체 다운로드 및 기본적인 설정은 별도로 설명하지 않겠습니다. /* Web Font Load */ @import url('//fonts.googleapis.com/earlyaccess..
728x90
반응형

티스토리툴바