본문 바로가기

HTML

[블로그] 애드센스 한국어 광고만 출력 설정하기 check / 애드센스가 삽입되어있는 위치 확인해놓기. [블로그] 애드센스 한국어 광고만 출력 설정하기 기본적으로 애드센스 광고는 사용자가 관심 있어하는 항목에 대한 광고를 출력하기 때문에, 가끔 해외 광고가 출력되는 경우가 있다. 이런 경우 한국어 광고만 출력되게 설정하여 광고에 대한 유입률을 더 높일 수 있다. 우선 관리자 페이지의 "스킨 편집"으로 들어가서 html 편집 페이지로 이동한다. 만약 플러그인을 이용해 애드센스를 적용했다면, 플러그인 창을 열어 아래와 같은 방법으로 수정하면 된다. 애드센스 코드가 삽입된 위치를 찾아서 "data-ad-format"바로 아래에 "data-language="ko""를 추가한 다음 적용하기를 눌러 마무리해주면 된다. 코드의 임의 수정은 제제 대상이나, "dat.. 더보기
[블로그] 티스토리 블로그 하단 카피라이트 문구 수정하기 check / 카피라이트에 넣을 문구 만들어 놓기. 티스토리 블로그 하단 카피라이트 문구 수정하기 대부분의 블로그 하단에 보면 카피라이트 저작권 문구가 있는데, 수정하거나 추가할 내용이 있다면 html로 쉽게 변경이 가능하다. 우선 관리자 페이지의 "스킨 편집"을 클릭해 html 편집 페이지로 이동한다. 이 스킨의 경우에는 550번 줄, 다른 스킨도 대부분 가장 하단에 "footer"가 위치해있다. 해당 푸터 속의 내용을 수정해서 카피라이트 문구를 변경할 수 있다. 기존의 카피라이트 내용 가운데 "PUBLISHED BY HIWORL"문구를 추가하고, "HIWORL"을 클릭하면 방명록으로 넘어가도록 변경했다. 푸터 수정이 완료된 모습. 생각보다 간단한 작업이다. tip / "a href"태그 사용 시 링크.. 더보기
[팁] 구문강조 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 스킨 사이드바 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.. 더보기