블로거팁닷컴

티스토리 Best of Best 블로그


블로그 포스트에 투표 기능 삽입하기, 99POLLS

블로그에 삽입하는 투표 위젯은 두차례에 거쳐 소개해 드린 경험이 있습니다. 이번에 소개해 드리는 투표 위젯의 특징이라면 질문에 대한 선택문항 9개까지 생성이 가능하다는 것과 한글을 문제없이 지원한다는 것 그리고 설치가 무척 간단하다는 것입니다. 이전에 소개해 드린 두개의 투표 위젯은 관련 포스트로 링크해 놓을테니 관심 있으신 분은 링크를 클릭하시면 되겠습니다. 이 포스트 하단에 보시면 대략 어떤 모양으로 나오는지 보실수 있어요. 그럼 오늘도 행복한 하루 되세요.



관련포스트1>
블로그에 예쁜 투표란을 넣어보자, 폴대디 위젯
관련포스트2> 블로그에 깔끔한 투표 위젯을 달아보자, VIZU

☞ 99POLS로 접속합니다. http://www.99polls.com/ 접속하시면 아래의 화면이 보이실거에요. 빨간색으로 체크된 부분을 클릭합니다.

사용자 삽입 이미지


☞ 이메일 주소 입력, 패스워드 입력 그리고 한번 더 입력 순으로 입력을 마치고난 후 파란색 버튼을 누릅니다.

사용자 삽입 이미지


☞ 투표창을 만들어 보고 싶다면 누르랍니다. 링크 부분을 클릭하고 다음 단계로 이동합니다.

사용자 삽입 이미지


☞ 설명이 쉽도록 숫자를 메겨놓았습니다. 1번에서는 테마라고 해서 투표 디자인을 고르는 거에요. 우측에 보이는 프리뷰 화면이 변경되면서 한눈에 알아볼수 있습니다. 2번에서는 질문사항을 입력해 줍니다. 3번에서는 답변항목을 입력해 주시면 됩니다. 4번은 태그 입력창인데요. 99POLLS 회원들이 이 투표창을 검색할때의 키워드를 입력해 주는 곳입니다. 그냥 암꺼나 입력해 주면 되요. (영어로 입력해야 정상적으로 이용 가능함) 다 되셨으면 5번의 SAVE 버튼을 눌러 저장합니다.

사용자 삽입 이미지


☞ 1번 항목에 HTML 코드가 생성된 모습이 보입니다. 2번은 완성된 투표창의 모습이에요. 1번의 코드를 포스트에 저장해 주시면 투표란이 보이게 됩니다. 완성된 모습을 확인해 볼까요?

사용자 삽입 이미지


☞ 아래 투표창이 보이시죠? 한표 부탁드려요! :D



포스팅이 유익 하셨다면 블로거팁 닷컴을 구독하세요->


댓글을 달아 주세요

  1. Favicon of http://kkd4139.tistory.com BlogIcon 권대리

    음... 저한테 유용한 팁이 되겠어요..^^
    나중에 설문조사 할때 사용하면 좋을듯...

    사용하기도 쉽게 되어있는듯 하네요~ㅎㅎ

    눈이 많이 내리는 아침 출근길었는데,
    따뜻한 차한잔으로 오늘하루도 홧팅입니다!!

     ×  +
  2. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    권대리님 큐팅 배너보고 사이트 들어가 봤습니다.
    아무쪼록 하시는일 잘 되었으면 좋겠습니다.

     ×
  3. Favicon of http://alponglog.com BlogIcon 알퐁손

    현재 09시 04분.. 좋아요!의 64% 지지율 -0-
    이걸로 가끔 의견을 물어볼때 투표에 유용하겠내요. :)
    요런게 있었으면.. 하는 생각이 있었었는데ㅎㅎ
    좋은 정보 하나 낚아(?) 갑니다~~~:)

     ×  +
  4. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    ㅋㅋ 50대 50에서 그래도 조금 긍정적으로 상황이 변했어요. 그래도 막상막하 -_-ㅋㅋ

     ×
  5. Favicon of http://ganum.tistory.com BlogIcon 가눔

    시험삼아 별룬데에 한 표 던졌더니 1%가 올라갔군요.^^
    설문조사할때 써먹어야지 하고 생각해뒀었는데 막상 그런 류의 포스트를 올릴 일이 없어서
    그간 완전히 잊어버리고 있었습니다.ㄷㄷㄷ
    잘 기억해둬야겠네요. ;)

     ×  +
  6. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    위에 소개된 다른 투표 위젯이 디자인면에선 더 이쁘니 나중에 사용하실때 참고해 주세요.

     ×
  7. Favicon of http://differenttastes.tistory.com BlogIcon 신어지

    주간 개봉영화 옥석 가리기를 투표 위젯으로 마무리해봐야겠어요.
    이번 주에 보고싶은 단 한 편의 영화는? ^^

     ×  +
  8. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    이번주에 보고 싶은 단 한편의 영화 투표 참여할게요.

     ×
  9. Favicon of http://blog.ebuzz.co.kr BlogIcon Buzz

    #님의 해당 포스트가 3/4일 버즈블로그 메인 헤드라인으로 링크되었습니다.

     ×  +
  10. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    전 #이 아니에요.

     ×
  11. Favicon of http://louislake.tistory.com BlogIcon hopsky

    저도 제가 포스팅하는 그림에 투표를 한번 ㅎ

     ×  +
  12. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    그림을 그리시나봐요!

     ×
  13. Favicon of http://marketings.co.kr BlogIcon 마케팅스

    허걱 .. 안그래도 블로그에 그런기능 있었음 좋겠다 생각했는데, 괜찮군요 !!! 블로거팁닷컴님은 블로그계의 무릎팍 .. ㅎ 이번컨퍼런스에서 무슨말씀 해주실지 기대하고 갈려하는데 1차에서 미끄러졌다는 .. 2차때 붙으면 좋겠습니다 (^^)

     ×  +
  14. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    ㅋㅋ 이로서 넷물고기님까지 두분 확보! ㅡ..ㅡ

     ×
  15. Favicon of http://newmedia20mct.tistory.com BlogIcon 노운

    저희팀 블로그에 적용하면 유용하게 사용할 수 있을 것 같습니다.
    제가 해 낼 수 있을지는 모르겠습니다만....;;
    좋은 정보 감사드리구요, 혹시 연극 좋아하시면 트랙백 참고하세요.^^

     ×  +
  16. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    연극은 좋아하는데 여기가 지방이라서요.
    트랙백 감사합니다. ^..^

     ×
  17. Favicon of http://buldackcamera.tistory.com BlogIcon 불닭

    한번 지내보면서 붙여봐야 할듯합니다. ㅋ

     ×  +
  18. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    불닭님은 어떤 투표 주제를 포스팅할까요?

     ×
  19. Favicon of http://blutom.com BlogIcon 파란토마토

    투표 기능 참 좋지요^^ 저는 이거 말고 다른 곳에서 투표 기능 썼지만요..

     ×  +
  20. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    그렇군요. ^^

     ×
  21. Favicon of http://mongdd.tistory.com BlogIcon 몽땅군

    오호라...디자인만 좀 더 다듬으면 좋겠어요...:)

     ×  +
  22. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    디자인은 비쥬나 폴대디가 더 예쁜 것 같아요. :)

     ×
  23. Favicon of http://bugnee.tistory.com/ BlogIcon 버그니?

    재미있는 위젯이군요.

     ×  +
  24. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    간단해서 좋더라구요. ^^

     ×
  25. Favicon of http://blutom.com BlogIcon 파란토마토

    ZET님, 안녕하세요. 통계툴 모음 소개 드디어 다 작성했습니다. http://blutom.com/455
    캡처는 ZET님께서 대답을 안해주시길래 제가 직접 했었거든요.
    그런데 나중에라도 허락해주신 ZET님께 고마워서 한장만 썼습니다.

    와... 다 모아서 하려니 정말 힘드네요.
    이 놈의 편집증;;;;;; 그냥 하나씩 하려면 남들이 다 한 건데 싶어서
    이왕 하는 거 다하자.. 맘먹고 했더니 헥헥..... 게시물 번호 좀 보세요;;
    새 게시물보다 100번이나 뒷번호입니다..

     ×  +
  26. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    참 대단한 열정입니다. ^^

     ×
  27. Favicon of http://diarix.tistory.com BlogIcon 그리스인마틴

    앗 새로운 투표사이트군요.
    한번 해보고 싶은데도 투표할만한 아이템이 없네요.
    디자인이 상당히 깔끔하네요.
    좋은 곳 소개해주셔서 감사합니다.

     ×  +
  28. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    외계인에 관한 투표를 진행하면 외계인도 와서 투표하지 않을까요? 영국에서 UFO 발견된거 보고 그리스인 마틴님 생각이 나더군요. ^^

     ×
  29. Favicon of http://yasu.tistory.com BlogIcon Yasu

    음... 카페에서 활용해도 좋겠군요..^^

     ×  +
  30. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    넵 무척 간단해서 좋습니다. ^^

     ×
  31. Favicon of http://allmask.tistory.com BlogIcon 생각하는사람

    하나 만들어서 제 글에 넣었습니다. ㅎㅎ

     ×  +
  32. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    잘 하셨습니다. ^-^

     ×
  33. ㄹㄹ

    출처를 표기하고 본문 퍼가도 되나요?

     ×  +
  34. Favicon of http://bloggertip.com BlogIcon 블로그의 신 Zet

    출처만 남기시면 얼마든 좋습니다. :)

     ×