티스토리와 워드프레스
나는 티스토리 사용자가 아니기 때문에 티스토리용은 티스토리를 사용하는 분이 만들어 주기를 바랬다. 그리고 염원대로 Missflash님이 티스토리에서 사용할 수 있는 방법을 올려 주셨다. 따라서 티스토리에서 사용하려면 Missflash님의 글, "[팁] 티스토리에서 믹시와 다음 블로거뉴스 추천 위젯 통합하기!!!"을 읽어 보기 바란다.
믹시업 통합
블로그에 글을 쓰다 보면 가끔 믹시업 위젯을 달지 않는 이유를 물어 보는 분이 있다. 믹시가 나름대로 편하고 또 인기를 끈 것도 사실이다. 그러나 트래픽 유입에 도움이 되는 믹시업 위젯을 달지 않는 이유는 아주 간단하다. 블로거뉴스 추천 위젯과 믹시업 위젯을 함께 달면 배치가 상당히 어긋나기 때문이다.
깔끔하고 정렬된 것을 좋아하는 나로서는 두개의 위젯이 떨어져 표시되는 것이 마음에 들지 않았다. 누에고치님의 제안처럼 두개의 위젯이 통합된다면 믹시업 위젯을 바로 달 생각도 있었다. 그러나 세상 일이라는 것이 뜻대로 되는 것은 아니기 때문에 블로거뉴스 추천 위젯만 달아 두고 있었다.
오늘 올린 글은 얼마 되지 않는다. 그 이유는 오전에는 태그 아래에 지역로그를 출력해 주는 플러그인[1]을 만들었고 오후에는 믹시업 위젯과 다음 위젯을 통합하는 작업을 했기 때문이다. 일종의 꼼수이기는 하지만 현재 이 블로그에서는 믹시업 위젯과 다음 블로거뉴스 위젯을 다음 그림처럼 깔끔하게 통합했다.
왼쪽이 '믹시업 위젯'이고 오른쪽이 '블로거뉴스 추천 위젯'이다. 공간이 조금 남아서 추천 유도 문구도 넣었다. TAG 아래에 LOG는 지역로그가 있는 경우 자동으로 지역로그를 출력해 주는 플러그인이다. 클릭하면 해당 단어를 검색한 결과를 보여준다. 또 ADD는 내가 예전에 개발해서 배포한 책갈피 플러그인이다.
믹시업 위젯을 단추로 변형
이렇게 통합이 가능한 이유는 두 가지이다. 먼저 "'믹시업 위젯'도 따지고 보면 플래시라는 점", 두번째는 "블로거뉴스 플러그인을 임의의 위치에 달 수 있도록 이미 패치했다"는 점때문에 가능했다. 믹시업 위젯은 스크립트로 배포되지만 그 스크립트는 OBJECT 태그를 이용해서 플래시 파일을 호출하는 스크립트에 불과하다. 따라서 OBJECT 태그를 직접 사용해서 스킨의 임의의 위치에 붙일 수 있다. 사용한 코드는 다음과 같다.
<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' width='73' height='79' align='left' style="border-bottom: 1px solid #CFD4DA; border-right: 1px solid #CFD4DA;">
<param name='allowScriptAccess' value='always'/>
<param name='movie' value='http://www.mixsh.com/widget/mixup/loader.html?muid=92&guid=https://offree.net/[##_article_rep_id_##]&rdate=[##_article_rep_date_##]&showhitcnt=1&platform=2'/>
<param name='quality' value='high'/>
<param name='wmode' value='window'/>
<embed src='http://www.mixsh.com/widget/mixup/loader.html?muid=92&guid=https://offree.net/[##_article_rep_id_##]&rdate=[##_article_rep_date_##]&showhitcnt=1&platform=2' quality='high' wmode='window' width='73' height='79' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/>
</object>
위의 코드를 보면 알 수 있지만 이 코드를 이용할 사람은 guid=https://offree.net/[##_article_rep_id_##]
에서 블로그 주소(https://offree.net/)만 바꿔주면 된다. 이렇게 하면 위의 그림과 같은 단추형 믹시업 위젯이 만들어진다. 위의 그림에서는 믹시업 위젯과 블로거뉴스 위젯을 합치고 오른쪽 선을 다음 블로거뉴스 추천 위젯의 선을 사용했다. 따라서 실제 적용한 코드에는 'border-right: 1px solid #CFD4DA;'가 빠진다.
블로거뉴스 플러그인 패치
블로거뉴스 플러그인은 'ViewPostContent' 이벤트를 이용해서 블로거뉴스 추천 위젯을 붙인다. 이 방법은 "스킨을 편집할 필요가 없다"는 장점이 있지만 "위젯의 위치를 바꿀 수 없다"는 단점이 있다. 그래서 예전부터 블로거뉴스 위젯을 스킨 임의의 위치에 삽입할 수 있도록 패치해서 사용하고 있었다. 즉 이 패치와 위에서 믹시업 단추 위젯을 통합해서 블로거뉴스 플러그인을 패치했다.
다만 이 블로거뉴스 플러그인은 내가 개발한 것이 아니라 엽기민원님이 개발한 것이다. 따라서 텍스트큐브 공식 플러그인으로 등록하지 않았다. 또 두 개의 추천 위젯을 통합하다 보니 부가적으로 추가할 기능이 있어서 임시판만 공개하기로 했다. 따라서 이 플러그인에 대한 질문은 일체 받지 않는다. 동작하지 않으면 포기하면 된다.
이 플러그인은 엽기민원님이 만든 블로거뉴스 플러그인과 사용하는 방법은 거의 똑 같다. 한 가지 차이가 있다면 본문 끝에 자동으로 추천 위젯을 붙이는 것이 아니라 스킨의 원하는 위치에 [##_bloggernews_##]
라는 치환자를 삽입해야 한다는 차이가 있다. 현재 사용된 추천 위젯 통합 플러그인은 다음과 같은 코드를 스킨에 삽입한 것이다.
<div style="margin-top: 10px;">[##_bloggernews_##]
<div class="recommand">왼쪽은 <a href="http://mixsh.com/media/92">믹시</a>
오른쪽은 <a href="http://bloggernews.media.daum.net/reporter/doax">블로거뉴스</a> <span style="color: #cc3300; font-weight: bold;">
추천은 필수!</span></div></div>
추천문구에 사용된 CSS 정의는 다음과 같다. CSS에서 'width'는 스킨에 따라 달라질 수 있다.
.recommand {
float: right;
width: 142px;
font-size: 13px;
border-top: 1px solid #C3C9E0;
border-right: 1px solid #C3C9E0;
border-bottom: 1px solid #C3C9E0;
height: 75px;
padding: 3px 2px 0 2px;
}
'통합 플러그인'은 텍스크큐브 1.7 이상에서만 사용할 수 있다. 사실 이 이하의 판에서는 시험해 보지 않았다. 잘 동작한다면 댓글로 알려주기 바란다. 또 당연한 이야기지만 텍스트큐브의 형제 - 티스토리, 텍스트큐브닷컴 - 에서는 사용할 수 없다. 마지막으로 이 플러그인이 고마운 사람은 가차없이 믹시업과 블로거뉴스 추천을 해주기 바란다.
티스토리와 워드프레스
나는 티스토리 사용자가 아니기 때문[2]에 티스토리용은 티스토리를 사용하는 분이 만들어 주기를 바랬다. 그리고 염원대로 Missflash님이 티스토리에서 사용할 수 있는 방법을 올려 주셨다. 따라서 티스토리에서 사용하려면 Missflash님의 글, [팁] 티스토리에서 믹시와 다음 블로거뉴스 추천 위젯 통합하기!!!을 읽어 보기 바란다.
또 워드프레스용은 블로그인님과 정태영님이 만들어 주셨다. 따라서 워드프레스에서 사용할 사람은 포스팅시 믹시 버튼을 이쁘게 – For 워드프레스이나 워드프레스용 블로거 위젯 플러그인를 읽어 보기 바란다.
Trackback
Trackback Address :: https://offree.net/trackback/2363
-
Subject : 포스팅시 믹시 버튼을 이쁘게 – For 워드프레스
Tracked from Blogine 2009/04/05 13:43 del.가끔 제 블로그에 방문하시어 믹시 버튼과 다음추천 버튼을 어떻게 작게 했는지 물어보는 분들이 계십니다. 믹시 버튼과 아울러 다음추천 버튼과 기타 메타 사이트 추천버튼을 배치하다 보...
-
Subject : [팁] 티스토리에서 믹시와 다음 블로거뉴스 추천 위젯 통합하기!!!
Tracked from [ MissFlash - Digital Life ] 2009/04/11 15:52 del.먼저 이 팁은 다음의 여러 게시물을 참고로 작성한 것임을 밝힙니다. 아래 글들을 읽어보시면 추천 위젯 통합이 어떤 식으로 돌아가는지 쉽게 파악할 수 있으리라 생각합니다. 도아님의 믹시업
-
Subject : 워드프레스용 블로거 위젯 플러그인
Tracked from 내 맘대로 보는 세상 2009/04/12 05:31 del.오늘 아침 믹시를 돌아다니다가 MissFlash님이 올리신 통합 위젯 플러그인 포스트를 보게 되었습니다. (Miss면 여자분이신건가 -_-a) 조금 아쉬운 점이라면 javascript를 사용하셨다는 것 정도? 웹기...
-
Subject : [팁] 티스토리에서 믹시&블로거뉴스 추천 위젯, 카테고리 글 더보기 위치 설정하기!!!
Tracked from [ MissFlash - Digital Life ] 2009/04/22 00:18 del.* 이 포스트는 티스토리에서 믹시와 다음 블로거뉴스 추천 위젯의 크기나 위치를 임의로 조절하는 것과 관련된 팁입니다. * 이전 글을 참고하시면 설치와 관련된 팁이나 노하우를 쉽게 이해하?
-
Subject : 제 블로그 하단 정리 이쁘지 않나요?
Tracked from 관심꺼리.log 2009/05/16 04:00 del.도아님의 믹시업과 블로거뉴스 대통합 플러그인 포스트를 읽고 동하여 포스트 하단을 정리해보기로 했어요. 새벽 3시까지 삽질많이 했네요. Missflash님의 글, [팁] 티스토리에서 믹시와 다음 블?
-
Subject : 텍스트큐브닷컴용 메타사이트 대통합 플러그인을 공개합니다 [컨버터 포함]
Tracked from KLOG - 삽질로그 2009/05/18 00:08 del.나 참, 오늘 하루종일 블로그만 하고 앉아 있네요. 너무 계획한게 많아서 이거이거 (...) 어쨌거나 개발한건 배포한다는 저의 멋지고 아름다운 정신에 따라[헐] 오늘 또 하나 부족한 플러그인 공?
-
Subject : 다음뷰와 믹시,메타사이트 추천버튼 통합하기
Tracked from 필넷의 블로그라이프 2009/09/07 12:39 del.이번에는 다음뷰, 믹시 그리고 메타사이트 추천버튼을 한줄로 통합하는 작업을 위해 또다시 삽질을 했습니다. 티스토리의 블로그에서는 missflash님 께서 공개한 자바스크립트로 비교적 쉽게 적?
-
Subject : 메타 사이트 추천 버튼 통합 , 깔끔하게 디자인 하기.(포토샵 이용)
Tracked from happynori Blog 1.0.0 2010/08/02 19:38 del.해피노리 블로그 새단장을 하면서 디자인 하려구 오늘낮시간동안은 이리저리 헤맷던거 같습니다. 아직 허접하지만 혹시나 깔끔한거 좋아하시는 분들께 조금이나마 도움이 되고자 버튼을 만들
Comments
-
-
-
-
-
비젼테크 2009/03/07 00:25
<embed src="http://api.bloggernews.media.daum.net/static/recombox1.swf?nid=2670966" quality="high" bgcolor="#ffffff" width="400" height="80" type="application/x-shockwave-flash"></embed>
-
nooe 2009/03/07 00:56
우와~ 곧 방 빼!라고 할라고 그랬는데.. 일단 두 살림을 통합해주셨군요.^^; 믹시업이 불만인지 추천해도 뺑글뺑글 돌아가기만하네요. 그냥 말로 추천 세번 땅땅땅입니다.
추천버튼이 크기를 4분의1로만 줄여줘도 참 좋을텐데요... -
-
odlinuf 2009/03/07 01:38
이런 불만이 있다는 것을 서비스 업체들도 알고 있을텐데, 저마다 크게 보이고 싶은 욕심때문일까요? 사용자가 직접 해결해야하는 현실이 참 거시기합니다. 블로거뉴스가 작은 버튼을 제공하긴 하지만 티스토리에선 일일이 수동으로 삽입해야 하기 때문에 여간 귀찮은게 아닙니다. 그래서 얼마전엔 자동으로 치환해주는 스크립트를 발견하고 그걸 사용하고 있지요. 아, 바로 위에 elemen님께서 적으셨군요.
아무튼 적당한 크기로 모든 메타 사이트 추천 위젯이 '대'통합됐으면 하는 바람입니다. 추천 버튼이 아주 깔끔하고 좋네요. :-) -
-
-
-
-
민노씨 2009/03/08 00:28
이 글 직전에 엔들리스나인님으로부터 이런 답글을 받았는데요.
( http://aucrazy.com/54#comment72 )
그래서 도아님 글 제목만 보고선, 이렇게 빨리!? 이랬습니다.
도아님께서 텍스트큐브를 위해 손수 만든 플러그인이군요.
정말 노고가 크셨습니다. : )
추.
저는 역시나 블로거뉴스에 대해선 여전히 블로그 상호간 교류나 대화의 확장에 도움을 주는 유통망이라기 보다는, 그러니 쌍방향 커뮤니케이션을 지향한다기 보다는 기존의 미디어들처럼 일방향 컨텐츠 제공을 목적하는 것 같아서... 좀 많이 아쉬움이 있습니다. -
-
-
-
yol 2009/04/01 13:33
자료만 낼름 퍼 갈려다가..
"이 플러그인이 고마운 사람은 가차없이 믹시업과 블로거뉴스 추천을 해주기 바란다."
로그인 귀차니즘에 블로거뉴스만..
제 글에는 내용도 별로 없고, 답글은 달지 안으셔도 된답니다.... -
-
블로그인 2009/04/05 13:42
도아님, 본문을 약간 코드를 이용하여 포스팅을 하나 했는데요. 기본적으로 펌은 안되는 것은 알지만 아주 약간 코드 부분만 인용했는데, 이해해 주실런지요? ^^
-
goohwan 2009/04/10 11:55
포스팅 내부의 소스보기 부분이 "ie8" "The world browser"에서 아래 캡쳐화면처럼 보여요.. 크롬에선 정상적으로 보입니다...
http://farm4.static.flickr.com/3302/342 ··· 41_o.png
http://farm4.static.flickr.com/3631/342 ··· fa_o.png
http://farm4.static.flickr.com/3568/342 ··· ce_o.png -
MissFlash 2009/04/11 15:51
도아님을 비롯해 몇 분의 도움으로 티스토리에서도 완벽호환되게 수정했습니다. 관련글을 트랙백 남깁니다. ㅎㅎ;
PS. 도아님, 가능하다면 티스토리에서도 가능하다고 본문수정해주시면 감사하겠습니다. -
-
-
Facebook