글 제목을 '블로그뉴스 추천 버튼에 자유를 주자'라고 붙였는데 그다지 적절하다고 보이지는 않습니다.

제가 블로그뉴스 추천 버튼을 사용하면서 느낀 불편함이 있었고, 그 불편함을 해결하려고 사용한 방법을 함께 나누고자 합니다.

블로그를 텍스트 큐브로 바꾼 지 얼마 되지 않았기 때문에, 블로그 사이즈, 플러그인을 새롭게 설정하고, 믹시 추천 버튼 코드도 스킨 파일에 넣고, 또 이것저것 만지는 중이라, 위치가 수시로 바뀝니다.

믹시 추천 버튼은 똑똑하기 때문에, 본인 글의 고유링크와 글이 등록된 시간, 그리고 사용자 고유번호 등을 사용하여, 한 번 추천 코드를 넣어두면, 글마다 특별히 만질 것이 없습니다.

물론 믹시 추천 버튼이 완벽한 것은 아닙니다. 인코딩 때문인지는 몰라도 어떤 컴퓨터에서는 내 글이 인식되는데, 또 다른 컴퓨터에서는 인식이 되지 않을 때도 더러 있습니다.

믹시와 비교했을 때, 블로그뉴스는  조금 원시적이라서 매번 퍼가기를 통해 자신의 글에 직접 코드를 넣어야 하는 불편함이 있을뿐더러, 나처럼 블로그를 손질하다가 추천 버튼의 위치라도 옮길라치면 모든 글에 붙어 있는 코드를 새로 고쳐야 하는 막노동을 요구합니다.

다른 여러분의 블로그를 방문하면서 느낀 점인데, 블로그뉴스의 추천버튼 코드를 글 안에 넣어야 하는 제약으로 말미암아, 대부분 블로그 추천 버튼이 믹시 추천 버튼의 위에 있더군요.

메타 블로그마다 버튼 사이즈가 틀리기 때문에 여러 개의 추천 버튼을 적절하게 위치시키는 것도 만만치 않습니다. 저 개인적으로는 믹시 버튼 밑에 블로그뉴스 버튼을 놓는 것이 좀 더 안정적으로 보이더군요.

그 해결책으로 저는 다음과 같은 방법을 사용하였습니다.

다음의 코드를 스킨 html 파일(skin.html)에 넣습니다.

<div style="width:100%; text-align:center; margin-bottom: 5px;">
<script type='text/javascript'>document.write("<embed src='http://api.bloggernews.media.daum.net/static/recombox1.swf?nid=" + blognews_nid + "' quality='high' bgcolor='#ffffff' width='400' height='80' type='application/x-shockwave-flash'></embed>");</script>
</div>

일단 위 코드를 넣었으면, 새로운 글을 쓸 때 '추천해주세요' 퍼가기에 나오는 코드를 넣는 대신에 코드 중에 있는 nid 번호만 기억하고 있으면 됩니다.

다음은 블로그뉴스 '추천해 주세요' 퍼가기를 하였을 때 새 창에 나타나는 코드입니다.

<embed src="http://api.bloggernews.media.daum.net/static/recombox1.swf?nid=1591312" quality="high" bgcolor="#ffffff" width="400" height="80" type="application/x-shockwave-flash"></embed>


위 코드에서는 nid가 1591312라고 나오는군요.

자 이제 자신이 쓴 글에 위에 나오는 코드를 넣는 것이 아니라 다음과 같은 코드를 넣습니다. 번호는 위 코드에 나와있던 바로 그 번호입니다.

<script type="text/javascript">
var blognews_nid = 1591312;
</script>

물론 제가 사용한 방법이 믹시와 같은 자유로움을 주지는 못하지만, 적어도 위치를 바꾸고 싶을 때, 일일이 모든 글에 붙은 코드를 바꾸어야 하는 불편함은 줄일 수 있고, 또 글 안쪽이 아니라 다른 곳에 버튼을 붙이고 싶을 때 아주 유용하리라 생각됩니다.

간단한 팁이지만, 도움이 되었으면 하는 마음에 적어보았습니다.

추천 버튼에 굳이 테두리를 붙여야만 하는지 조금은 답답합니다.  그냥 버튼 안에 들어 있는 내용만 제공하고 크기라든지 테두리(border) 모양과 같은 스타일(style)은 자신의 기호에 맞춰 바꿀 수 있도록 하면, 들쭉날쭉 보기 싫은 추천버튼 대신에 아주 잘 정렬된 버튼들을 내 블로그에 붙일 수 있을 것 같습니다.

메타 블로그 사이트 운영자들이 참고했으면 좋겠네요.
2008/08/04 22:03 2008/08/04 22:03

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

Comments List

  1. st.Ashley 2008/08/14 19:38 # M/D Reply Permalink

    seal타고 왔습니다 ㅎ.
    다음 블로거 뉴스는 한동안 큰 변화가 없다가 요즘 변화의 바람이 불고 있는 모양입니다.. 블로그란 건 나의 개인 공간인데 거기에 들어올거라면 좀 내가 만지작거릴 수 있다던가 예쁘다던가 하면 좋을텐데 ..
    다음 블로거 뉴스가 시작된지 꽤 됐는데도 그런 부분에 대한 고려가 없던 건 좀 아쉽네요 ^^; 기능적인 것만 고려하고 있는 느낌도 있구요 ㅎ 앞으로 좋게 바뀌겠지요

    1. 1stgood 2008/08/14 19:40 # M/D Permalink

      앗, Seal달고 오신 첫번째 손님이십니다. 오늘 달았거든요.
      반갑습니다. 바로 답방갑니다. 슝~~

  2. ppozzak 2008/08/27 18:14 # M/D Reply Permalink

    안녕하세요
    그토록 찾아 해매던 오아시스 같은 정보예요 ㅠ

    근데 스크립트 태그는 <head> 사이에 넣는 건가여?
    그리고
    nid 번호가 글마다 바뀌는데..잘 안되는데여
    안녕히계세요~ ^_^

    1. 1stgood 2008/08/27 21:06 # M/D Permalink

      <head>에 넣는 것이 아니라, <body>안쪽 어느 곳이든 상관이 없습니다.

      아래 코드는 스킨 파일에 넣어둡니다.
      <embed src="http://api.bloggernews.media.daum.net/static/recombox1.swf?nid=1591312" quality="high" bgcolor="#ffffff" width="400" height="80" type="application/x-shockwave-flash"></embed>


      그리고 글을 작성하실 때, html 모드로 들어가셔서, 맨 밑에 다음 코드를 넣으시면 됩니다.

      <script type="text/javascript">
      var blognews_nid = 1591312;
      </script>

      번호는 블로그 뉴스에 보내기 하신 후에 얻으실 수 있어요. 더 궁금한 것이 있으면 말씀해 주세요.

  3. ppozzak 2008/08/28 07:17 # M/D Reply Permalink

    아 알았어요 ^_^;
    간단한 것을 엉뚱하게 생각한 것 같아요..
    좋은 정보 감사합니다.

  4. PPoZZak 2008/09/06 01:18 # M/D Reply Permalink

    저번에 시도했다가 답글 설명을 듣고 그때는 이해하고 적용되었거든요...
    그런데 본문하고 어울리지 않아서 (믹시버튼때문에..) 포기하고 있다가..

    오늘 보니 http://blog.daum.net/bloggernews/13062447 버튼형 추천버튼이 있어서 다시 시도해 보았는데...어찌 된 건지 안되네요 -_-

    > 버튼을 삽입하고자 하는 위치에 맨 위의 소스를 넣고 (스킨편집에서..)
    > 퍼가기에서 나온 번호를 기억해두고
    > 글을 작성할 때 html 모드에서.. 위의 번호를 집어넣은 맨 아래의 소스를 넣으면 되는거 아닌가요

    순서는 맞는 것 같은데..(아..기본형 recombox1.swf, 버튼형 recombox3.swf 으로 바꿔서해봐도 둘 다 않되었어요 ㅠㅠ)

    1. 1stgood 2008/09/11 11:18 # M/D Permalink

      위 댓글에 나온 <embed 코드를 넣으시면 안됩니다. 제가 잘못 가르쳐드렸어요. 대신에 <script 로 되어있는 코드를 <body> 안에 넣으셔야 해요

  5. besttjerseys 2011/07/28 01:58 # M/D Reply Permalink

    <P>That they told <A title="Authentic Milan Lucic Jersey" href="http://www.officialbruinsshop.com/bruins-jerseys/milan-lucic-jersey-c-5_11.html">Authentic Milan Lucic Jersey</A> her while John p ended up being ahead of Freisler, nevertheless <A title="Official Phil Esposito Jersey" href="http://www.officialbruinsjerseysonline.com/bruins-jerseys-phil-esposito-jersey-c-5_8.html">Official Phil Esposito Jersey</A> the girl can't <A title="Authentic Dennis Wideman Jersey" href="http://www.officialbruinsshop.com/bruins-jerseys/dennis-wideman-jersey-c-5_7.html">Authentic Dennis Wideman Jersey</A> pick up the replies <A title="Tony Moeaki Jersey" href="http://www.officialnfljersey.com/kansas-city-chiefs-tony-moeaki-jersey-c-3_49_357.html">Tony Moeaki Jersey</A> any further when compared with that will in the <A title="Official Cam Neely Jersey" href="http://www.officialbruinsjerseysonline.com/bruins-jerseys-cam-neely-jersey-c-5_9.html">Official Cam Neely Jersey</A> people. The task <A title="Mavericks Josh Howard Jersey" href="http://www.maverickschampionjerseys.com/dallas-mavericks-jerseys/josh-howard-jersey-c-18_23.html">Mavericks Josh Howard Jersey</A> broken while using estimated sentence in your essay for you to loss of life. Marion gone household along <A title="BenJarvus Green-Ellis Jersey" href="http://www.officialnfljersey.com/new-england-patriots-benjarvus-greenellis-jersey-c-3_58_412.html">BenJarvus Green-Ellis Jersey</A> with composed a final page for you to your <A title="Authentic Patrice Bergeron Jersey" href="http://www.officialbruinsshop.com/bruins-jerseys/patrice-bergeron-jersey-c-5_15.html">Authentic Patrice Bergeron Jersey</A> ex hubby which in turn the girl <A title="Jeremy Shockey Jersey" href="http://www.officialnfljersey.com/new-orleans-saints-jeremy-shockey-jersey-c-3_61_435.html">Jeremy Shockey Jersey</A> privately maintained for <A title="Authentic Tyler Seguin Jersey" href="http://www.officialbruinsshop.com/bruins-jerseys/tyler-seguin-jersey-c-5_21.html">Authentic Tyler Seguin Jersey</A> you to Gestapo Home office.</P>

  6. besttjerseys 2011/07/28 01:58 # M/D Reply Permalink

    That they [url=http://www.officialbruinsshop.com/bruins-jerseys/patrice-bergeron-jersey-c-5_15.html]Authentic Patrice Bergeron Jersey[/url] told her while John p ended up being ahead of Freisler, [url=http://www.officialbruinsshop.com/bruins-jerseys/milan-lucic-jersey-c-5_11.html]Authentic Milan Lucic Jersey[/url] nevertheless the [url=http://www.officialnfljersey.com/new-england-patriots-benjarvus-greenellis-jersey-c-3_58_412.html]BenJarvus Green-Ellis Jersey[/url] girl can't pick up the replies [url=http://www.officialbruinsshop.com/bruins-jerseys/dennis-wideman-jersey-c-5_7.html]Authentic Dennis Wideman Jersey[/url] any further when [url=http://www.officialbruinsjerseysonline.com/bruins-jerseys-cam-neely-jersey-c-5_9.html]Official Cam Neely Jersey[/url] compared with that will in the [url=http://www.officialnfljersey.com/kansas-city-chiefs-tony-moeaki-jersey-c-3_49_357.html]Tony Moeaki Jersey[/url] people. [url=http://www.officialbruinsshop.com/bruins-jerseys/tyler-seguin-jersey-c-5_21.html]Authentic Tyler Seguin Jersey[/url] The task broken while using estimated sentence in your essay for you [url=http://www.officialbruinsjerseysonline.com/bruins-jerseys-phil-esposito-jersey-c-5_8.html]Official Phil Esposito Jersey[/url] to loss of life. Marion gone household along [url=http://www.maverickschampionjerseys.com/dallas-mavericks-jerseys/josh-howard-jersey-c-18_23.html]Mavericks Josh Howard Jersey[/url] with composed a final page for you to your ex hubby which in turn the girl privately maintained for you to Gestapo Home [url=http://www.officialnfljersey.com/new-orleans-saints-jeremy-shockey-jersey-c-3_61_435.html]Jeremy Shockey Jersey[/url] office.

  7. wholesale designer h 2011/11/23 16:43 # M/D Reply Permalink

    Wholesale handbag distributers of branded handbags deliver producers products and solutions to reseller outlets at a significantly more affordable fee. Suppliers are worried in production; their bottom enterprise is chiefly according to output.<A href="http://www.designerhandbagscheapest.com/">cheap handbags</A> Even if quite a few companies deliver wholesale price ranges for designer wholesale handbags, countless of them need a get minimal.<A href="http://www.designerhandbagscheapest.com/">cheap bags</A> Wholesale handbag distributers of designer handbags are engaged with allotting the branded wholesale handbag goods, and therefore are extra experienced and fiscally inspired to provide towards the reseller operator of an onlineinternet branded outfits save.
    Whitened/Red-colored 04 using the pink pattern and whitened nike logo design, its buttom of footwear also employ the pink color,however the primary color is whitened one the top, this coloring ways is fit around the sunshine . whenever you put on it, you may enjoy it, it might be allow you to fell grow tall ,because sole for shoes boost the transparent color cushion.<A href="http://www.shoestown.co.uk/">air max 90</A> You are able to discover other footwear for example. Nike air max 90 and Air Max 95 here.Air Max LTD footwear may be the Air Max running footwear new style, it is the return of cultural footwear. Air Max LTD is elevated and also the thickness from the cushion, wide footwear, play a much better stabilization effect.<A href="http://www.shoestown.co.uk/">nike air max 90</A> Air Max LTD, the primary feature is the fact that shes smaller sized design.

Leave a comment

블로그 이미지

실리콘밸리에 살고 있는 SW 엔지니어가 풀어 놓는 미국생활 이야기와 IT 관련 글을 보실 수 있습니다.

- 1stgood

Archives

Statistics Graph