티스토리 반응형 스킨 파일 다운로드 버튼 형태로 만들기 블로그에서는 특정 파일을 업로드하여 사용자에게 제공할 수 있습니다. 특정 파일 양식에서부터 링크에 이르기까지 대부분의 것들을 다양한 방법으로 제공할 수 있는데요. 일반적으로 블로그 포스트를 작성할 때 많이들 사용하시는 글쓰기 에디터, 즉 위지윅 에디터에서 파일을 업로드하게 되면 아래처럼 간단한 파일 아이콘과 링크 텍스트가 제공되는 형태로 기본 설정이 되어 있습니다. ▼ 위지윅 에디터에서의 파일 업로드 하지만 이 고전적인 방법의 문제점 중 첫번째는 예쁘지가 않다는 것이며, 클릭을 유도할만큼 직관적이지도 않다는 것입니다. 두번째 문제점은 파일을 꼭 티스토리 서버에 업로드 하여야만 사용자에게 제공해줄 수 있다는 점입니다. 사실 파일을 링크할 수 있는 HT..
티스토리 Skeleton 반응형 스킨 본문 이미지 가운데 정렬하는 법 콘텐츠를 자신이 직접 디자인하여 사용한다는 것은 매우 멋진 일입니다. 마크쿼리 ↩님이 개발 및 배포하고 있는 티스토리 반응형 스킨은 사용자가 콘텐츠를 직접 디자인하여 사용할 수 있는 스킨입니다. 기존에 많이 배포되던 일반적인 스킨이 완성형 스킨이라면 마크쿼리 스킨은 커스텀 디자인 여지가 존재하고, 여러가지 아이디어로 콘텐츠 확장성을 겸비한스킨이라고 볼 수 있는데요. 현재 티스토리에서 큰 인기를 끌고 있는 스킨인만큼 마크쿼리 커뮤니티 ↩와 제 블로그 댓글에도 다양한 문의들이 올라오고 있습니다. 그 중에서도 블로그 UI 중에서 기초적이라 할 수 있는 이미지 가운데 정렬법에 대한 문의가 꽤 있어 별도의 포스트로 안내해드립니다. 앞서 언급한 ..
사실 별로 바꿀 생각까진 없었는데, 블로그 명과 필명 변경 글이 페이스북으로 나가면서, 블로그 고수님들의 조언에 또 귀가 팔랑거려... 내친김에 블로그 주소까지 변경했습니다. 기존에 http://underclub.tistory.com 의 주소를 http://namsieon.com 으로 변경했네요. 뭐, 변경하면 이것저것 걱정되는 것도 많고(주로 포털에 발행되었던 글 관련), 귀찮기도 한 부분도 있어서 신경을 많이 썼었는데요. 변경 후 반나절 정도 지난 시점에서, 네이버는 자동으로 변경되었고, 다음(daum)은 많은분들의 리뷰(?)에 의한 것처럼 검색 유입이 증발했습니다. 구글은 어떻게 해야되는지 모르겟네요;; 전문가가 아니다보니.. 웃긴게, 블로그 도메인 말고 그냥 나중을 위해 도메인 몇 개를 찾을 땐 ..
2014년에는 이것저것 바꾸는게 많네요. 집에 가구도 몇 개 바꿨는데 [1] 이번에 큰 마음 먹고 블로그 명과 필명을 변경했습니다. 앞으로는 이 이름으로 블로그 활동을 하게 될 것 같습니다. 2009년부터 시작했으니 꽤 오래 되었는데, 그간 2차례 블로그 명이 변경되었었고, 이번이 3번째가 되겠습니다. 블로그 명, 필명 변경 역사 블로그 명 : 티몰스의 나쁜 교육 닉네임 : 티몰스 블로그 명 : 티몰스의 랩하는 프로그래머 닉네임 : 티몰스 블로그 명 : 랩하는 프로그래머 닉네임 : 티몰스 이번에는 여러가지 전략적인 이유로, 제 본명을 전면에 내세우고 닉네임도 본명을 사용할 예정입니다. 혼선을 줄이기 위해 당분간은 이전에 사용하던 닉네임과 블로그 명을 게재해두고, 이후에 제거 할 계획이네요. 사실 예전부터..
티스토리 반응형 블로그 스킨 버전별 작업일지 v1.2 ~ v1.9a Skeleton Skin Version 1.2 Update for 랩하는 프로그래머 - 2013.12.12 bootstrap.css 수정을 통한 폰트 및 new line 크기 변경 PC화면에서 공백 발생으로 인해 구글 애드센스 모바일 광고 관련 Tistory-all 코드 삭제 syntaxhighlighter 사용하지 않음. 대신 웹에서 가능한 Pastie 사용. Skeleton Skin Version 1.3 Update for 랩하는 프로그래머 - 2013.12.16 본문 하단 The Author 추가 Skeleton Skin Version 1.4 Update for 랩하는 프로그래머 - 2013.12.20 본문 하단 The Author..
구글애드센스 수익금 은행 계좌로 송금받기 신청 국내에서 구글애드센스 수익금을 찾기 위한 방법으로는 우편으로 수표를 받는 방법과 웨스턴유니온 퀵캐쉬라는 시스템을 이용하는 방법이 있습니다. 둘 모두 해외달러화를 한화로 환전 후 지급받는 방법입니다. 그래서 구글애드센스 수익금을 수령하여 최종적으로 현금화하기 위해서는 어쩔 수 없이 기업은행에 직접 방문해야했습니다. 경우에 따라서는 매우 귀찮고 또 매우 바쁠 땐 시간을 내기가 어렵기도 한 방법이지요. 구글애드센스에서 이야기하는 은행계좌 송금과 전자송금 방식은 약간 다릅니다. 과거 구글에서는 이렇게 불편한 수익금 찾기 해결책의 일환으로 전자송금(EFT)을 통해 현지 통화로 게시자의 은행 계좌에 바로 입금되는 지급절차를 마련하였습니다(구글 역시 전자송금 방식을 권유..
블로그에 광고가 있다면, Photl.com의 무료이미지는 사용할 수 없다. 얼마 전 블로그용 무료 이미지를 구할 수 있는 방법 6 가지↩를 통해 블로그에서 무료 이미지를 사용할 수 있는 여러가지 방법에 대해 알려드렸습니다. 그 방법 중 하나로 Photl.com이라는 사이트의 이미지는 퀄리티가 높으면서도 상대적으로 라이선스가 자유로워 추천해드렸었는데요. 100% 자유롭게 무료로 사용가능한 것은 아니고, 비상업용 사이트와 블로그 등에서 사용가능한 이미지 서비스 사이트입니다. Photl.com의 라이선스 설명에는 개인블로그에는 사용가능하지만, 상업용 사이트에는 유료 라이선스를 구매해야 한다고 나와있습니다. 만약, 블로그에 설치된 광고가 있다면(구글 애드센스같은) 이것은 상업용 사이트인지 아니면 개인 블로그이기..
[마크다운으로 블로그 글 예쁘고 편하게 쓰는 법] Font Awesome 아이콘 사용하기 Skeleton 반응형 스킨을 티스토리에 설치하게 되면 여러가지 CSS를 포함하고 있어서 다양한 방법으로 활용할 수 있습니다. 부트스트랩의 디자인을 사용할 수 있는 것 뿐만 아니라 font awesome의 아이콘 역시 자유자재로 사용할 수 있습니다. 이 아이콘은 블로그 본문내용에 포함해서 글쓰기 용도로 쓰거나 [ ]할 수 있을 뿐만 아니라, 아래처럼 특정 디자인의 요소로 활용할 때, 제목 그대로 블로그 글을 예쁘고 편하게 쓸 수있게 됩니다. ▼ 제일 앞에 위치해있는 손가락표시가 아이콘 많은 수의 아이콘이 이미 준비되어 있습니다. 대체로 아이콘 명이 단어 위주로 구성되어 있기 때문에, 몇 번 훑어본 다음 그 단어를 기..
