블로그 이미지
푸른_바람

Rss feed Tistory

Widget에 해당되는 글 3건

IT/Tech 2010/04/12 20:59

myPickup widget 가이드

myPickup 서비스를 사용하기 위해서는 여러가지 방법이 있습니다.
- mypickup.kr
- bookmarklet 서비스
- widget 서비스

그 중 WZDAPI 와 위젯뱅크에서 제외한 저희가 제작한 최초의 위젯을 사용하는 벙법을 적어보겠습니다.
* 위젯 서비스 사용방법 :
- 블로그 포스팅을 트위터에 알리는 간단한 위젯 공개 Beta0.1
- mypicup textcube용 위젯 스크립트



* jQuery
** SCRIPT


** HTML
<a class="share" categorygrp="정치" title="★무감이네★ :: 초계함 천안함 침몰 -- 의혹 투성이인데, 정부는 감추는 것이 많다." url="http://rock1209.tistory.com/765" username="hanjum2" href="http://twitter.com/mypickup"><img src="http://mypickup.kr/images/list/btn_share.gif" alt="나누기 share" height="16" width="104" border="0" /></a>

myPickup widget 가이드 jquery.js


* prototype.js
** SCRIPT


** HTML 
<a class="share" categorygrp="정치" title="★무감이네★ :: 초계함 천안함 침몰 -- 의혹 투성이인데, 정부는 감추는 것이 많다." url="http://rock1209.tistory.com/765" username="hanjum2" href="http://twitter.com/mypickup" OnClick="return false;"><img src="http://mypickup.kr/images/list/btn_share.gif" alt="나누기 share" height="16" width="104" border="0" /></a>

myPickup widget 가이드 prototype.js


* Javascript
** script

** HTML

** 실재 적용화면

myPickup widget 가이드 javascript

* 주요설정
** url : 현재 페이지 전체 URL 정보
- url 정보가 없을 경우 현재페이지 url 을 사용합니다.
- frame 태그 내에서 사용할 경우 현재페이지 url 값을 잘 못 가져올수 있으니 꼭 지정해 주세요

** title : 현재 페이지 타이틀
- title 정보가 없을 경우 현재페이지 title 을 사용합니다.
- frame 태그 내에서 사용할 경우 현재페이지 title 지정이 잘 못 될수 있으니 꼭 지정해 주세요

** username : RT 할 트위터 username
- 현재 URL정보를 제공하는 트위터 아이디
- username 정보가 없을 경우 'RT @username' 자동 입력되지 않습니다.

** categoryGrp : mypickup 카테고리명
- 2010.03.29 현재 카테고리는 'IT&기술', 'Site&서비스', '연예', '스포츠', '시사', '유머', '정치', '경제', '이벤트', 'ETC' 10개입니다.
- categoryGrp 정보가 없을 경우 'ETC'로 자동 지정됩니다.

** fn : 블로그 등에서 위젯디자인을 선택할 정보
- fn 은 위의 스크립트를 사용할 경우 'notFn'으로 사용하시면 됩니다.


'IT > Tech' 카테고리의 다른 글

구글 picasa(피카사) 설치 deb 설치  (0) 2010/04/20
나눔고딕코딩 폰트 설치  (0) 2010/04/15
myPickup widget 가이드  (0) 2010/04/12
myPickup short URL API  (0) 2010/04/08
Linux용 Google 데스크톱 설치  (6) 2010/04/07
다음 위젯뱅크 myPickup 위젯 (테스트)  (0) 2010/04/06
API, mypickup, Widget, 마이픽업, 위젯, 대한민국>서울>금천구>독산동>아안채
트랙백 2개, 댓글 0
IT/Tech 2010/04/06 20:02

다음 위젯뱅크 myPickup 위젯 (테스트)

다움 위젯에 myPickup 위젯을 등록했습니다.

테스트로 제 블로그에 올렸습니다. myPickup 이 원하는 위젯은 포스팅 내에 삽입되는 위젯인데 위자드나 다음위젯뱅크나 모두 사이드바에만 삽입할 수 있는 위젯만을 제공하는군요.

결국 테스트용으로 등록된 다음 위젯 스크립트를 이리저리 손을 봐서 제 블로그 포스팅 내에서 사용할 수 있도록 손을 봤습니다.

A4한장 정도 위젯개발로 하루가 날아가는군요.. 할일도 많구만... T^T

[code javascript]
// 다음위젯뱅크 소스
<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/4/widget/2010/04/06/17/29/4bbaf0f225287.xml&up_TITLE=&title=myPickup+Widget&height=70&up_username=mypickup&up_URL=&width=60&border=simple&" type="text/javascript"></script>
[/code]

위 정보중 up_URL 을 포스팅 주소로 지정하면 됩니다.
up_TITLE 역시 지정, 없을 경우 ajax로 up_URL 정보 내용을 TEXT로 읽어서 <title>...</title>내용을 입력합니다.

[code html]
<!-- TextCube 에 맞게 수정한 소스 //-->
<script style="text/javascript">document.write("<scr"+"ipt src=\"http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/4/widget/2010/04/06/17/29/4bbaf0f225287.xml&up_TITLE=&title=myPickup+Widget&height=70&up_username=uncaose&up_URL=http://"+document.domain+"/&width=60&border=simple&\" type=\"text/javascript\"></scr"+"ipt>");</script>
[/code]

'IT > Tech' 카테고리의 다른 글

myPickup short URL API  (0) 2010/04/08
Linux용 Google 데스크톱 설치  (6) 2010/04/07
다음 위젯뱅크 myPickup 위젯 (테스트)  (0) 2010/04/06
google 데스크탑 garget에서 myPickup RSS 구독하기  (4) 2010/04/05
naver.com 나눔글꼴 설치  (0) 2010/04/02
javascript object 값 출력  (2) 2010/03/10
Gadget, Google, Widget, 다음위젯, 위자드, 위자드스토리, 위젯, 위젯뱅크, 대한민국>서울>구로구>신도림동>안성BD
트랙백 2개, 댓글 0
IT/Tech 2009/12/30 15:35

mypicup textcube용 위젯 스크립트

* mypicup textcube용 위젯 스크립트

TextCube용 pickup 스크립트가 따로 없다보니 T스토리에 적용된 pickup 위젯내용을 그대로 사용하시는 textcube사용자들이 있어서 올렸습니다.

[code javascript]
<div class="article"> // textcube 게시물 위치


<script src='http://2u.lc/packer/js/rt.js/default/'></script>
<script>
var rt = 'table'; /* 디자인 코드 */
var username = 'username'; /* 트위터 아이디 */
//var url = ('').replace('"','').split(' ',1);
var url = "http://"+document.domain+"/";
var title = ('').replace('"','');
_rt(rt, username, url, title);
</script>

</div>
[/code]

 
/*
var url = ('').replace('"','').split(' ',1);

TextCube 는 링크 정보에서 href 이외 rel 이라는 속성이 포함되어 링크로서 바로 적용이 안됩니다. rel 정보를 제거하기 위해서 스크립트로 잘라내는 기능을 추가했습니다.

var url = ('http://bluebreeze.co.kr/362" rel="bookmark').replace('"','').split(' ',1);
http://bluebreeze.co.kr/362 만을 추출합니다.
*/
// 2010.04.06
var url = "http://"+document.domain+"/";


<script src='http://2u.lc/packer/js/rt.js/default/'></script>
기본 트위터 RT 위젯을 불러오는 스크립트 입니다. 이 스크립트는 head 에 한번만 적용되는것이 최적입니다만... 여러가지 옵션(?)으로 설명이 길어진다면 어려워질것 같으니 같이 붙여서 넣었습니다.



* 스크립트 결과를 중앙에 위치시키기
2010-02-03
<div style='text-align:center;'> inline style이 적용되지 않고, align="center"로 적용하면 적용됩니다.

[code html]
<div class="article"> // textcube 게시물 위치


<div align='center'>
<script src='http://2u.lc/packer/js/rt.js/default/'></script>
<script>
var rt = 'table'; /* 디자인 코드 */
var username = 'username'; /* 트위터 아이디 */
var url = ('').replace('"','').split(' ',1);
var title = '';
_rt(rt, username, url, title);
</script>
</div>

</div>
[/code]


'IT > Tech' 카테고리의 다른 글

PHP 성능튜닝 IF & Switch 문법  (0) 2010/01/28
프로그램에서 메일수신확인 방법  (0) 2010/01/04
mypicup textcube용 위젯 스크립트  (0) 2009/12/30
ubuntu pisaca install  (0) 2009/12/14
ubuntu xampp apache trac subversion  (0) 2009/12/06
PHP 코드 최적화 40가지팁(번역)  (0) 2009/10/23
2u.lc, mypickup.kr, textcube, Widget, 위젯, 대한민국>서울>구로구>신도림동>안성BD
트랙백 1, 댓글 0
1
TOTAL 245,655 TODAY 22