본문 바로가기

티스토리4

[스킨] CCZ-CROSS 스킨 이미지 썸네일 출력 CCZ-CROSS 스킨 이미지 썸네일 출력 http://cocosoft.kr/375 에서 알게된 CCZ-CROSS 스킨을 적용하였습니다. 기본적으로 티스토리에 업로드 한 사진은 썸네일 출력이 되지만 웹상에 올린 이미지는 썸네일이 보이지 않아, main.js 파일을 수정하였습니다. 먼저 설정을 변경합니다. var setting = { // ... extendThumb: true, //썸네일 확장 // ... } 썸네일 확장을 true로 변경합니다. 이미치 추출을 위한 내용들을 추가합니다. // 219 줄 var thumbObj = { //이미지 추출을 위한 //... regExr: { //... // 내용 추가 img: / 2017. 3. 16.
[티스토리] 광고넣기 - javascript 사용 [티스토리] 광고넣기 - javascript 사용 javascript 를 사용하여 광고를 삽입하면 본문 중간에도 넣을 수 있다. 단점은, 스킨을 변경하게 되면 다시 입력해 주어야 한다는 것이다. 또한 스킨마다 id 및 class 가 다르기 때문에 그에 맞는 수정이 필요하다. HTML 편집 꾸미기 → HTML/CSS 편집 메뉴로 들어간다. 이전에 moveAds 함수에서 광고의 이동을 구현한다. 3개의 광고를 모두 html로 만들어 놓고, 원하는 위치로 이동시킨다. 역시 중앙 정렬을 위해 div 태그로 감쌌다. 이동을 위해 id를 부여하였다. function moveAds(){ var header = $('#head'); if (! $(header).length) header = $('.area_title'.. 2017. 3. 8.
[티스토리] 광고넣기 - 플러그인 사용 (Adsense 삽입) [티스토리] 광고넣기 - 플러그인 사용 (Adsense 삽입) 한 페이지에 3개의 이미지 광고와 4개의 링크 광고가 가능하다. 플러그인 사용 스킨 변경에 무관하게 사용할 수 있다. 광고를 유지한체 스킨을 변경할 수 있다. 사용할 플러그인은 2가지 이다. (Google Adsense (반응형) , 배너출력) Google Adsense (반응형) 플러그인 설정 → 수익 → Google Adsense (반응형)3가지 위치중 원하는 형태를 선택한다. Google Adsense (데스크탑 웹용) 플러그인을 사용하면 정해진 크기의 광고만 사용해야 하므로 반응형을 선택한다. 그리고 그 안에 코드는 원하는 크기의 광고를 삽입한다. 반응형도 되고 다른 크기의 광고도 된다. 상단 부분에 336 * 280 크기의 광고를 넣.. 2017. 3. 7.
티스토리 #1 스킨 수정하기 티스토리 #1 스킨 수정하기 폰트 변경 CSS 편집화면으로 이동합니다. 관리 > 꾸미기 > HTML/CSS 편집 > CSS font-family 값을 '나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; 로 수정합니다. 또는 원하는 폰트로 변경하시면 됩니다. font-family:'나눔고딕',NanumGothic,'돋움',Dotum,helvetica,sans-serif,tahoma; 상단 프로파일 수정 HTML 편집화면으로 이동합니다. 관리 > 꾸미기 > HTML/CSS 편집 > HTML 필명과 타이틀이 표시되는 부분을 수정합니다. 필명 위치에 타이틀이 표시되도록 하기 위하여 코드를 수정합니다. 대신에 타이틀 표출을 위해 로 변경합니다. 표출되는 색을 .. 2016. 1. 9.

티스토리툴바