본문 바로가기

DAILY/Blog

[블로그] 티스토리 블로그 하단 카피라이트 문구 수정하기 check / 카피라이트에 넣을 문구 만들어 놓기. 티스토리 블로그 하단 카피라이트 문구 수정하기 대부분의 블로그 하단에 보면 카피라이트 저작권 문구가 있는데, 수정하거나 추가할 내용이 있다면 html로 쉽게 변경이 가능하다. 우선 관리자 페이지의 "스킨 편집"을 클릭해 html 편집 페이지로 이동한다. 이 스킨의 경우에는 550번 줄, 다른 스킨도 대부분 가장 하단에 "footer"가 위치해있다. 해당 푸터 속의 내용을 수정해서 카피라이트 문구를 변경할 수 있다. 기존의 카피라이트 내용 가운데 "PUBLISHED BY HIWORL"문구를 추가하고, "HIWORL"을 클릭하면 방명록으로 넘어가도록 변경했다. 푸터 수정이 완료된 모습. 생각보다 간단한 작업이다. tip / "a href"태그 사용 시 링크.. 더보기
[블로그] 티스토리 본문에 "카테고리의 다른 글"목록 지우기 check / 티스토리 블로그관리 페이지 접속하기. 티스토리 본문에 "카테고리의 다른 글"목록 지우기 블로그 레이아웃과 "카테고리의 다른 글"목록이 어울리지 않는 경우 html을 수정하지 않고 간단하게 지울 수 있는 방법이 있다. 우선 블로그의 관리페이지에 접속한 다음, "플러그인"을 클릭한다. 조금 아래로 내려가서 "카테고리 글 더 보기"라는 플러그인을 클릭한다. 여기서 "해제"를 눌러 플러그인을 해제시킨다. 블로그 포스트 본문에서 "카테고리의 다른 글"목록이 사라진 모습. 애드센스의 "일치하는 콘텐츠"목록이 해당 플러그인을 대신할 수 있고, 디자인이 마음에 들지 않아 이렇게 정리했다. tip / 대체할 만한 컨텐츠 적용하기. 더보기
[블로그] 애드센스 부정클릭 방지하기 check / 애드센스에 연결된 구글 계정 알아놓기. 애드센스 부정클릭 방지하기 크롬 브라우저의 좌측 상단 "앱"을 클릭한 후 "웹 스토어"를 클릭한다. 여기서 검색창에 "google publisher toolbar"를 검색한다. 가장 상단에 있는 "Google Publisher Toolbar"를 크롬 브라우저에 추가한다. 설치가 끝나면, 구글 애드센스 옆에 "사용"을 클릭하고 애드센스에 연결된 구글 계정으로 로그인한다. 툴바가 파란색으로 바뀌고 정상 작동이 된다면 자신의 블로그 접속 시 노출되는 광고가 이렇게 초록색으로 표시된다. 클릭 시에는 광고 페이지로 넘어가지 않고 광고에 대한 보고서가 보이며, 클릭으로 인정되지 않기 때문에 부정클릭을 미리 방지할 수 있다. tip / 구글 애널리틱스도 사용해 보기. 더보기
[팁] 구문강조 Syntax Highlighting 간단하게 HTML로 본문에 적용하기 check / 변환 할 구문 준비하기. 구문강조 Syntax Highlighting 간단하게 HTML로 본문에 적용하기 신택스 하이라이트. 구문 강조를 Syntax Highlighting을 통해 HTML 코드로 구현하기 위해변환 기능을 제공중인 Online Syntax Highliting(https://tohtml.com/)에 접속한다. 접속 후 아래 Source code 창에 원하는 구문을 입력 후바로 밑에 Highlight 버튼을 클릭하면 우측에 결과물, 상단에 HTML 코드가 출력된다. 우측의 Style 선택을 통해 다양한 색상으로 하이라이팅 할 수 있다.또한 바로 아래의 Type 선택을 통해 원하는 형식의 언어로 구문 출력이 가능하다.보통 Autodetect나 inet: html을 사용하면 된다... 더보기
[팁] 티스토리 #2 스킨 사이드바 스크롤바 디자인 변경하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 스크롤바 디자인 변경하기 티스토리 #2 스킨 사이드바의 기본 스크롤바.카테고리가 많으면 이렇게 우측에 스크롤바가 생기는데디자인을 살짝 바꿔서 사이드바와 통일성을 높여보았다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. HTML에 들어가 600줄 부근 를 찾는다.이 구문의 위와 아래에 코드를 추가해줘야 한다. jQuery(".area_sub").niceScroll({ zindex: 1001, cursorcolor: "orange", cursoropacitymin: 0, cursoropacitymax: 1, cursorwidth: "3px", cursorborder: "2px solid transpar.. 더보기
[팁] 티스토리 #2 스킨 사이드바 애니메이션 삭제하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 애니메이션 삭제하기 티스토리 #2 스킨은 사이드바를 열고 닫을 때좌우로 움직이는 애니메이션 동작이 포함되어 있다. 이렇게 애니메이션이 동작하는데,완벽히 부드럽지 않고, 딜레이가 있는 탓에 깔끔해 보이지 않아이 애니메이션을 제거하는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. .wrap_skin{position:relative;min-width:884px;min-height:100%; padding-left:23%;transition:padding-left ease-in-out 0.2s} 우선 CSS에 들어가 39줄 부근의 transition 구문을 삭제해야 한다. .wrap_ski.. 더보기
[팁] 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 티스토리 #2 스킨에서는 좌측 상단을 클릭해서사이드바를 열어 볼 수 있다. 기본적으로 3단 사이드바를 지원하기 때문에 화면 구성이 답답해 보여서사이드바를 2단으로 줄이는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. 우선 HTML의 70줄 부근에 보면 를 찾을 수 있다.여기서 우리는 바로 아래 줄의 를 수정해야 한다. 위와 같이 의 left를 right로 수정한다. 그 다음, 120줄 근처 위의 를 찾는다 그 위에 있는 부터 까지를 지워준다. .wrap_skin.navi_on {padding-left:960px} 이번엔 CSS로 들어가 40줄 부근의 .wr.. 더보기
[팁] 티스토리 #2 스킨 헤더 배경 이미지 변경하기 check / 변경 할 "header_default.jpg" 이미지 준비. 티스토리 #2 스킨 헤더 배경 이미지 변경하기 티스토리 #2 스킨을 적용한 블로그의 메인 화면.좌측의 기본 헤더 이미지를 바꿔보도록 하자. #2 스킨은 반응형 스킨이기 때문에기기의 가로 사이즈 폭에 따라 이렇게 변형되어 보여진다.참고해서 보편적으로 어울릴 만한 이미지를 찾는게 좋다. 우선 좌측 하단 톱니 모양을 눌러 블로그 관리로 들어간다. 블로그 관리의 카테고리 중,아래쪽의 "HTML / CSS 편집"을 선택한다. "HTML / CSS 편집"을 선택하면이렇게 새 창으로 좌측에 프리뷰 화면과 우측엔 편집기가 나온다.우측의 "파일업로드"를 선택한다. 여기서 "header_default.jpg"라는 이름의 헤더 이미지 하나만 변경하면.. 더보기