{"id":10242,"date":"2022-05-17T14:47:40","date_gmt":"2022-05-17T07:47:40","guid":{"rendered":"https:\/\/khaosat.me\/blog\/?p=10242"},"modified":"2025-09-08T15:52:09","modified_gmt":"2025-09-08T08:52:09","slug":"huong-dan-thiet-ke-giao-dien-khao-sat-tren-khaosat-me","status":"publish","type":"post","link":"https:\/\/khaosat.me\/blog\/huong-dan-thiet-ke-giao-dien-khao-sat-tren-khaosat-me\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf giao di\u1ec7n kh\u1ea3o s\u00e1t tr\u00ean Khaosat.me"},"content":{"rendered":"\n

\u0110\u1ec3 tr\u00e1nh tr\u01b0\u1eddng h\u1ee3p h\u00ecnh n\u1ec1n kh\u1ea3o s\u00e1t xem tr\u00ean m\u00e1y t\u00ednh th\u00ec \u0111\u1eb9p nh\u01b0ng khi m\u1edf b\u1eb1ng \u0111i\u1ec7n tho\u1ea1i b\u1ecb c\u1eaft m\u1ea5t n\u1ed9i dung hay h\u00ecnh n\u1ec1n qu\u00e1 n\u1ed5i l\u00e0m cho n\u1ed9i dung kh\u1ea3o s\u00e1t b\u1ecb ch\u00ecm kh\u00f3 \u0111\u1ecdc, b\u00e0i vi\u1ebft n\u00e0y s\u1ebd cung c\u1ea5p cho b\u1ea1n b\u1ed9 quy t\u1eafc thi\u1ebft k\u1ebf giao di\u1ec7n kh\u1ea3o s\u00e1t tr\u00ean n\u1ec1n t\u1ea3ng Khaosat.me.<\/p>\n\n\n\n

1. C\u1ea5u t\u1ea1o v\u00e0 c\u00e1c th\u00e0nh ph\u1ea7n thi\u1ebft k\u1ebf tr\u00ean kh\u1ea3o s\u00e1t<\/h2>\n\n\n\n

C\u00f3 4 th\u00e0nh ph\u1ea7n thi\u1ebft k\u1ebf tr\u00ean kh\u1ea3o s\u00e1t m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 tu\u1ef3 ch\u1ec9nh \u0111\u01b0\u1ee3c:<\/p>\n\n\n\n

  1. Logo th\u01b0\u01a1ng hi\u1ec7u<\/li>
  2. H\u00ecnh n\u1ec1n kh\u1ea3o s\u00e1t<\/li>
  3. M\u00e0u s\u1eafc ch\u1eef<\/li>
  4. M\u00e0u s\u1eafc n\u00fat b\u1ea5m<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    2. B\u1ed9 quy t\u1eafc khi thi\u1ebft k\u1ebf giao di\u1ec7n kh\u1ea3o s\u00e1t<\/h2>\n\n\n\n

    1. Logo th\u01b0\u01a1ng hi\u1ec7u<\/h3>\n\n\n\n

    V\u1ecb tr\u00ed: Logo t\u00e1ch r\u1eddi h\u00ecnh n\u1ec1n v\u00e0 s\u1ebd \u0111\u01b0\u1ee3c h\u1ec7 th\u1ed1ng c\u1ed1 \u0111\u1ecbnh v\u1ecb tr\u00ed \u1edf g\u00f3c tr\u00e1i tr\u00ean c\u00f9ng c\u1ee7a b\u1ea3ng kh\u1ea3o s\u00e1t c\u00e1ch m\u00e9p tr\u00ean v\u00e0 m\u00e9p tr\u00e1i 24px<\/p>\n\n\n\n

    K\u00edch th\u01b0\u1edbc: Chi\u1ec1u ngang (width) 500px.<\/p>\n\n\n\n

    Lo\u1ea1i: File PNG ho\u1eb7c Webp n\u1ec1n trong su\u1ed1t.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    2. H\u00ecnh n\u1ec1n<\/h3>\n\n\n\n

    K\u00edch th\u01b0\u1edbc: 1366 x 768px<\/p>\n\n\n\n

    Lo\u1ea1i: File JPEG ho\u1eb7c Webp<\/p>\n\n\n\n

    Khi thi\u1ebft k\u1ebf h\u00ecnh n\u1ec1n c\u1ea7n ch\u00fa \u00fd \u0111\u1ebfn responsive web design \u0111\u1ec3 ng\u01b0\u1eddi l\u00e0m kh\u1ea3o s\u00e1t v\u1eeba c\u00f3 th\u1ec3 m\u1edf tr\u00ean m\u00e1y t\u00ednh ho\u1eb7c \u0111i\u1ec7n tho\u1ea1i m\u00e0 h\u00ecnh n\u1ec1n kh\u00f4ng b\u1ecb c\u1eaft ngang n\u1ed9i dung g\u00e2y kh\u00f3 ch\u1ecbu. H\u00ecnh n\u1ec1n n\u00ean \u0111\u01a1n gi\u1ea3n v\u00e0 c\u00e1c ho\u1ea1 ti\u1ebft n\u00ean n\u1eb1m trong c\u00e1c khung b\u00ean d\u01b0\u1edbi.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    L\u1ed7i th\u01b0\u1eddng g\u1eb7p khi thi\u1ebft k\u1ebf h\u00ecnh n\u1ec1n kh\u1ea3o s\u00e1t<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Trong h\u00ecnh v\u00ed d\u1ee5 tr\u00ean, h\u00ecnh n\u1ec1n tr\u00ean \u0111i\u1ec7n tho\u1ea1i b\u1ecb c\u1eaft m\u1ea5t n\u1ed9i dung t\u1ea1i v\u00ed tr\u00ed 1. Ngo\u00e0i ra do h\u00ecnh n\u1ec1n ch\u1ee9a c\u00e1c th\u00f4ng tin ph\u1ee9c t\u1ea1p n\u00ean n\u1ed9i dung kh\u1ea3o s\u00e1t v\u00e0 n\u1ed9i dung h\u00ecnh n\u1ec1n b\u1ecb tr\u1ed9n l\u1eabn v\u00e0o nhau \u1edf v\u1ecb tr\u00ed 2 khi\u1ebfn cho ng\u01b0\u1eddi \u0111\u1ecdc b\u1ecb r\u1ed1i<\/p>\n\n\n\n

    3. M\u00e0u ch\u1eef v\u00e0 m\u00e0u n\u00fat b\u1ea5m<\/h3>\n\n\n\n

    B\u1ea1n \u0111\u01b0\u1ee3c tu\u1ef3 ch\u1ec9nh m\u00e0u ch\u1eef v\u00e0 m\u00e0u c\u1ee7a n\u00fat b\u1ea5m cho \u0111\u1ed3ng b\u1ed9 v\u1edbi b\u1ed9 nh\u1eadn d\u1ea1ng th\u01b0\u01a1ng hi\u1ec7u c\u1ee7a b\u1ea1n. Khi thi\u1ebft k\u1ebf b\u1ea1n c\u1ea7n x\u00e1c \u0111\u1ecbnh m\u00e3 m\u00e0u HEX \u0111\u1ec3 nh\u1eadp l\u00ean tr\u00ean h\u1ec7 th\u1ed1ng nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi<\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    \u0110\u1ec3 tr\u00e1nh tr\u01b0\u1eddng h\u1ee3p h\u00ecnh n\u1ec1n kh\u1ea3o s\u00e1t xem tr\u00ean m\u00e1y t\u00ednh th\u00ec \u0111\u1eb9p nh\u01b0ng khi m\u1edf b\u1eb1ng…<\/p>\n","protected":false},"author":2,"featured_media":10251,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"yst_prominent_words":[1487],"class_list":["post-10242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-huong-dan","content-wrap"],"_links":{"self":[{"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/posts\/10242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/comments?post=10242"}],"version-history":[{"count":5,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/posts\/10242\/revisions"}],"predecessor-version":[{"id":11431,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/posts\/10242\/revisions\/11431"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/media\/10251"}],"wp:attachment":[{"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/media?parent=10242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/categories?post=10242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/tags?post=10242"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/khaosat.me\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=10242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}