블로그에 별점 위젯을 달아보자, JS-KIT

2007. 9. 5. 12:15블로그/블로그 디자인

포스트 하단이나 중간에 별점 위젯을 넣어 점수를 메길수 있도록 해주는 위젯이 있어 소개합니다. 조진광 기자님이 작성하신 PC사랑 9월호의 글을 보고 알게 되었습니다. 아직 모르시는 분들이 많아서 소개하게 되었어요. 저도 어디선가 본적은 있는데 실제로 소개할 생각은 안하고 뭘하고 있었는지! (퍽~) 재미삼아 자신이 찍은 사진이나 자신의 포스트에 점수를 메겨보게 하는 것도 좋을 것 같아요. 사용법이 무지무지 간단하기 때문에 초보자도 쉽게 따라서 해볼수 있으니 부담 갖지 마시고 달아 보세요. :D

☞ JS-KIT 웹사이트로 접속합니다. http://js-kit.com/ratings/ 아래의 화면이 나옵니다. 빨간색 박스로 표시된 곳에 있는 소스를 원하는 곳에 넣어주기만 하면 됩니다. 예를 들어 글쓰기를 누르고 글을 쓰다가 HTML 모드로 변경후 원하는 곳에 복사한 소스를 넣어주고 저장하면 됩니다. 1번은 두개로 나누어서 별점위젯을 보여주고 2번은 한개의 위젯으로 보여주는 것인데 빨간색 박스 밑에 있는 Customization 이라는 분류를 클릭하시면 상세 코드를 볼수가 있습니다.
사용자 삽입 이미지

☞ 화면 상단에 위치한 Customization 분류를 클릭했을때의 화면입니다. 여기서 모양별 코드를 얻을수가 있습니다. 별의 색상도 변경할수 있고 여러가지 옵션을 설정할수 있습니다. 무척 간단하고 유용하게 사용할수 있는 위젯입니다. :)
사용자 삽입 이미지
포스팅이 유익 하셨다면 블로거팁 닷컴을 구독하세요->
  • 프로필사진
    Favicon of http://www.ciyne.com BlogIcon ciyne2007.09.05 12:48

    크옷-0- 몇일전부터 찾고 있었는데, 마땅한게 없어 만들려고 했었던...-ㅅ-헤~
    고맙습니다.

  • 프로필사진
    Favicon of http://coolvoy.com BlogIcon 쿨보이2007.09.05 13:08

    음.. 이거 획기적이군요.^^~ 감사합니다.

  • 프로필사진
    Favicon of http://www.hansfamily.kr BlogIcon 마래바2007.09.05 13:51

    별점이라...
    갈 수록 블로그 등을 꾸밀 다양한 플러그인이나 위젯들이 많이 나오는군요.
    다 좋은데 이런 걸 달면 왠지 로딩이 조금 느려지는 것 같은 느낌이 들어서,,, 아직 망설이고 있습니다. ^^;;

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon Zet2007.09.06 01:53 신고

      넵 마래바님의 블로그는 글이 많기 때문에 로딩에 이상이 생길수도 있을 것 같아요 ^^

  • 프로필사진
    Favicon of http://design-enter.com/ BlogIcon 혀니2007.09.05 14:20

    오우 별점이라~^ 점점 재밋는 소스들이 많이 생기네요..

  • 프로필사진
    Favicon of http://ismvisualstudio.net/blog/freeism BlogIcon freeism2007.09.05 15:42

    와~ 재밌는 툴이네요 ^^
    함 달아봐야 겠습니다. ㅋㅋ
    좋은 정보 감사합니다~~

  • 프로필사진
    Favicon of http://nashimaryo.tistory.com BlogIcon nashimaryo2007.09.05 16:19

    Zet님 돌아오셨군요~ ^^
    블로그에 별점 위젯이라.. 역시 구미가 당기는;; 조금 여유가 있을 때 한번 시도해봐야겠어요~
    Zet님은 아직 별점 위젯을 달지는 않으셨나봐요~~ ㅎ

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon Zet2007.09.06 01:53 신고

      네! 여기에다가 한번 달아보는건데 아차싶어요~ㅋㅋ

  • 프로필사진
    Favicon of http://www.alonecrow.com/ BlogIcon 외로운까마귀2007.09.05 16:55

    오 좋은데.. 역시 로딩 속도의 압박 때문에... 해외 블로거들이 자주 사용하는거죠..

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon Zet2007.09.06 01:54 신고

      맞아요! 까마귀님 블로그는 리뷰블로그이기 때문에 달아보셔도 좋을듯! 근데 역시나 로딩의 압박이 기다리고 있군요~ orz

  • 프로필사진
    Favicon of http://crearti.tistory.com/ BlogIcon 크레아티2007.09.05 22:13

    돌아오셨군요~Zet님 ^^//
    좋은 팁이네요 :) 기회가 되면 함 달아봐야겠어요~~

  • 프로필사진
    Favicon of http://kazanarun.tistory.com BlogIcon kazanarun2007.09.05 22:40

    빛나라 지식의 별! 입니까.

    라기보다 전 그때 무한도전을 보고있지만....

  • 프로필사진
    Favicon of http://www.beneglo.com/blog BlogIcon Melling2007.09.07 22:05

    이거 올블로그 오른쪽 상단에 뜨는 거하고 비슷하네요 :)

  • 프로필사진
    알 수 없는 사용자2007.09.11 21:58

    옷!! 이거 좋네요^_^

  • 프로필사진
    Favicon of http://persiancat.tistory.com BlogIcon JooJoo2007.09.16 13:08

    좋은 정보 감사합니다~

  • 프로필사진
    Favicon of http://kpapageno.tistory.com BlogIcon 고도리2007.09.25 00:37

    질문이 하나 있는데요 ^^
    별점을 하면 카운팅이 안올라가는것 같은데 그건 어떻게 수정할수 있을까요?
    하는 방법을 아시면 좀 가르쳐 주시면 감사하겠습니다. ^^

    • 프로필사진
      Favicon of https://bloggertip.com BlogIcon Zet2007.09.25 12:17 신고

      고도리님 블로그에서 확인한결과 잘 올라가는데요!ㅋ