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

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

012

글 위에 이렇게 뜨는 한 문장의 글귀가 무엇인지 궁금하지 않으셨나요?
이것은 미투데이라는 마이크로블로그서비스를 이용한 것인데요,

저렇게 쓰는 이야기를 블로그에 어떻게 옮겨놓을수 없을까 하다가 찾았답니다.

소스는 아래와 같습니다(제 스킨에 적용된 그대로 써 놓았습니다.)

<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를 자신의 아이디로 바꾸어야 합니다.
바꾸지 않으면 제 미투글이 뜰거에요;;;

위에서 필요한 파일은

invalid-file

invalid-file

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

me2fade.css라는 파일을 메모장으로 열면 아래와 같이 나옵니다.
일단 제가 아는 한 설명을 하겠습니다.

 // 빌보드 바탕 영역
#me2fade {
font-family: Malgun Gothic, Arial, UmDotum, Apple Gothic serif;
↑글씨체입니다만 어떻게 쓰는지는 잘 모르겠습니다.
padding: 20px; ←안쪽여백입니다.
text-align:center; ←글자 정렬:가운데(center)로 설정되어 있지만 가운데는 아니군요;;;
vertical-align: middle; ←윗첨자,아랫첨자를 설정한다는데 쓸 일이없으므로 놔두죠
width:470px; ←가로 길이입니다. 제 블로그 가로폭과 똑같이 했습니다.
height:100px; ←높이입니다만 글자가 아무리 길어져봤자 3줄이라 상관 없더군요.
}
// 본문 링크
#me2fade a {
color: yellow; ←칼라는 색깔이죠;;;
font-weight: bold; ←글자 속성입니다. '진하게'가 적용되어 있군요
text-decoration: none;
↑글자에 줄을 긋는 옵션이더군요. 쓰실 분은 '여기'를 참조하시길
}
// 태그 링크
#me2fade .me2tags, #me2fade .me2tags a {
font-weight: normal;
font-size: 0.8em;
color: #C0FFFF;
}
// 글자수가 80자 이상 일때
#me2fade .small {
font-size: 10px;
line-height: 100%;
}
// 글자수가 40자 이상 일때
#me2fade .medium {
font-size: 10px;
line-height: 100%;
}
// 글자수가 40자 미만 일때
#me2fade .large {
font-size: 10px;
line-height: 100%;
}

참, 미투데이를 하시는 블로거분들 미투주소랑 댓글좀 남겨주세효 친신할거에요!

150자의 재미있는 낙장불입의 세계에 가입하실 분은 여기를 눌러주세효~

'Blog' 카테고리의 다른 글

블로그 웹폰트 적용기  (8)	2008.12.13
Blog 개설한지 1주년이 되었습니다.  (26)	2008.11.18
블로그에 미투글을 달아봅시다  (17)	2008.07.26
트랙백&방명록 100개 자축포스팅!  (24)	2008.05.13
이 오류좀 해결해주세요ㅠㅠ(문제해결!)  (15)	2008.04.02
댓글 1000개 자축포스팅!  (26)	2008.03.25