마가린 링크롤이 완성 되었습니다.(물론 추후에도 기능개선이 이루어지겠지만..)
링크롤은 블로거들을 위한 도구입니다.
좀더 자세히 설명을 드리면,
"자신의 블로그나 웹사이트에 여러분이 북마크하신 최신북마크를 보여주는 기능입니다."
[사용방법]
1. 마가린 시식코너에 마가린 링크롤을 선택한다.
2. 링크롤(Linkrolls) 설정하기에서 원하시는 형태의 값을 선택한다.
3. 오른쪽 미리 보기를 참고하여, 자신의 블로그(웹페이지)에서 보여주기 원하는 형태를 결정한다.
4. 상단
스크립트 박스에 완성된 스크립트를 복사하여 자신의 블로그에 삽입한다.
<script type='text/javascript' src='http://mar.gar.in/js/linkrolls.js?username=myID&rsize=10&viewtag=false&viewnote=true&title=myID%20Bookmark'>
</script>
5. 자 이제, 최신 북마크 리스트가 실시간으로 보이게 됩니다.
- 끝 -
지금부터는 고급 사용자를 위한 팁입니다.
7. "난 현재 보여지는 스타일이 마음에 들지 않는다." "좀더 예쁘게 보여지게 하고 싶다." 라고 하는 사용자를 위한 팁 입니다.
( 준비 되셨나요?)
8. 링크롤 설정하기 아랫쪽 "스타일 변경 적용 예제" 링크를 클릭한다.
9. 저희가 기본 스타일을 조금 더 예쁘게 만든 샘플이 보입니다.
10. 상단에는 저희가 링크롤을 통해 제공하는 HTML 기본 골격이 있습니다.
<div class="margarin-posts" id="margarin-posts-ykh894">
<h2 class="margarin-linkrolls-title">
<a href="http://mar.gar.in/ykh894">mar.gar.in/ykh894</a>
</h2>
<ul>
<li class="margarin-post margarin-odd">
<a href="http://blog.mar.gar.in" class="margarin-link"><font class="margarin-link-text">마가린 블로그</font></a>
<a href="http://mar.gar.in/ykh894/blog" class="margarin-tag"><font class="margarin-tag-text">blog</font></a>
<span class="margarin-note">마가린의 기능 정보와 사용법 설명</span>
</li>
<li class="margarin-post margarin-even">
<a href="http://mar.gar.in" title="마가린은 소셜 북마크 입니다." class="margarin-link"><font class="margarin-link-text">마가린은 소셜 북마크 입니다.</font></a>
<a href="http://mar.gar.in/ykh894/margarin" class="margarin-tag"><font>margarin</font></a>
<span class="margarin-note">소셜 북마킹 서비스</span>
</li>
</ul>
</div>
11. 하단에 보시면 위의 기본 골격을 기반으로 저희가 만들어 본 CSS 스타일 예제가 있습니다.
.margarin-posts { margin: 2px; border: 2px solid #ddd; padding: 2px; width: 800px; font-family: tahoma,gulim; }
.margarin-linkrolls-title {margin-left:3px;font-size:14px;}
.margarin-posts ul{ list-style:none;margin: 1px; padding: 5px;}
.margarin-posts li{ margin: 0px;}
.margarin-post { border-top: 1px solid #eee; padding: 2px; font-size: 12px; }
.margarin-odd { background-color: #f8f8f8; }
.margarin-even { background-color: #fff; }
.margarin-note { font-size:11px;display:block;margin-top:2px;margin-left:10px;}
.margarin-tag-text { font-size:11px;color:#390;}
12. 상단 HTML기본 골격을 참고 하셔서, 하단의 CSS 스타일을 원하시는 스타일 값으로 변경하시고, 링크롤이 보여질 블로그(웹페이지)에 변경하신 CSS를 삽입하시면 원하시는 스타일의 링크롤로 변경 됩니다.
- 끝 -
13. 지금부터는 스타일 변경으로도 만족을 못하시는 분을 위한 추가 설명입니다.(약간 짜증 ^^;)
14. 마가린 Simple Feed (이름하여 간단XML 피드)를 사용하시면 됩니다. 즉, 직접 XML Feed파일을 조작하여 링크롤을 작성하실 수 있습니다.
15.
간단 XML Feed를 클릭하시면 상단에 저희가 제공하는 Feed의 XML형식이 보입니다.
<?xml version="1.0" encoding="utf-8" ?>
<margarin>
<post>
<url><![CDATA[http://blog.naver.com/gunchek91/80039152494]]></url><!-- 북마킹 URL -->
<description><![CDATA[Notebook Hadware Control [NHC] 리뷰 ]]></description><!-- 제목 -->
<note><![CDATA[]]></note><!-- 노크 -->
<tags><![CDATA[노트북 리뷰]]></tags><!-- 태그 : 스페이스로 구분하였습니다. -->
</post>
<post>
<url><![CDATA[http://www.i-rince.com/2512144]]></url>
<description><![CDATA[loading... 100% | 슈렉 3 (Shrek the Third, 2007)]]></description>
<note><![CDATA[]]></note>
<tags><![CDATA[슈렉3 영화리뷰]]></tags>
</post>
</margarin>
16. 중간에 보시면 Feed를 받을 수 있는 주소 형식이 있습니다. 주소형식은 파라미터로 username과 rsize가 있습니다.
http://mar.gar.in/api/post:simplefeed:&username=myID&rsize=100
username부분에 자신의 아이디를, rsize 부분에는 출력을 원하는 북마크 행의 갯수를 넣으시면, 상단의 XML Feed 형식으로 여러분의 마가린 최신북마크가 전달 됩니다.
17. 자신의 블로그에 XML Feed의 주소를 통해 해당 형식의 데이터를 받으셔서 자신의 입맛에 맞도록 스타일을 꾸미시면 됩니다.
- 끝 -
마지막으로.. 숙달된 조교의 시범이 있겠습니다.^^
마가린 링크롤을 사용하신 블로거 샘플 보기 ==> 소두마빈 블로그 하단쪽에 있습니다.
늦은감은 있지만,
조금만 기다리시면,
"Daily blog posting (remote blog posting by mar.gar.in)"
기능이 나올 겁니다.
이게 뭐하는 거냐구요?
음..그건 다음번 기능추가 될 때 자세히 말씀 드리겠습니다.
아무리 봐도, 설명이 너무 장황한 것 같습니다. ^^;
마가린 링크롤을 사용해 보시고, 위의 설명보다 더 쉽게 사용법을 블로그 포스팅 해주시면 감사하겠습니다.
- 훔마 카불라 -
