star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

PC웹에서 twemoji로 이모티콘 이쁘게 보기

2015.06.26 14:51 in Web/Coding

emoji
emoji by downloadsource.fr

스마트폰📱에 내장된 기본이모티콘 많이들 쓰시나요? 전 예전에는 iOS랑 안드로이드랑 호환이 안되서 많이 안쓰다가, 최근에는 호환이 잘 되는 것 같아 자주 쓰고 있습니다. 😀😀

그런데 이 이모티콘들, PC💻에서도 쓸 수 있습니다.

  • 맥OS: 타이핑 중, Command+Control+Space 키[각주:1]
  • 윈도우8: 터치키보드에서 이모티콘 선택[각주:2]
  • 공통: 이모티콘 사이트(Get Emoji 등)에서 복사+붙여넣기

문제는 이 이모티콘이 이쁘게 적용되지 않는 브라우저들도 있다는 거죠.
(여기서는 IE를 예로 들었지만 크롬에서도 비슷합니다..)

지원 안되는 브라우저들 시르다 😭😭

이 상황에 대한 해결책이 바로 트위터에서 만든 twemoji인 것이죠. 😆😆

10초만에 설치하기

twemojigithub에 공개되어있고, CDN에서 끌어다 쓸 수 있어서 매우 편합니다.  적용하고 싶으신분들은 아래 두줄만 HTML코드 중 </body> 위에 추가시키면 끝입니다.

그런데 기본크기가 36x36으로 좀 큽니다. 그래서 작게 나오도록 코드를 수정했습니다.

사이즈는 16, 36, 72가 있습니다. 16과 36의 중간크기가 없는게 아쉽네요😥😥

참 쉽죠? :)

  1. <a href="http://macnews.tistory.com/1723" target="_blank">OS X 매버릭스의 새로운 이모티콘•특수문자 입력 방법 마스터하기</a> [본문으로]
  2. <a href="http://blog.getemoji.com/emoji-keyboard-windows" target="_blank">How To Use Emoji On Windows 8</a> [본문으로]
신고
tagAndroid, Browser, chromium, emoticon, html, Internet Explorer, IOS, mac os, PC, tip, twemoji, web, windows 8, 설치, 호환
받은 트랙백이 없고 , 댓글이 없습니다.

현재 사용가능한 한글 구글 웹폰트들

2014.08.10 22:33 in Web/Coding

구글 웹폰트 early access에 얼마전에 공개된 본고딕이 새로 생겼나 보려고 들어갔다가 의외로 한글 폰트들이 여럿 있어서 모아보니, (2014년 8월 10일 현재) 총 10개가 되네요. 또 다른 웹폰트가 추가되면 이 글도 업데이트 시키도록 하겠습니다.


한나체

배달의 민족으로 유명하죠?ㅎㅎ

  • normal 400:

코드보기(클릭)

제주고딕

스타일이 normal에 400 하나뿐인게 아쉽네요ㅠㅠ

  • normal 400:

코드보기(클릭)

제주명조

  • normal 400:

코드보기(클릭)

제주한라산체

  • normal 400:

코드보기(클릭)

KoPub 바탕

종이책과 ebook용도로 만들어진 폰트죠. 아직 바탕체만 있고, 돋움체는 없네요;;

  • normal 300:
  • normal 400:
  • normal 700:

코드보기(클릭)

나눔고딕

  • normal 400:
  • normal 700:
  • normal 800:

코드보기(클릭)

나눔고딕 코딩

아래 코드 깔끔하게 보이지 않나요?ㅎ

  • normal 400:
  • normal 700:

코드보기(클릭)

나눔명조

  • normal 400:
  • normal 700:
  • normal 800:

코드보기(클릭)

나눔손글씨 붓

  • normal 400:

코드보기(클릭)

나눔손글씨 펜

  • normal 400:

코드보기(클릭)

신고
tagCode, css, Google, html, KoPub 바탕, webfont, 나눔고딕, 나눔고딕 코딩, 나눔명조, 나눔바른고딕, 나눔손글씨 붓, 나눔손글씨 펜, 제주고딕, 제주명조, 제주한라산체, 한나체
받은 트랙백이 없고 , 댓글이 없습니다.

원노트, 전자책으로 만들기

2013.02.20 09:10 in IT/Tip

현재 노트작성 쪽에서 가장 핫한 건, 에버노트죠. 그 다음이 바로 원노트입니다. 개인적으로 원노트는 설치되더라도 거의 사용을 안하고 있었는데, 이번에 뉴오피스 리더 프로그램을 통해 원노트를 활용해보고 있습니다. 그런데, 저번에 에버노트를 전자책(epub)형식으로 변환했던 게 생각나더군요. 그래서 '원노트도 에버노트처럼 전자책으로 변환할 수 있을까?'하는 생각이 들어 방법을 찾아보았습니다.

시작하기 전에: 2차원 원노트 VS 1차원 에버노트

사실 원노트랑 에버노트는 노트작성을 한다는 점을 제외하면 다른 점이 꽤 많습니다. 그 중에서도 굳이 하나만 꼽자면 원노트는 2차원 공간이고, 에버노트는 1차원 공간이라는 점이죠.

잘 알고 계시겠지만 1차원은 직선이고, 2차원은 평면이죠. 에버노트는 정해진대로 쭉 작성할 수밖에 없습니다. 물론 줄바꿈은 가능하지만, 원하는 곳에 마음대로 이미지를 배치한다거나 하는 것은 제한적이죠. 반면에 원노트는 이와 달리, 펼쳐진 평면 이곳저곳에 글을 쓰거나 이미지를 넣을 수 있습니다. 그래서 제가 주변 사람들에게 에버노트와 원노트를 설명할 때는 이렇게 말합니다.

에버노트: 메모장에 약간의 서식기능과 동기화 기능이 추가된 것
원노트: 실제 공책에 작성하듯 적을 수 있는 디지털 노트

이런 차이가 있기 때문에 저는 전자책으로 변환한다면 에버노트는 epub형식을, 원노트는 PDF를 추천합니다.

원노트를 PDF로 변환하기

작성한 원노트를 PDF로 변환하기 위해서는 원노트 데스크탑 프로그램이 필요합니다. PDF로 만드는 과정은 클릭 몇번으로 해결될 만큼 쉽습니다.

'파일'을 클릭

내보내기 > 섹션 이나 노트 또는 전자 필기장을 선택 > PDF를 선택 > 내보내기

PDF로는 위와 같이 간단하게 변환하실 수 있습니다. 참 쉽죠?:)

원노트를 epub로 변환하기

PDF로 끝내면 너무 싱거워하실까봐... 이 방법도 공유해봅니다. 물론 원노트는 epub는 권장하지는 않습니다.

준비물은 원노트 데스크탑 프로그램, 인터넷 익스플로러, epub 편집기인 Sigil입니다.

'파일 > 내보내기'를 가신 후 섹션이나 노트를 선택하고 '단일 파일 웹 페이지'로 저장

위에서 저장할 때 단점이 mht파일로 저장된다는 점인데요, 이 파일을 html형식으로 변환하기 위해 에버노트 때와는 달리 한가지 과정이 더 추가됩니다.

저장한 mht파일을 IE로 실행 후 '파일 > 다른 이름으로 저장' 클릭

파일 형식을 '모든 웹 페이지'로 바꿔 적당한 곳에 저장

이렇게 html파일로 바꾸는 것까지 오셨다면, 이제 마지막으로 Sigil에 넣기만 하면 됩니다.

Sigil에서 Text에 '마우스 오른쪽 버튼 > 기존 파일 추가' 클릭하여 html파일 불러오기

위의 빈 파일에 마우스 오른쪽 버튼 > 지우기

파일 > 저장 클릭

깔끔한 과정은 아니지만 그래도 epub 만들기는 이렇게 하시면 성공입니다.

가독성 비교: 원노트 앱, PDF, Epub

아이패드 앱iBooks로 비교해 보았습니다. 가독성은 앱이랑 PDF가 괜찮고, 예상대로 epub는 완전 꽝이군요. 원노트는 왠만하면 epub로 변환하지 마세요-_-;;

덧) 차원이 높다고 무조건 좋은 건 아니라고 생각합니다. 각각의 장단점이 있어요!
덧2) 사실 글상자(?)가 하나만 있으면 epub도 이쁘게 나오긴 합니다만 그래도 추천하지는 않습니다;;

신고
tag1차원, 2차원, Application, epub, EVERNOTE, html, Internet Explorer, iPad, mht, Microsoft, New Office Leader Program, Note, Office 2013, onenote, pdf, Sigil, 가독성, 변환, 전자책, 직선, 차이점, 평면
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 블로그에 트위터카드 적용하기

2013.01.30 16:23 in Web/Coding

어제, 트위터에게서 메일을 받았습니다.

미리 신청해두었던 트위터 카드 신청이 승인되었다는 메일이였습니다+_+ 이제 트위터에 누군가 제 글을 공유한 것을 twitter.com이나 공식앱에서 보면 제목과 저의 아이디를 달고 표시됩니다. 이미 뉴욕타임즈와 같은 해외 유명 신문에는 대부분 적용된 기능이죠.

트위터 카드?

트위터 카드는 트위터 내에서 링크를 공유할 때 그 링크에 대한 자세한 설명을 보여주도록 하는 도구입니다. 크진 않지만, 어떤 사람이 어떻게 공유할 지 모르는 트위터에서 출처와 컨텐츠를 만든 사람을 부각시켜준다는 점에서 괜찮은 것 같습니다.

트위터카드는 3가지 순서만 따라서 하시면 됩니다.

  1. 문서를 읽고 원하는 카드형식을 고릅니다.
  2. 원하는 카드형식에 맞춰 메타태그를 적용하고 테스트도구로 확인합니다.
  3. 트위터카드 적용 신청서를 작성하고 제출합니다.

적용하기가 어려운 것은 아니지만, 3번에서 신청서를 제출하고 나서 걸리는 시간이 꽤 됩니다. 저 같은 경우는 1월 7일에 신청했으니, 20일이 넘게 결렸네요ㅠㅠ

아래 티스토리를 기준으로 적용방법을 적어놓았습니다.

매우 쉬운 트위터카드 적용

적용방법은 엄청 쉽습니다. 페이스북의 오픈그래프처럼 <head></head>에 메타태그 몇 줄만 넣어주면 끝이죠.

위에서 ‘@아이디'부분만 맞게 바꿔주시면 됩니다. 소스를 적용 하셨다면 잘 나오는지 테스트 해보시기 바랍니다.

자세한 설명 보기

신청서 접수 그리고 기다림…

테스트에서 잘 나왔다고 끝!이 아닙니다. 이제 신청서를 작성해야 합니다.

  • Contact information: 신청이 접수된 후 연락이 올 정보이니 정확하게 적습니다.
  • Website URL: 트위터카드를 적용한 사이트를 적습니다.
  • Website description: 저는 간단하게 personal blog라고 적었습니다.
  • Twitter Username associated with that domain: 본인의 계정을 적어주시면 됩니다.
  • Example Summary Card URL: 위에서 트위터카드를 테스트했던 주소를 적어주시면 됩니다.

다 작성하셨으면 아래 Submit을 눌러 신청서를 보냅니다. 그리고… 기다립니다;;;

신청이 완료되면?

신청서가 처리되면 신청이 접수되었는지, 아니면 거절되었는지 신청서에 적었던 메일주소로 결과를 보내줍니다.
신청이 승인되면 트위터에서 이전에 올렸던 글을 확인해봅니다:)

덧) 어쩐지 한국 최초(?)인것 같은 느낌인데요…
덧2) 그런데 왜 트위터 한국지사 블로그는 적용을 안했을까요-_-;;
덧3) 처음에 저는 메타태그 소스만 넣고 왜 안되지…하고 멍하게 있다가 @nalbam님의 도움으로 신청했습니다.
덧4) 날밤님도 http://spic.kr로 트위터카드 신청서를 접수하셨으니 금방 적용 되겠죠!

신고
tagcard, Contents, e-mail, html, nalbam, test, THE NEW YORK TIMES, Tistory, Twitter, 기다림, 순서, 신문, 신청, 저자, 적용, 출처, 해외
트랙백이 하나이고 , 댓글이 없습니다.

이미지의 Alt태그와 Title태그의 중요성

2012.10.29 13:18 in Web/Coding

HTML에 쓰이는 이미지태그(img)에 보면 Alt속성Title속성이 있습니다. 이 두가지 속성의 존재를 아는 분들은 귀찮아서 안쓰고, 모르는 분들은 몰라서 못쓰고 하는 그런 속성이죠. 아시는 분들은 아시겠지만 의외로 쓸모 없어보이는 이 두가지 속성이 웹사이트 또는 블로그 유입에 영향을 끼칩니다.(국내는 그렇게 큰 영향은 없습니다만;;) 긴 글이긴 한데, 저도 한번 자세히 알고싶어서 번역해보았습니다.

이 글은 The Importance of Adding Alt Tags and Title Tags to Images on Your Website의 번역입니다.


검색엔진최적화(이하 SEO)의 전문가가 아닌 사람들에게는 ‘SEO’가 뭔가 대단해 보일 수 있습니다. 하지만 의외로 여러분이 기본적인 내용만 잘 따른다면, 관리하고 있는 웹사이트를 검색엔진(구글, 빙, 야후 등)에 성공적으로 최적화 시킬 수 있습니다.
웹디자이너나 웹개발자들조차 간과하고 넘어가는 중요한 사항 중 하나는 ‘웹사이트에 있는 이미지를 검색엔진에 최적화시키기’입니다. 이미지는 방문객 수에 꽤 큰 영향을 끼칠 수 있습니다.

사람들은 일상적으로 ‘구글 이미지 검색’과 같은 도구를 사용하여 웹서핑을 합니다. 만약 웹사이트에 올려진 이미지에 올바른 키워드로 검색엔진에 맞춰져있다면, 더 많은 트래픽을 유도할 수 있을 것입니다.

이미지의 Alt태그란?

Alt태그 또는 Alt속성은 이미지의 “대체문구”(alternative text)입니다. 보통 Alt태그는 이미지를 설명하는 목적으로 만들어집니다. 웹사이트라면 Alt태그는 사람들에게 보여지지 않습니다. 웹사이트에서 Alt태그가 사용되는 경우가 한가지 있는데, 시각장애인이 음성기반의 소프트웨어로 웹서핑을 할 때 쓰입니다. Alt태그는 시각장애인들에게 어떤 컨텐츠가 지금 보고있는 웹사이트에 있는지 알려주는데 도움을 줍니다. 반면에 시각장애인들을 제외한 다른 대부분의 사람들을 위해서는 검색엔진에 사용됩니다. 검색엔진이 여러분의 웹사이트를 크롤링할때, Alt태그를 이용하여 컨텐츠를 더 잘 이해하고 검색결과 순위에서 적절하게 색인합니다.

Alt태그의 예외

Alt태그가 적용된 HTML 이미지 태그와 예시는 아래와 같습니다.

<img src=”http://ludens.kr/image.jpg” alt=”대체문구 예시” width=”300” height=”238”>
대체문구 예시

이미지의 Title태그란?

Title태그는 간단하게 말하면 이미지의 제목입니다. 웹사이트에 있는 이미지에 마우스를 올리면 나오는 문구를 본 적이 있나요? 바로 그 문구는 이미지의 Title태그가 표시되는 것입니다. Title태그의 가장 큰 목적은 웹페이지를 읽는 사람들에게 이미지에 대한 정보를 좀 더 제공하기 위함입니다. Title태그는 이미지 이외에 다른 웹페이지를 링크할때도 쓰입니다. 물론 이 경우에도 링크된 컨텐츠에 마우스커서를 올리면 Title태그의 내용을 볼 수 있습니다. 보이지 않는 Alt태그에는 딱히 완전한 문구를 넣을 필요가 없지만, Title태그는 여러분의 독자가 볼 수 있기 때문에 정확한 키워드와 완전한 문구가 들어가야 합니다.

Title태그는 3~5개정도의 단어로 구성되어야 합니다. 어떤 사람들은 미련하게 긴 문장(문단)을 Title태그에 넣습니다. Title태그는 짧으면서 유익해야 합니다. Alt태그에서 이야기했던 SEO가 Title태그에도 같이 적용됩니다.

Title태그가 적용된 HTML 이미지 태그와 예시는 아래와 같습니다.

<img src=”http://ludens.kr/image.jpg” alt=”대체문구 예시” title=”타이틀태그 예시” width=”300” height=”238”>
대체문구 예시

Alt태그와 Title태그 사용의 장점

Alt태그와 Title태그로 이미지를 최적화했을 때 얻을 수 있는 장점은 다음과 같습니다.

  • 검색유입의 증가
  • 웹사이트에 대한 높은 품질의 검색
  • 더 많은 유효방문자

Alt태그와 Title태그를 적용한다고 해서 다양한 이익을 가져다 주지는 않습니다. 하지만, 가장 큰 장점은 검색유입의 (꽤 큰) 증가입니다. 잠깐만 생각해보세요. 여러분 웹사이트의 트래픽과 관련한 문제에 두 손 놓고 있을건가요? 여러분들은 약 25% 더 트래픽을 높일 수 있습니다. 단지 지금 올려져 있는 이미지를 최적화하고 새로 업로드 할 이미지를 최적화하는 것만으로 말이죠. 특히 이미지검색으로 큰 효과를 볼 수 있을 것입니다.


국내사정에는 다 맞는다고 할 수는 없지만, 안하는 것보다는 낫다는 생각입니다. 네이버에서 안받아 주더라도 구글에서는 받아주겠죠?(…)

덧) 제목만 보고 번역해봤는데 어째 글이 좀 그렇네요.
덧2) 워드프레스에는 자동으로 Alt태그와 Title태그를 달아주는 플러그인도 있습니다.

신고
tagalt, Blog, Google, html, IMAGE, img, Kohl's, macy's, naver, tag, Title, web, website, 검색, 검색엔진, 검색엔진최적화, 대체, 문구, 방문자, 속성, 영향, 예시, 예외, 유익, 유입, 이익, 장점, 정보, 제목, 최적화
받은 트랙백이 없고 , 댓글2개가 달렸습니다.

에버노트, 간단하게 전자책(epub)으로 만들기

2012.10.22 09:00 in IT/Tip


요새 에버노트 많이들 쓰시는 것으로 알고있습니다. 저도 요즘 아이패드에서 문서작성할때나 공부할때 많이 활용하고 있습니다. 저는 에버노트에 이것저것 정리한 내용이 많아 전자책으로 만들수 없을까 하다가 쉽게 만들 수 있다는 사실을 알게되었습니다.

준비물

에버노트 데스크탑 프로그램
‘내보내기’기능을 사용하기 위해 필요합니다.

Sigil
오픈소스 전자책 제작툴입니다.

에버노트 내보내기

에버노트 데스크탑 프로그램에서 ‘노트 내보내기’를 할 수 있습니다.


에버노트 데스크탑 프로그램을 실행하시고 원하는 노트를 클릭하신 후 마우스 오른쪽버튼 메뉴에서 ‘내보내기’를 누르면 됩니다. 여러노트도 가능합니다.

내보내기를 하실때 ‘단일 HTML 웹페이지’형식으로 하시고 ‘설정’에서 ‘노트 제목’을 체크해주시기 바랍니다.

정상적으로 내보내기가 완료된 것을 볼 수 있습니다. 이미지가 있다면, 같은 이름의 폴더가 하나 만들어지고 그곳에 이미지가 저장됩니다.

전자책 만들기

Sigil을 이용하면 간단하게 epub형식으로 만들 수 있습니다.


Sigil 실행 후 왼쪽 패널의 ‘Text’마우스 오른쪽 메뉴에서 ‘Add Existing Files’를 눌러 아까 내보내기 했던 HTML파일을 선택합니다.

신기하게도 이미지는 물론이고 노트별로 목차도 알아서 들어가는 모습을 볼 수 있습니다.

빈 화면인 ‘Section0001’은 삭제합니다.

‘Edit → Meta Editor’를 실행하여 제목과 저자명, 언어를 설정해줍니다. 그리고 ‘File → Save’로 저장해주시면 epub파일 완성입니다.

가독성비교: 에버노트 앱 VS 전자책(iBooks)

에버노트 앱은 읽는 쪽 보다는 노트의 작성이나 편집에 초점이 맞춰져있다보니 읽기 편한 구조는 아닙니다.

하지만 iBooks로 보면 훨씬 읽기가 편해집니다. 이 차이는 직접 확인해보시면 크게 느끼실겁니다.


다행히 에버노트를 HTML형식으로 쉽게 내보내기가 가능해서, 전자책으로도 쉽게 만들 수 있는 장점이 있네요.
저처럼 에버노트에 이것저것 열심히(?) 정리하시는 분들에게 좋은 팁이 되리라 생각합니다:)

덧) 이런 팁 올린다고 geek한건 아닌거죠? 그런거죠?(…)
덧2) Sigil에 대해서는 구글링하시면 참고할만한 글이 많습니다~

신고
tagApplication, Desktop, epub, EVERNOTE, html, iBooks, IMAGE, Open Source, program, Sigil, tip, 가독성, 내보내기, 목차, 언어, 저자, 전자책, 제목
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 티에디션 대표이미지 원본사이즈로 불러오기

2012.08.18 16:23 in Web/Coding

며칠 전 블로그 스킨을 바꿨습니다.
대대적으로 스킨을 변경하는것도 쉽지 않았지만, 메인화면을 티에디션으로 꾸미는데도 꽤 애 먹었습니다.

티에디션이 메인화면을 있어보이게 만드는데는 참 좋은툴이기는 한데, 썸네일을 마음대로 하기가 어렵다는 단점이 있더군요.
제가 원하는 썸네일 크기는 가로가 665픽셀 정도였는데, 크기 수정 자체가 없어서 어떻게 해결해야할지 고민을 좀 했습니다.

썸네일 → 원본이미지로 바꾸기

[티에디션 설정]에 들어가셔서, 이미 배치해놓으신 아이템을 선택하신 후
[디자인]에서 [HTML]버튼을 누르면 HTML수정을 직접 할 수 있습니다.

소스가 엄청 복잡할텐데요, 잘 살펴보면

http://[##_article_rep_thumb_host[?]_##]/[##_thumb_type[?]_##]/[##_article_rep_thumb_hash[?]_##]

라고 되어있는 부분이 있습니다.(?는 숫자)
여기서 중간의 "[##_thumb_type[?]_##]"를 모두 "original"로 바꿔줍니다.(번호는 무시하세요)

위와 같이 수정 후 저장하면 원본이미지 불러오는건 끝입니다.

이 방법의 단점은 사이즈가 제각각으로 나온다는 겁니다.
그나마 티스토리에서 제공하는 썸네일은 크기가 작더라도 썸네일 크기는 다 똑같아서 상관이 없는데 말이죠.

덧) 그래서 저는 DIV에 CSS로 배경이미지로 지정하여 사용하고 있습니다.

이미지영역 소스보기

저작자 표시 비영리 변경 금지
신고
tagcss, design, html, IMAGE, Skin, Source, thumbnail, Tistory, 대표, 원본, 티에디션
트랙백이 하나이고 , 댓글이 없습니다.

블로그에 미투글을 달아봅시다

2008.07.26 23:50 in Blog

저는 API가 뭔지도 모르고 CSS도 어떻게 하는건지 전혀 모르는 사람입니다.
이 방법은 Channy님의 미투전광판을 토대로 제가 심플하게 변형한 것입니다.

글 위에 이렇게 뜨는 한 문장의 글귀가 무엇인지 궁금하지 않으셨나요?
이것은 미투데이라는 마이크로블로그서비스를 이용한 것인데요,
사용자 삽입 이미지
저렇게 쓰는 이야기를 블로그에 어떻게 옮겨놓을수 없을까 하다가 찾았답니다.

소스는 아래와 같습니다(제 스킨에 적용된 그대로 써 놓았습니다.)
<link rel="stylesheet" href="http://cfs.tistory.com/custom/blog/11/119697/skin/images/me2fade.css" type="text/css" />
<script type="text/javascript" src="http://cfs.tistory.com/custom/blog/11/119697/skin/images/me2fade.js"></script>
<script type="text/javascript">
addLoadEvent(me2fade.init("ludens"));
</script>
<div id="me2fade"></div>
<div class="article">[##_article_rep_desc_##] </div>
적용을 하시려면 일단 관리자화면에서 '스킨'→'HTML/CSS 편집'으로 가셔서
<div class="article">[##_article_rep_desc_##] </div>이라는 부분 위에 붙여넣으시면 됩니다. 다른곳에 넣으셔도 상관은 없습니다;;;
참, 중요한 사항은 ludens를 자신의 아이디로 바꾸어야 합니다.
바꾸지 않으면 제 미투글이 뜰거에요;;;

위에서 필요한 파일은
이렇게 2개입니다.(사실 제것과 똑같은 모양새로 쓰길 원하신다면야 필요는 없습니다;;;)
파일은 '스킨'->'직접올리기'로 올리시면 됩니다.
그리고 본인의 취향에 맞게 수정하시면 됩니다.

me2fade.css 설정


참, 미투데이를 하시는 블로거분들 미투주소랑 댓글좀 남겨주세효 친신할거에요!
meet me at me2DAY
150자의 재미있는 낙장불입의 세계에 가입하실 분은 여기를 눌러주세효~
신고
tagAPI, Blog, css, html, me2day, me2fade, Skin, 낙장불입
트랙백이 하나이고 , 댓글17개가 달렸습니다.

티스토리 툴바