HTML CSS JavaScript JQuery 6

수익형 블로그 가독성 개선 - 티스토리 글자크기 변경하기 : Whatever, Poster 스킨

수익형 블로그 운영시 가독성은 매우 중요한 요소이다. 또한 수익형이 아닌 개인의 기록형 블로그라 할지라도, 본인이 과거에 쓴 글을 다시 볼 때 글씨가 작으면 눈에 잘 들어오지 않아 끝까지 다시 보지 않고 넘어가게 되는 때도 있다. 하지만 티스토리 블로그 스킨을 사용하다보면 스킨에서 정해준 크기 이상으로 글씨를 키우는 것이 어렵게 되어 있어 난관에 빠지게 된다. 본인은 티스토리 기본 스킨 중 반응형 스킨인 Whatever 와 Poster 를 자주 사용한다. 이 둘은 티스토리에서 제공하는 미니멀하고 기능적인 훌륭한 스킨이지만, 블로그 글을 쓰고 보면 항상 본문의 글자 크기가 작게 느껴져 본문 글의 서식을 모두 '본문1' 서식으로 수동으로 바꾸는 불편함이 있었다. 이에 결국 스킨의 HTML과 CSS를 직..

티스토리 신고버튼 없애기

가끔 블로그를 작성하다 보면 글이 아무 이유 없이 신고가 되어 있는 경우가 있다. 퍼가기나 인쇄같은 다른 버튼을 찾으려다가 잘못 누르는 경우도 있고, '신고'의 의미를 혼동하여 누르는 경우도 있고, 저작권에 상관없이 경쟁상대(?)라서 다른 사람의 글에 신고를 누르는 악성 신고러(?)들도 있는 듯하다. 그리고 이런 일은 글의 조회수가 올라갈 수록 더욱 빈번히 생기는 편이다. 이를 방지하기 위해 초반부터 신고버튼은 숨겨두는 편이 좋을 수도 있으며, 그 방법을 여기에 기록해두고자 한다. 혹시 스팸 댓글 등으로 골치아파하고 있다면 댓글창 없애기 방법도 참고해보기를 바란다. 티스토리 댓글 비허용 | 티스토리 댓글창 없애기블로그를 운영하다보면 매크로 댓글 공격 등으로 골치아픈 경험을 하게 된다. 댓글을 통해서 이..

티스토리 댓글 비허용 | 티스토리 댓글창 없애기

블로그를 운영하다보면 매크로 댓글 공격 등으로 골치아픈 경험을 하게 된다. 댓글을 통해서 이웃들과 공감을 나누고 네트워크를 형성하고자 하는 블로거가 아니라면, 댓글기능을 비활성화하는 것을 적극절으로 고려해볼 수 있다. 댓글 기능을 비활성화 하는 방법에는 다음과 같이 2가지가 있다1. 글마다 일일이 수정하여 [댓글 비허용]을 설정하는 방법2. 일괄적으로 없애기 위해 블로그 스킨 HTML을 수정하여 댓글창을 없애는 방법 해당 내용을 다음에서 순차적으로 알아보도록 하자. 티스토리 댓글 비허용 설정 방법아직 작성한 글이 많지 않은 초기이거나, HTML 코드를 보는 것만으로도 진땀이 나는 블로거라면, 글마다 일일이 수정 버튼을 눌러 [댓글 비허용] 설정을 걸어 줄 수 있다. 개별 글의 댓글 비허용 설정 방법 ..

세로형 2단 메뉴바 (네비게이션) 2 유형

결과 HTML 세로형 메뉴바 1유형 : 드롭다운 menu-1 SubMenu 1 SubMenu 2 SubMenu 3 SubMenu 4 menu-2 SubMenu 1 SubMenu 2 SubMenu 3 SubMenu 4 menu-3 SubMenu 1 SubMenu 2 SubMenu 3 SubMenu 4 menu-4 SubMenu 1 SubMenu 2 SubMenu 3 SubMenu 4 세로형 메뉴바 2유형 : 하위메뉴 오른쪽 부착 menu-1 sub 1-1 sub 1-2 sub 1-3 sub 1-4 menu-2 sub 2-1 sub 2-2 sub 2-3 sub 2-4 menu-3 sub 3-1 sub 3-2 sub 3-3 sub 3-4 menu-4 sub 4-1 sub 4-2 sub 4-3 sub 4-4 C..

탭 + 팝업창 구현

결과 탭 1~3 내용 누르면 팝업창 HTML 코드 팝업창 제목 팝업창 내용 닫기 탭제목1 탭제목2 탭제목3 탭내용1 (내용팝업) 탭내용2 탭내용3 CSS /*style.css*/ @charset "utf-8"; *{ margin:0 auto; padding:0; list-style:none; box-sizing:border-box; } a{text-decoration:none;color:inherit;} .clear{clear:both;} #con1{ background-color:white; font-family:gothic; } /*팝업창*/ .pops{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background-c..

반응형