스카입으로 민노씨랑 잠깐 놀다가, GatorLog의 사이드바에 있는 핑백 기능을 부러워하는 걸 보고 어떻게 구현할 수 있을까 생각해봤다. GatorLog의 사이드바에 있는 핑백 기능은, 구글 블로그 검색을 통해 자신의 블로그를 링크하는 다른 블로그 주소를 알아낸 후 그걸 노출하는 방식이다.

1. 내 블로그를 링크한 글 찾기

구글 블로그 검색에 아래와 같이 입력해보자.

link:자신의_블로그_주소

내 주소를 입력한 화면이다.

link:라는 검색 지시어는 다음에 나오는 주소가 있는 글을 찾으라는 뜻이다. 결국 내 블로그를 링크한 다른 블로그를 검색할 수 있다.

2. 검색 결과의 RSS 주소

구글 블로그 검색 결과 화면 왼쪽에 보면 Atom | RSS 링크가 있다. RSS 링크를 클릭하자.

http://blogsearch.google.co.kr/blogsearch_feeds?hl=ko&um=1&q=link:http://trivial.tistory.com&lr=&scoring=d&ie=utf-8&num=10&output=rss

위와 같은 주소를 얻었다. 블로그 검색 결과는 계속 바뀔 것이고 RSS를 통해 검색 결과를 계속 받을 수 있다.

3. RSS 결과를 보여주는 방법

이제 RSS 주소를 얻었으므로 이걸 블로그에 보여주는 방법만 구하면 된다. 예를 들어, 자신의 블로그 서비스에 외부에 노출할 수 있는 RSS 구독기가 있다면 거기에 위에서 얻은 RSS 주소를 입력하면 된다. blogger.com, wordpress.com에는 그런 메뉴가 있는 것으로 아는데 이글루스나 티스토리엔 그런 것이 있나? 자신이 쓰는 블로그에 RSS 주소를 등록해 그 결과를 노출할 수 있는 서비스가 있다면 알려주시면 감사하겠다.

일단, 티스토리엔 관련 기능이 없으므로 외부 서비스를 이용하기로 했다. 여러가지가 있지만 얼마 전에 공개된 위자드닷컴마이젯 기능을 이용하기로 했다.

콘텐츠 추가에서 직접 추가를 클릭하자. RSS 추가 입력란에 위의 RSS 주소를 입력하고 추가 단추를 클릭한다.

아래와 같은 위젯이 추가되는데 오른쪽 위에 있는 설정 아이콘을 클릭하자.

일반 설정에서 개수 등의 옵션을 설정한다.

마이젯 (블로그로 퍼가기)를 클릭하고 '마이젯 마법사 시작!'을 클릭하면 마이젯 제목과 카테고리, 설명 등을 입력할 수 있는 화면이 나타난다. 이 마이젯은 공유해봐야 별로 도움이 안 될 것이므로 퍼가기 허용 확인란은 취소하는 것이 좋겠다.

이제 블로그에 맞게 꾸미는 기능이 나온다. 사이드바에 넣을 것이므로 자신의 사이드바 가로 크기를 고려해 적당히 지정하면 되겠다.

이렇게 해서 아래와 같은 코드를 얻었다.

<script type="text/javascript" src="http://widget.wzd.com/scripts/myjit.js"></script>
<script type="text/javascript">
/** Myjit : Google 블로그 검색: link:http://trivial.tistory.com */
var myjit = new WZD.Myjit({
    myjitid: '8167c5e8f954762d'
});
myjit.setConfiguration({
    width: 200,
    height: 300
});
myjit.load();
</script>

4. 사이드바에 넣기

이 설명은 티스토리 기준이다. 다음 블로그와 파란 블로그의 경우에는 마이젯 이용가이드 - 위자드 헬프센터의 설명을 참조하면 되겠고, 기타 서비스의 경우에도 스크립트를 포함시킬 수 있는 서비스라면 어렵지 않게 구현할 수 있을 것이다.

관리자 화면의 스킨 > 사이드바 설정으로 이동하자.

배너출력::CodeBanner 모듈을 끌어서 사이드바의 원하는 위치에 넣자.

이제 사이드바에 배치된 배너출력::CodeBanner 모듈의 편집 단추를 클릭하고 위의 Java 스크립트 코드를 입력한 후 전송을 클릭하자.

끝났다. 지금 왼쪽에 보이는 것과 같은 링크가 나타난다.

민노씨? 잘 설정하시겠어요? ;-)

'experimental > tips' 카테고리의 다른 글

사과를 하는 방법  (6) 2008.03.28
내 블로그를 언급한 글 링크하기  (21) 2008.03.18
이게 뭐지?  (1) 2007.04.18
유용한 불여우 애드온, Make Link  (2) 2007.03.21
  1. BlogIcon 민노씨

    | 2008.03.18 20:55 | PERMALINK | EDIT | REPLY |

    오, 무한감사 드립니다. : )
    당장 실습해봐야겠네요.

  2. BlogIcon 민노씨

    | 2008.03.18 21:22 | PERMALINK | EDIT | REPLY |

    드디어 성공했네요.
    놀라운 응용력이십니다. : )

  3. BlogIcon 민노씨

    | 2008.03.18 21:26 | PERMALINK | EDIT | REPLY |

    이 위젯은 링크인용을 긍정적으로 자극할 수도 있겠다는 생각이 드네요.
    암튼 다시 한번 감솨~!

  4. BlogIcon 배움군

    | 2008.03.18 21:43 신고 | PERMALINK | EDIT |

    민노씨 쉽게 설정했다니 제 설명이 나쁘지 않았다는 뜻이군요(은근 민노씨를 무시하는 발언, 히히). 현재는 마이젯이 되게 빠른데 페이지 로딩에 영향을 주는 요소이긴 하다는 것, 잊지 마시구요.

  5. BlogIcon kz

    | 2008.03.18 21:37 | PERMALINK | EDIT | REPLY |

    제 위키에 해보니까 결과가 나올만한 링크인데도 안 나오네요. :(

  6. BlogIcon 배움군

    | 2008.03.18 21:46 신고 | PERMALINK | EDIT |

    오~!!! kz님 위키 주소를 득템했습니다. ;-)
    구글 검색은 꽤 똑똑하니까 결과가 곧 나아지겠죠. 설마, 구글이 kz님을 미워할리가......(저주 받은 캐릭이 있다는 이야기가 갑자기) -.-a

  7. BlogIcon 알게뭐야

    | 2008.03.18 22:38 | PERMALINK | EDIT | REPLY |

    제 블로그가 링크걸릴 일은 없겠지만, 유용한 팁인듯.
    감사합니다.^^

  8. BlogIcon foog

    | 2008.03.18 23:13 | PERMALINK | EDIT | REPLY |

    재밌는 기능이네요. 좋은 정보 감사합니다~

  9. 아거

    | 2008.03.19 00:01 | PERMALINK | EDIT | REPLY |

    이보다 더 좋은 방법은 워드프레스를 까는 것입니다. ^ ^

    농담이구요... 예. 이번 개편으로 가장 마음에 들었던게 바로 그 위짓 기능입니다. 정말 무한한 가능성이 보이더군요.
    워드프레스 보면 RSS위짓을 두 개 설정할 수 있는데 이걸 이용해 본 것입니다.

    민노씨가 부러워했다니 나름대로 괜찮은 기획이 되었군요...

    CSS 손봐주셔서 고맙습니다. 얼론 해봐야지./

  10. BlogIcon 배움군

    | 2008.03.19 10:30 신고 | PERMALINK | EDIT |

    전 아거님이 차려놓은 밥상을 먹었을 뿐이데 위와 아래에 이렇게 많은 감사가......
    CSS는 그에 대한 보답입니다(미래 예측!). ㅎㅎ

  11. BlogIcon erte

    | 2008.03.19 01:39 | PERMALINK | EDIT | REPLY |

    오오 유용한 기능이네요 ^^ 저도 나중에 꼭 써봐야 겠슴다. 근데 저 스크립트를 사용할 때, 이런 댓글에서처럼 블로그 URL을 걸어놓는 경우도 검색이 되는건가요? 궁금해서요;;;

  12. BlogIcon 배움군

    | 2008.03.19 10:33 신고 | PERMALINK | EDIT |

    제 경험에 기반해서 이야기하자면, 구글이 알아서 코멘트에 있는 URL은 제외하는 것 같습니다. 어떤 블로그 툴은 코멘트를 동적으로 생성하기 때문에 구글 검색 엔진이 알 수 없는 경우도 있고요. 어떤 로직이 있는지 궁금하긴 하네요.

  13. BlogIcon 지호

    | 2008.03.19 06:18 | PERMALINK | EDIT | REPLY |

    야.. 진짜 유용한 기능 배웁니다.

  14. BlogIcon 마루날

    | 2008.03.19 07:51 | PERMALINK | EDIT | REPLY |

    잘 사용해볼께요 ^^

  15. BlogIcon 민노씨

    | 2008.03.19 10:01 | PERMALINK | EDIT | REPLY |

    그런데 구글에 그토록 최적화된 미투데이에 링크인용하면 그 링크는 위저드위젯을 응용한 '노바님의 나를 링크한 블로그' 명단에 업뎃이 되지 않는 것 같네요. 갸우뚱한 지점입니다. : )

    구글에서 미투데이는 '블로그'라고 취급하지 않는 것인지... ㅎ
    엄현히 '마이크로' 블로그인데 말이죠.

  16. BlogIcon 배움군

    | 2008.03.19 10:37 신고 | PERMALINK | EDIT |

    아직 구글 검색 엔진이 방문하지 않은 것이겠죠. 좀 기다려보죠. 이거 달아놓으면 검색 엔진이 얼마나 빨리 인덱싱하는지도 대충 알 수 있겠네요(페이지 랭크 따라 다 다르겠지만요).

  17. BlogIcon

    | 2008.03.19 15:55 | PERMALINK | EDIT | REPLY |

    남한테 보여줄 생각은 없지만 제가 보고 싶었던 거네요. 리더에 등록해 놔야 겠어요. 감사드립니다.

  18. BlogIcon 배움군

    | 2008.03.19 21:54 신고 | PERMALINK | EDIT |

    민노씨 말대로, 링크하도록 권장하는 효과도 있을 것 같으니 노출하시는 것도 좋을 것 같습니다. 저도 며칠 달고 내릴 생각이었는데 걍 두는 걸로 마음 바꿨습니다. ^^

  19. BlogIcon egg

    | 2008.03.21 00:24 신고 | PERMALINK | EDIT | REPLY |

    저도 달았는데 이사해서 그런지 두개 뿐이네요. ㅡㅠ
    이전 주소도 추가를 해야하는건지. 흑흑
    여하튼 멋지십니다.ㅎㅎ
    구글의 주소 패턴도 있으니 핑백 위젯을 따로 만들어도 괜찮을 것 같습니다. 좋은 아이디어 얻어갑니다~ +_+

  20. BlogIcon 배움군

    | 2008.03.21 01:06 신고 | PERMALINK | EDIT |

    만드시는 분이 방문해주셨네요. ;-)
    한 가지 아이디어를 더 추가하자면, 마이젯 프레임이라는 것을 만들어서 여러 마이젯을 하나로 묶어 마이젯 링크가 한 번만 표시되게 만드는 것도 좋을 것 같습니다. egg님 사이드바를 보니 저도 달고 싶은 것이 꽤 있는데 마이젯 링크가 반복되는 것이 아름답지 않아서요(까다롭기도 하여라).

  21. BlogIcon egg

    | 2008.03.23 23:11 | PERMALINK | EDIT |

    앗. 좋으신 말씀입니다. ^^
    안그래도 그점에 대해 지적해주신 분들이 있으셨는데요.
    오는 사내 데브데이 때 만들어보겠습니다. +_+
    감사합니다~~ +_+

« PREV : 1 : ··· : 4 : 5 : 6 : 7 : 8 : 9 : 10 : 11 : 12 : ··· : 183 : NEXT »