i n v i t a t i o n티스토리 초대장+ 남은 초대장 수 : 47안녕하세요!티스토리에 보금자리를 마련하시려는 여러분께 초대장을 배포해 드리려고 합니다.나만의, 내 생각을, 내 기억을 담는 소중한 블로그를 만들고 싶다면 티스토리로 시작해보세요!티스토리 블로그는 초대에 의해서만 가입이 가능합니다. 원하시는 분은 댓글에 E-mail 주소를 남겨주시면 초대장을 보내드립니다. 남겨주실 때에는 꼭 비밀댓글로 남겨주세요!초대장을 보내드리고 바로 개설하시지 않으신 분들은 초대장을 회수할 수도 있으니 바로 개설해주세요!Yes이런 분들께 드립니다!1. 다른 블로그를 사용해보셨던 분2. 이메일 주소가 정상적인 분3. 블로그를 시작하려는 이유를 남겨주신 분!No이런 분들께 드리지 않아요!1. 이메일 주소가 의심되는..

현재 제 블로그에 사용되고 있는 눈내리는 효과의 제이쿼리 플러그인 사용법을 간단하게 알아봅니다. 이제 12월이라 그런 분위기입니다. 우선 html 편집화면에 아래의 코드를 복사해서 태그 이전에 붙여넣습니다. 대부분 제이쿼리 라이브러리를 사용하는데 없는 경우 구글의 CDN 링크를 추가하고 저장하면 됩니다. 아래 코드 중 첫번째 줄입니다. 그런 다음 아래의 제이쿼리 플러그인을 파일업로드 화면에서 추가해줍니다. 완료되면 블로그 화면에서 새로고침하면 눈내리는 효과가 나타납니다. 워드프레스는 http://martian36.tistory.com/1116 이곳의 링크를 참고하세요. 눈송이 색상 변경 색상을 변경하려면 원하는 색상 코드를 포토샵이나 다른 컬러피커로 만들어서 복사합니다. 옵션 설정 부분에서 ( ) 안에 ..

티스토리의 댓글은 기본적인 댓글 관리 시스템이 있지만 댓글에 댓글을 달 수 있는 글타레(thread)가 2단계까지 밖에 안되고 소셜 네트워크 연결이 안되죠. 그래서 라이브리나 페이스북 계정을 이용한 댓글 시스템을 추가하기도 합니다. 이들 댓글 시스템에 댓글 관리를 위한 관리자 화면이 있는지 찾아보지는 않았지만 그동안 댓글이 있는 경우 어느 글에 댓글이 달렸는지 알 수가 없고 관리하기가 불편해서 중지를 하고는 했습니다. 디스커스는 전세계적으로 많이 사용하는 댓글 관리 시스템 중에 하나입니다. 워드프레스나 다른 CMS를 위한 플러그인도 있지만 티스토리의 경우 일반 웹사이트로 설치하는 방법이 있습니다. 설치도 간편하고 댓글을 관리할 수도 있으며 소셜계정으로 댓글을 달 수도 있습니다. 글타레도 4단계까지 가능하..

이전에 공개했던 스킨과 제가 사용하고 있는 스킨이 차이가 나서 스타일시트를 모두 현재 사용하고 있는 것으로 교체했습니다. 이미 사용 중인 분은 다음의 코드를 복사해서 style.css의 하단에 붙여넣고 첨부 이미지를 우클릭해서 내려받은 다음 파일을 업로드하세요. 설치해서 사용해보지는 않았으니 문제가 있으면 댓글을 달아주세요. 참고: http://martian36.tistory.com/1250 .accordion-inner.category ul li ul li a { padding-left:20px; width: 15px; height: 15px; background-image: url(./images/sprites-black-vertical.png); background-repeat: no-repeat;..

현재 두가지 스킨을 배포중인데요. 스크롤하면 왼쪽에 따라다니는 뷰온 버튼이 있습니다. 얼마전에 다음 뷰온 버튼의 디자인이 변경돼서 이를 수정해줘야합니다. 두개의 스킨이 조금 다른데 우선 첫번째 스킨인 아래의 스킨을 수정해보겠습니다. HTML/CSS 편집창에서 아래와 같은 코드를 찾습니다. 위 코드를 다음과 같이 수정합니다. 위 코드에서 http://martian36.tistory.com 부분은 자신의 블로그 URL을 입력하면 됩니다. 그런 다음 style.css 창에서 아래와 같은 코드를 찾습니다. #floating-box { display:none; position: absolute; left: -66px; border: 1px solid #CCC; border-right: 0px; padding: 5..

그동안 5천원에서 1만원까지 기부를 조건으로 공개했었는데 수정 요청과 문의가 많아 해당 글을 내리고 공개를 하지 않았는데 요청자가 꽤 있어서 이메일로 보내드리기는 제가 좀 바쁘네요. 공개 조건은 이전과 같이 기부를 하는 조건이지만 강제하지는 않겠습니다. 가급적 기부를 해주세요. 저도 이것 만드느라고 시간이 많이 들었습니다. 나중에 다시 더 좋은 스킨을 만들어 공개하도록 하겠습니다. 사용 방법에 관해서는 일체 답변을 못드립니다. 제 글 중에 티스토리 카테고리에서 찾으면 사용법이 있습니다. 또한 수정도 못해드립니다. 스킨 파일은 해당 글에 첨부 파일로 올리겠습니다. 현재 제가 사용 중인 스킨입니다. 트위터 부트스트랩으로 만든 것이라서 반응형 디자인입니다. 해당 글 --> http://martian36.tis..

대부분의 블로그는 전세계적으로 인기있는 구글 애드센스를 사용합니다. 수익성도 좋고 광고 디자인도 좋아서 블로그 디자인에 비주얼 효과를 주기도해서 세계인들이 애용하는 광고입니다. 그런데 구글 애드센스는 가입하기도 까다롭고 유효하지 않는 클릭을 감시하거나 광고의 적정한 배치 감시 등으로 인해 사용할 때 항상 유의해야 광고가 차단되는 일을 방지할 수 있습니다. 구글 애드센스는 엄청난 비용을 들여서 개발한 만큼 광고주를 불량 클릭으로부터 보호하기 위해 아주 다양한 프로그램을 사용하고 있습니다. 이러한 프로그램에 대해서는 공개하지 않기 때문에 어떤 행태를 하지 말아야하는지 알아두는 것이 좋습니다. 구글 애드센스에 가입을 하고 로그인하면 가입자의 IP 주소가 저장되고 내 컴퓨터의 쿠키에 사용자의 정보가 저장되므로 ..

얌체 블로거? 좀 격한 표현을 사용하고자 했지만 이정도로 해둡니다. 많은 블로거들이 볼 수 있도록 매일 발행일자를 변경하겠습니다. 이 글의 목적은 다른 블로그에서 글을 전체를 복사해서 자신의 블로그에 붙여넣고 사용하는 많은 블로그들에게 경고를 하기 위한 것입니다. 앞으로 발견되면 이런 식으로 공개할 것이며 이런 블로거들이 사라질 때까지 이 글을 내리지도 않겠습니다. 이런 블로거에게 명예라는 것이 있을 수 없기에 캡쳐한 이미지를 그대로 공개합니다. 블로그 이름은 #####. 티스토리 도메인은 #####. 블로그 링크는 공개하지 않습니다. 방문을 유도하고 싶지 않기 때문이죠. 우선 이 사람의 가입일자는 2012년 3월 12일로 예상됩니다. 첫 글이 올라온 날짜입니다. 1년도 안돼서 방문자가 97,609,28..

데모 블로그는 http://saaien.tistory.com/ 이전 공개 스킨에 비해서 좋아졌습니다. 그래서 기부 금액을 증액합니다. 이곳의 글을 참고하시고 1만원을 기부한 다음 스크린샷을 첨부해주시면 이메일로 보내드립니다. 저는 포토샵 전문가이니 뽀샵처리하면 다 보입니다. ^^ 이메일--> martian36@naver.com 이 스킨은 트위터 부트스트랩의 Fork 프로젝트인 Fbootstrapp을 기반으로 만든 것으로 초기화면에서 티에디션을 사용할 수 없는 문제로 인해 모바일용으로 만들지 않았습니다. 페이스북의 타임라인 형태입니다. 사용법은 다음과 같습니다. http://martian36.tistory.com/841

현재 티스토리 블로그가 커스텀 모바일 스킨을 지원하지 않고 모든 포털 사이트의 블로그가 그렇지만 모바일로 접속하면 일방적인 디자인으로 나타나고 있습니다. 저는 워드프레스 책을 쓰고 있는데 9월에 워드프레스 책이 쏟아져 나온다고 합니다. 제 책도 그 즈음에 나올 것이고 자유로운 디자인이 가능한 워드프레스 블로그가 많이 출현할 듯 합니다. 티스토리도 하루 빨리 커스텀 모바일 스킨이 가능한 제도 변경을 바라면서 워드프레스에 적용할 디자인을 공개합니다. 물론 워드프레스는 페이지도 만들 수 있기 때문에 블로그가 아닌 일반 웹사이트도 만들 수 있어서 디자인이 아주 달라질 것입니다. 티스토리는 제한이 있기에 위와같은 모양으로 밖에 나오지 못합니다. 이 스킨에 사용된 트위터 부트스트랩은 하나의 플랫폼입니다. 웹디자인에..

소셜네트워크 아이콘 재배치 오늘 보니 티스토리 소셜네트워크 아이콘들이 작아지면서 글자도 생기고 다음뷰온 버튼과 간격이 많이 떨어져서 보기가 좋지 않네요. 이것은 티스토리 센터에서 보내진 것이라서 수정하기가 힘들죠. 하지만 CSS에서 !important를 사용하면 간단히 해결됩니다. 1부분을 요소검사하면 tt-sns-wrap이라는 클래스 선택자로 CSS에서 관리되는데 높이가 72픽셀입니다. 이것을 수정해줘야죠. 관리센터의 CSS편집창에서 적당한 곳에 위처럼 .tt-sns-wrap { height:20px !important; }를 입력해주고 저장하면 됩니다. !important가 들어가면 티스토리에서 지정한 설정값이라도 내가 설정한 값이 우선 적용됩니다. 재배치되었습니다. 헤더 타이틀 배경이미지에 링크걸기..

어도비에서 작년에 크리에이티브 스위트(Creative Suite; CS)를 5.5로 업그레이드했는데 웹디자인 부분에서 바뀐 것이 드림위버입니다. CS5.5로 업그레이드 됐죠. 그동안 어도비는 점이 들어간 업그레이드가 없었는데 0.5 버전이 나온 것은 아주 이례적인 일입니다. 이것은 그동안 애플의 스마트폰을 시작으로한 모바일 디바이스 시장의 변화에 적극 대처하기 위한 것인데 주로 바뀐 것이 제이쿼리 모바일을 이용한 웹디자인 기능 추가입니다. 이에 더하여 웹 플랫폼의 애플리케이션을 네이티브 애플리케이션으로 변환이 가능하도록한 오픈소스 프로그램인 PhoneGap을 추가하여 애플리케이션의 개발이 쉽도록 했습니다. 모바일 디바이스의 애플리케이션은 두가지로 나뉩니다. 자바, C#, C++등 컴파일 프로그래밍 언어에..

티스토리 블로그 스킨을 설치하고나면 잘 안쓰이는 메뉴가 있는데 이를 제거하고 카테고리의 다른 항목을 메뉴에 추가하고 싶을 때가 있습니다. 그런데 어떤 스킨은 메뉴수정이 쉽지가 않습니다. 티스토리 블로그 스킨 메뉴의 일부는 이미지를 사용하여 현재 보여지는 페이지를 표시하고 있습니다. 즉 현재 선택된 메뉴는 다른 색의 이미지로 표시되고 해당 페이지가 열려있죠. 그래서 예를들어 아래처럼 방명록메뉴를 클릭했다면 그에 해당하는 배경이미지가 메뉴에 나타납니다. 이러한 메뉴에 카테고리의 항목을 추가하거나 특정한 포스팅 글이 나오도록 메뉴를 추가할 수가 있습니다. 이것은 자바스크립트를 사용하여 현재 선택된 메뉴에 아이디 선택자를 추가하고 CSS에서 해당 아이디 선택자에 배경이미지 삽입하는 방식입니다. 그래서 기존에 있..

사이드바를 컨텐트 영역의 양쪽에 배치한 버전입니다. 이곳 을 클릭하면 테스트 블로그로 이동합니다. 사이드바가 좌측에 있더라도 html 코드상에는 컨텐트 다음에 나오고 검색엔진이 중요시하는 컨텐트가 앞서 나오므로 검색엔진 최적화시킨 스킨입니다. 이곳 의 글을 참고하세요 . 이 스킨은 사이드바에 넓은 사이즈의 광고를 배치할 수 없고 스카이스크래퍼형태의 세로로 긴 광고를 삽입할 수 있습니다. 물론 이전 버전들도 스카이스크래퍼는 배치할 수 있습니다. body 태그의 배경 색상을 변경하고자 하는 경우는 배경이미지 파일을 변경해야하므로 이전 글을 참고하세요. 스카이스크래퍼 형태의 광고를 삽입하려면 다음과 같이 설정합니다. 관리센터에서 사이드바 메뉴를 선택하면 사이드바가 두개밖에 없습니다. 처음 설치하고나면 사이드바..

이전 글 의 3단 스킨 기본에서 컨테이너의 배경 이미지 박스를 제거했습니다. 메뉴를 헤더 아래로 이동했으며 서치박스도 메뉴와 나란히 배치했습니다. 사용방법은 이전글을 참고하세요. 컨테이너의 둥근 모서리의 배경이미지를 만드는 8개의 작은 이미지는 투명이 가능해서 body의 배경색을 변경하거나 이미지를 삽입해도 문제가 없었지만 위 스킨의 둥근 모서리는 하나의 이미지 파일을 사용해서 만든 것이기 때문에 투명은 안되므로 body의 배경색을 변경할때는 이미지파일의 배경색도 변경해줘야합니다. 첨부파일의 images폴더에 corner.psd파일을 포토샵에서 수정해주면 됩니다. 1의 배경레이어를 선택하고 색상도구의 전경색을 클릭하여 컬러피커가 나오면 색상코드를 body의 배경색으로 사용할 색상코드로 입력하고 OK클릭합..

이전글에서 마무리한 2단형 스킨을 3단형으로 변경하였습니다. 이 3단 스킨을 토대로 여러가지 형태로 변경하여 사용할 수 있습니다. 2단형은 물론 1단형으로도 변경이 가능하며 컨테이너 영역의 배경이미지를 클래스 선택자로 변경하였으므로 컨테이너 영역의 배경이미지를 제거하고 사용하거나 해더영역과 푸터(footer)을 컨테이너영역에서 분리하여 별도의 배경이미지를 추가할 수도 있습니다. 메뉴도 원하는 곳에 배치할 수도 있어서 헤더와 컨테이너가 분리된 경우 그 사이에 배치할 수도 있습니다. 이 하나의 스킨으로 여러가지 형태로 변경할 수 있으나 스킨만 사용하시려는 분을 위해서 여러가지 형태로 변형하여 올리겠습니다. footer 부분의 크레딧은 가능한한 지우지 말고 사용해주시길 부탁드립니다. Redesigned by ..