티스토리 썸네일형 리스트형 [Skin] 아주 휼륭한 반응형 스킨 추천 - FastBoot (Readiz) 최근 Allblet 광고가 악성코를 유포한다고 구글에서 빨간 딱지를 받은 적이 있었다. 그래서 블로그를 수정하면서 스킨을 바꿨다. 스킨 공부를 하고 있는데, 미흡해서 다른 분의 스킨을 사용하기로 한다. 완성도 높은 반응형 스킨을 무료로 배포하는 곳을 찾았다.FastBoot v1.5.1 반응형 / 모바일, PC, 태블릿 겸용스킨 받는 곳 Readiz : http://blog.readiz.com/179 내 블로그에 적용한 모습!!! 조금 수정했음!!! 티에디션 부분은 너무 좋다! 코드 수정할 때 Notepad++(무료)를 사용하면 편리함! 카테고리와 티에디션 조금 더 손보면 될 것 같다. 더보기 [allblet] 티스토리 플러그인 올블릿 - 악성코드 2014.04.16 내 티스토리 블로그에 악성코드가 있다.는 경고창이 나왔다.무엇이 문제일까? allblet.net 광고가 문제였다. 올블릿 allblet 플러그인을 설정해지 해야 한다. 설정해지가 되었는데, 여전히 빨간색이다. 검색해보니, 구글 웹마스터 도구에서 뭔가를 해야 된다고.... (참고 : http://hummingbird.tistory.com/5294 ) 구글 웹마스터 도구 : https://www.google.com/webmasters/ 구글 로그인 해서 웹마스터에 사이트를 추가 해야 한다. 자신의 사이트가 맞는지 확인 하는 작업으로 메타테그를 에 붙여 넣기 한다. 그러면, 소유자임이 확인 된다. 중요한 문제는 없다고 하는데... 이렇게 문제해결 검토요청을 했다. 아직 끝난게 아니다. 0 더보기 티스토리용 Evernote 플러그인 티스토리용 Evernote 플러그인이 나왔다.자료출처 : http://notice.tistory.com/2150 그래서 새로 에버노트 무료버전을 가입하고, 플러그인을 추가! 우측상단에 코끼리 버튼이 생긴다.오! 더보기 이미지 상단 정렬 valign=top 티스토리 블로그에서, 이미지를 2개를 나란히 넣으면, 이미지 길이 차이 때문에 보기 좋지 않을 때가 있다. 이미지를 상단이든 하단이든 맞추는 것이 좋을 것 같다. ▼ HTML 상태에서, 영역에 valign="top"을 넣어주면, 위의 이미지 처럼 상단 정렬이 된다. 이미지가 두개를 넣으면 가 두개, 이미지 세개를 넣으면 가 세개가 될 것이다. Ctrl+F를 이용해서 td를 찾으면, 훨씬 편할 것이다. ~ 하단 정렬을 원한다면 valign="bottom" 을 넣어 준다. 중단 정렬은 "middle"이다. ※ 이거 찾느랴 한참 돌아 다녔다. 다음에 또 잃어 버릴것 같은 예감이 들어 기록해 둔다. 더보기 티스토리 스킨(Entertainment News ver.1.0) 수정 완료 블로그 스킨 수정도 거의 마무리 지었다. 처음엔 완전히 새로 만들려고 했지만, 너무 어렵다. 생각되로 표현이 않된다. 그래서 최신 티스토리 스킨을 가지고 수정을 했다. HTML5와 CSS3 기술을 접목하려고 노력했다. 이미지 없는 스킨을 만들려고 했는데, HTML5로 도형그리는 것이 숙달되지 않아서, 그건 나중을 기약해본다. 자바스크립에서 한발 더 나아간 jQuery를 많이 사용하는 추세인 것 같다. (어렵더군.) 직접 만들지는 못하고, 책에서 보고 메뉴바를 만들었고, jsdo.it/에서 자바스크립 소스를 빌려왔다. 블로그 좌측에 있는 움직이는 공들이 그것이다. (forked-3d) 언잰가는 HTML5 + CSS3를 사용해서 블로그 스킨을 만들어 보겠다. 처음 수정할때 보다 눈에 잘 보인다. 스킨 수정하.. 더보기 스킨 변경 _재아넷스킨 jaea net (재아넷) 스킨 다운로드 : 재아넷스킨ver1 타이틀 변경 ( title.gif ) ♣♣ 구글 애드센스 넣기 (skin.html) ♣♣ ※ 스킨 폭을 맞추어 주었다. (끝) ♣♣ style.css 수정 ♣♣ ※ 폰트 추가 : 맑은고딕, 나눔고딕 (끝) /* 본문 공통 */ body{ font:12px/1.5 맑은고딕,나눔고딕,Dotum, Verdana, AppleGothic, Sans-serif; /*@background-image-position=background-position:;*/ background-position: ; /*@*/ background-repeat:/*@background-image-repeat=no-repeat=no-repeat*/ no-repeat /*@*/;.. 더보기 구글 애드센스 코드 넣기 구글 애드센스 코드 넣기 참고 : 1 2 (new sidebar) 3 (동영상) 4 (테이블에 넣기) 5.색상코드표 [ skin.html ]에서... 위치 찾기 ##_article_rep_desc_## 를 기준으로 해당 애드센스 코드를 윗쪽에 놓느냐, 아랫쪽에 놓느냐... 선택! (윗쪽) ##_article_rep_desc_## (기준) (아랫쪽) 본문 상단 광고 하나, 테이블에 코드 넣기 (참고) 본문 상단 광고 두개, 테이블에 코드 넣기 (참고) 더보기 티스토리 공개스킨 내맘되로 순위 티스토리 공개스킨 내맘되로 순위 1위.iNoveTheme_ver.2.2 공개된 블로그 스킨 중에서 가장 깔끔한 것 같다. 2위.NotepadTheme_ver0.9 아이폰 스타일의 깔끔함과 갈색톤의 편안함을 주는 스킨 3위.demunSkin-No.7 블랙&화이트로 약간 품격이 느껴진다. 4위.PianoBlack_ver0.9 검은색의 세련된 스킨 5위.BlueCube_ver1.5 화이트에 하늘색의 외곽선이 약간 불안정해 보인다. 본문 외곽의 굵은 선을 좀 어떻게 하면, 사용하고픈 흰 여백이 있는 3단 스킨이 될만하다. 더보기 이전 1 다음
