문득 문득 떠오르는 생각들 중에서 그냥 웹에 또는 블로그에 한줄로 메모를 남기고 싶을 때가 있었습니다.
포스팅 할 수준의 내용은 아니고 그냥 그날 그날의 일상이나 생각등을 간략하게 남길 수 있는 카페등에서 사용되는 한줄 메모를 할 수 있는 기능이 있다면 좋겠다는 생각을 했었습니다.
그러다 어느날 이런 기능이 있는지 검색을 하다가 m2day를 알게 되었답니다. 제가 블로그를 시작한지 그다지 오래 되지 않아서인지 정보수집력이 떨어져서 인지는 몰라도 좀 늦게 m2day를 만났지요!
그리고 이 m2day를 이용하여 블로그에 한줄메모를 할 수 있는 방법을 찾아내서 제 블로그에 적용을 했답니다.
제 블로그 상단에 "Kay의 한줄 Log"라는 부분이 바로 m2day를 이용한 한줄 메모기능입니다. (아래 그림참조)
한줄 메모
사실 정확하게 말한다면 한줄블로그인 me2day에 올려진 글을 블로그에 표시하는 방식입니다.
me2day를 블로그에 연결하는 방법을 검색을 해보니 몇가지 방법들이 있던데 허니몬님의 방법이 제가 원하는 스타일이라서 허니몬님의 소스에서 폼만 수정하여 제 블로그에 적용을 했습니다.
수정한 부분은 아주 간단합니다. 상단에 애드센스 광고가 들어가다 보니 될 수 있으면 적은공간에 배치하기 쉽도록 제목부분도 잘라내고 한줄로 표시되도록 폼만 약간 수정했습니다.
아래 내용은 수정전의 모습과 수정후의 me2day 플러그인의 모습입니다. 허니몬님의 원래 소스가 심플하고 깔끔하게 되어 있어서 사이드에 배치를 하는 경우는 수정전의 소스를 그대로 삽입해도 보기 좋을것 같습니다.
수정전
수정후
me2day를 블로그와 연결하기
블로그에 me2day의 글을 연결하기 위해서는 당연한 말이겠지만 먼저 me2day에 가입(블로그개설)을 해야 합니다.
위 소스를 다운로드 받은 다음 아래 소스보기를 클릭하여 빨강색으로 표시된 부분만 본인의 블로그에 맞게
수정을 하면 됩니다.
<!-- me2day start -->
<script type="text/javascript" src="http://www.prototypejs.org/assets/2007/1/18/prototype.js"></script>
<script type="text/javascript">
/*
* 사용법
* - 아래 변수를 수정하고 페이지 내용 중 원하는 부분에 붙여 넣으시면 됩니다.
* - size : 리스트의 출력 개수입니다.
* - length: 리스트의 한줄당 표현 길이입니다. 0을 주시면 모두 표현됩니다.
* - id : Me2day 의 사용자 ID입니다.
*
* 기타
* - UTF-8이 아닐 경우 한글이 깨질 수 있습니다.
* - 스타일을 변경하시려면 소스 내용을 수정하세요.
* - 라이센스는 동일하게 CCL (By) 2.5 입니다.
*
*
* 참조 - http://emotion.tistory.com/60
* 내부적으로 John Resig의 RSS to JSON Convertor(http://ejohn.org/projects/rss2json/)
* 를 사용하지 않고, yahoo pipe 를 사용하였음.
* 참조 - http://ihoney.pe.kr/232
* 수정 - http://ccoma.tistory.com
*/
var size = 1; // 출력 개수
var length = 80; // 항목당 표현 길이
var id = 'ccoma'; // Me2day 아이디
var head_yn = 0 ; // 제목 표시 있음(1) , 없음(0)
var nickname = 'kay' ;
var main_title = nickname + '의 한줄로그, 미투데이' ;
var main_url = 'http://me2day.net/' + id ;
var json_url = 'http://pipes.yahoo.com/pipes/pipe.run' ;
var pars = '_id=HkCxjqLS2xGADUgG6kjTQA&textinput1=' + id + '&_render=json&_callback=putMe2day' ;
function getMe2day() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = json_url + '?' + pars ;
document.getElementsByTagName('head')[0].appendChild(s);
}
function putMe2day(rss) {
var html = ' ';
if( head_yn == 1 ) {
html = '<h3><a href="' + main_url + '" title="' + main_title + '" target="_blank">' + main_title + '</a></h3>';
}
html += ' ';
for (var i = 0; i < size && i < rss.value.items.length; i++) {
me2day_plugin.txt