{"id":284,"date":"2026-08-08T06:57:19","date_gmt":"2026-08-08T06:57:19","guid":{"rendered":"https:\/\/app.mitunet.com\/home\/?page_id=284"},"modified":"2026-08-15T10:45:04","modified_gmt":"2026-08-15T03:45:04","slug":"ky-tu-dac-biet","status":"publish","type":"page","link":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/","title":{"rendered":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row stretch_row_1400 td-stretch-content\"><div class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span8 td-is-sticky\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" data-sticky-enabled-on=\"W3RydWUsdHJ1ZSx0cnVlLHRydWVd\" data-sticky-offset=\"20\" data-sticky-is-width-auto=\"W2ZhbHNlLGZhbHNlLGZhbHNlLGZhbHNlXQ==\"><div class=\"vc_row_inner tdi_8  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_8{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_8,\r\n\t\t\t\t.tdi_8 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_8 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_8{\n--tdb-scroll-anim:none !important;\n}\n\n.tdi_8 .td_block_wrap{ text-align:left }\n\n<\/style><div class=\"vc_column_inner tdi_10  wpb_column vc_column_container tdc-inner-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_10{\r\n                    vertical-align: baseline;\r\n                }.tdi_10 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_10 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_10 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_10{\nmargin-bottom:-50px !important;\n--tdb-scroll-anim:none !important;\n}\n\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"td_block_wrap td_block_text_with_title tdi_11 tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_11\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_11{\npadding-top:10px !important;\npadding-right:5px !important;\npadding-bottom:10px !important;\npadding-left:5px !important;\njustify-content:center !important;\ntext-align:center !important;\n--tdb-scroll-anim:none !important;\nposition:relative;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.td_block_text_with_title{\r\n                  margin-bottom: 44px;\r\n                  -webkit-transform: translateZ(0);\r\n                  transform: translateZ(0);\r\n                }.td_block_text_with_title p:last-child{\r\n                  margin-bottom: 0;\r\n                }.tdi_11 h1{\r\n\t\t\t        font-family:Baskerville, \"Times New Roman\", Times, serif !important;font-style:italic !important;font-weight:600 !important;\r\n\t\t        }\n<\/style>\n<div class=\"tdi_11_rand_style td-element-style\"><style>\n.tdi_11_rand_style{\nbackground-color:rgba(226,220,213,0.51) !important;\n}\n <\/style><\/div><div class=\"td-block-title-wrap\"><\/div><div class=\"td_mod_wrap td-fix-index\"><h1>C\u00f4ng C\u1ee5 T\u1ea1o K\u00fd T\u1ef1 \u0110\u1eb7c Bi\u1ec7t, T\u1ea1o T\u00ean C\u00f3 K\u00ed Hi\u1ec7u \u0110\u1eb7c Bi\u1ec7t<\/h1>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row_inner tdi_13  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_13{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_13,\r\n\t\t\t\t.tdi_13 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_13 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_15  wpb_column vc_column_container tdc-inner-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_15{\r\n                    vertical-align: baseline;\r\n                }.tdi_15 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_15 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_15 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper wpb_text_column td_block_wrap td_block_wrap vc_column_text tdi_16  tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_16\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_16{\npadding-top:20px !important;\n--tdb-scroll-anim:none !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.vc_column_text > .td-element-style{\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t}\n<\/style><div class=\"td-fix-index\"><p>M\u1ed9t c\u00e1i t\u00ean \u0111\u1eb9p v\u00e0 kh\u00e1c bi\u1ec7t c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n t\u1ea1o d\u1ea5u \u1ea5n ri\u00eang khi ch\u01a1i game ho\u1eb7c s\u1eed d\u1ee5ng m\u1ea1ng x\u00e3 h\u1ed9i. **C\u00f4ng c\u1ee5 t\u1ea1o t\u00ean k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t** gi\u00fap b\u1ea1n nhanh ch\u00f3ng bi\u1ebfn t\u00ean th\u00f4ng th\u01b0\u1eddng th\u00e0nh nh\u1eefng nickname \u0111\u1ed9c \u0111\u00e1o v\u1edbi nhi\u1ec1u ki\u1ec3u ch\u1eef, bi\u1ec3u t\u01b0\u1ee3ng v\u00e0 k\u00fd t\u1ef1 \u0111\u1eb9p m\u1eaft. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp t\u00ean, ch\u1ecdn phong c\u00e1ch y\u00eau th\u00edch v\u00e0 sao ch\u00e9p k\u1ebft qu\u1ea3 \u0111\u1ec3 s\u1eed d\u1ee5ng m\u00e0 kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t th\u00eam ph\u1ea7n m\u1ec1m.<\/p>\n<p>H\u00e3y nh\u1eadp t\u00ean c\u1ee7a b\u1ea1n v\u00e0o b\u00ean d\u01b0\u1edbi, sau \u0111\u00f3 ch\u1ecdn c\u00e1c k\u00fd t\u1ef1 tr\u01b0\u1edbc, gi\u1eefa, font ch\u1eef, k\u00fd t\u1ef1 sau, h\u1ec7 th\u1ed1ng s\u1ebb t\u1ef1 \u0111\u1ed9ng <strong>t\u1ea1o t\u00ean ch\u1ee9a k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t<\/strong>.<\/p>\n<\/div><\/div><div class=\"wpb_wrapper wpb_text_column td_block_wrap td_block_wrap vc_column_text tdi_17  tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_17\" ><div class=\"td-fix-index\">\n<div id=\"tnkd-app\">\n\n    <!-- =================================================\n         MAIN BOX\n    ================================================= -->\n\n    <div class=\"tnkd-box\">\n\n        <!-- =================================================\n             HEADING\n        ================================================= -->\n\n        <div class=\"tnkd-heading\">\n            T\u1ea1o t\u00ean k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t\n        <\/div>\n\n        <div class=\"tnkd-description\">\n            Nh\u1eadp t\u00ean c\u1ee7a b\u1ea1n, sau \u0111\u00f3\n            <strong>nh\u1ea5n v\u00e0o c\u00e1c \u00f4 b\u00ean d\u01b0\u1edbi<\/strong>\n            \u0111\u1ec3 ch\u1ecdn k\u00fd t\u1ef1 v\u00e0 ki\u1ec3u ch\u1eef\n        <\/div>\n\n\n        <!-- =================================================\n             INPUT\n        ================================================= -->\n\n        <div class=\"tnkd-input-wrap\">\n\n            <input\n                type=\"text\"\n                id=\"tnkd-name\"\n                maxlength=\"40\"\n                placeholder=\"Nh\u1eadp t\u00ean c\u1ee7a b\u1ea1n...\"\n                autocomplete=\"off\"\n            >\n\n            <span class=\"tnkd-counter\">\n                <span id=\"tnkd-count\">0<\/span>\/40\n            <\/span>\n\n            <button\n                type=\"button\"\n                id=\"tnkd-clear\"\n                class=\"tnkd-clear\"\n                aria-label=\"X\u00f3a t\u00ean\"\n            >\n                \u00d7\n            <\/button>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CUSTOMIZE HEADING\n        ================================================= -->\n\n        <div class=\"tnkd-customize-heading\">\n\n            <div class=\"tnkd-customize-title\">\n                T\u00f9y ch\u1ec9nh t\u00ean\n            <\/div>\n\n            <div class=\"tnkd-customize-hint\">\n                <span class=\"tnkd-hint-dot\"><\/span>\n                Nh\u1ea5n v\u00e0o t\u1eebng \u00f4 \u0111\u1ec3 ch\u1ecdn\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CONTROLS\n        ================================================= -->\n\n        <div class=\"tnkd-controls\">\n\n\n            <!-- K\u00dd T\u1ef0 TR\u01af\u1edaC -->\n\n            <button\n                type=\"button\"\n                class=\"tnkd-control\"\n                data-picker=\"before\"\n                aria-label=\"Ch\u1ecdn k\u00fd t\u1ef1 tr\u01b0\u1edbc t\u00ean\"\n                aria-haspopup=\"dialog\"\n            >\n\n                <span class=\"tnkd-control-icon\">\n                    \u2726\n                <\/span>\n\n                <span class=\"tnkd-control-content\">\n\n                    <span class=\"tnkd-control-label\">\n                        K\u00fd t\u1ef1 tr\u01b0\u1edbc t\u00ean\n                    <\/span>\n\n                    <strong id=\"tnkd-before-value\">\n                        Kh\u00f4ng c\u00f3\n                    <\/strong>\n\n                    <span class=\"tnkd-control-action\">\n                        Nh\u1ea5n \u0111\u1ec3 ch\u1ecdn\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"tnkd-control-arrow\">\n                    \u203a\n                <\/span>\n\n            <\/button>\n\n\n            <!-- K\u00dd T\u1ef0 GI\u1eeeA -->\n\n            <button\n                type=\"button\"\n                class=\"tnkd-control\"\n                data-picker=\"middle\"\n                aria-label=\"Ch\u1ecdn k\u00fd t\u1ef1 gi\u1eefa t\u00ean\"\n                aria-haspopup=\"dialog\"\n            >\n\n                <span class=\"tnkd-control-icon\">\n                    \u2728\n                <\/span>\n\n                <span class=\"tnkd-control-content\">\n\n                    <span class=\"tnkd-control-label\">\n                        K\u00fd t\u1ef1 gi\u1eefa t\u00ean\n                    <\/span>\n\n                    <strong id=\"tnkd-middle-value\">\n                        Kh\u00f4ng c\u00f3\n                    <\/strong>\n\n                    <span class=\"tnkd-control-action\">\n                        Nh\u1ea5n \u0111\u1ec3 ch\u1ecdn\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"tnkd-control-arrow\">\n                    \u203a\n                <\/span>\n\n            <\/button>\n\n\n            <!-- FONT -->\n\n            <button\n                type=\"button\"\n                class=\"tnkd-control\"\n                data-picker=\"font\"\n                aria-label=\"Ch\u1ecdn ki\u1ec3u ch\u1eef\"\n                aria-haspopup=\"dialog\"\n            >\n\n                <span class=\"tnkd-control-icon tnkd-font-icon\">\n                    Aa\n                <\/span>\n\n                <span class=\"tnkd-control-content\">\n\n                    <span class=\"tnkd-control-label\">\n                        Ki\u1ec3u ch\u1eef\n                    <\/span>\n\n                    <strong id=\"tnkd-font-value\">\n                        M\u1eb7c \u0111\u1ecbnh\n                    <\/strong>\n\n                    <span class=\"tnkd-control-action\">\n                        Nh\u1ea5n \u0111\u1ec3 ch\u1ecdn\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"tnkd-control-arrow\">\n                    \u203a\n                <\/span>\n\n            <\/button>\n\n\n            <!-- K\u00dd T\u1ef0 SAU -->\n\n            <button\n                type=\"button\"\n                class=\"tnkd-control\"\n                data-picker=\"after\"\n                aria-label=\"Ch\u1ecdn k\u00fd t\u1ef1 sau t\u00ean\"\n                aria-haspopup=\"dialog\"\n            >\n\n                <span class=\"tnkd-control-icon\">\n                    \u2726\n                <\/span>\n\n                <span class=\"tnkd-control-content\">\n\n                    <span class=\"tnkd-control-label\">\n                        K\u00fd t\u1ef1 sau t\u00ean\n                    <\/span>\n\n                    <strong id=\"tnkd-after-value\">\n                        Kh\u00f4ng c\u00f3\n                    <\/strong>\n\n                    <span class=\"tnkd-control-action\">\n                        Nh\u1ea5n \u0111\u1ec3 ch\u1ecdn\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"tnkd-control-arrow\">\n                    \u203a\n                <\/span>\n\n            <\/button>\n\n        <\/div>\n\n\n        <!-- =================================================\n             PREVIEW\n        ================================================= -->\n\n        <div class=\"tnkd-preview-section\">\n\n            <div class=\"tnkd-section-heading\">\n                Xem tr\u01b0\u1edbc\n            <\/div>\n\n            <div class=\"tnkd-preview-hint\">\n                T\u00ean s\u1ebd \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt ngay khi b\u1ea1n thay \u0111\u1ed5i l\u1ef1a ch\u1ecdn\n            <\/div>\n\n            <div\n                id=\"tnkd-preview\"\n                class=\"tnkd-preview\"\n            >\n                T\u00ean c\u1ee7a b\u1ea1n\n            <\/div>\n\n            <button\n                type=\"button\"\n                id=\"tnkd-copy-preview\"\n                class=\"tnkd-copy-main\"\n            >\n                Sao ch\u00e9p t\u00ean\n            <\/button>\n\n        <\/div>\n\n\n        <!-- =================================================\n             RESULTS\n        ================================================= -->\n\n        <div class=\"tnkd-result-heading\">\n\n            <div>\n\n                <strong>\n                    C\u00e1c m\u1eabu t\u00ean \u0111\u1eb7c bi\u1ec7t\n                <\/strong>\n\n                <span>\n                    Ch\u1ecdn m\u1eabu b\u1ea1n th\u00edch v\u00e0 sao ch\u00e9p\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div\n            id=\"tnkd-results\"\n            class=\"tnkd-results\"\n        ><\/div>\n\n\n        <button\n            type=\"button\"\n            id=\"tnkd-more\"\n            class=\"tnkd-more\"\n        >\n            Xem th\u00eam m\u1eabu\n        <\/button>\n\n    <\/div>\n\n\n    <!-- =================================================\n         POPUP\n    ================================================= -->\n\n    <div\n        id=\"tnkd-overlay\"\n        class=\"tnkd-overlay\"\n        aria-hidden=\"true\"\n    >\n\n        <div\n            id=\"tnkd-modal\"\n            class=\"tnkd-modal\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n        >\n\n            <!-- HEADER -->\n\n            <div class=\"tnkd-modal-header\">\n\n                <div>\n\n                    <strong id=\"tnkd-modal-title\">\n                        Ch\u1ecdn ki\u1ec3u ch\u1eef\n                    <\/strong>\n\n                    <span id=\"tnkd-modal-subtitle\">\n                        Ch\u1ecdn ki\u1ec3u b\u1ea1n mu\u1ed1n s\u1eed d\u1ee5ng\n                    <\/span>\n\n                <\/div>\n\n                <button\n                    type=\"button\"\n                    id=\"tnkd-close\"\n                    class=\"tnkd-close\"\n                    aria-label=\"\u0110\u00f3ng\"\n                >\n                    \u00d7\n                <\/button>\n\n            <\/div>\n\n\n            <!-- SEARCH -->\n\n            <div class=\"tnkd-search-wrap\">\n\n                <div class=\"tnkd-search-icon\">\n                    \u2315\n                <\/div>\n\n                <input\n                    type=\"text\"\n                    id=\"tnkd-search\"\n                    placeholder=\"T\u00ecm k\u00fd t\u1ef1 ho\u1eb7c ki\u1ec3u ch\u1eef...\"\n                    autocomplete=\"off\"\n                >\n\n            <\/div>\n\n\n            <!-- CONTENT -->\n\n            <div\n                id=\"tnkd-modal-content\"\n                class=\"tnkd-modal-content\"\n            ><\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =================================================\n         TOAST\n    ================================================= -->\n\n    <div\n        id=\"tnkd-toast\"\n        class=\"tnkd-toast\"\n    >\n        \u0110\u00e3 sao ch\u00e9p!\n    <\/div>\n\n<\/div>\n\n\n<!-- =====================================================\n     CSS\n===================================================== -->\n\n<style>\n\n#tnkd-app {\n\n    width:100%;\n\n    max-width:900px;\n\n    margin:30px auto;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    color:#202124;\n\n    position:relative;\n\n}\n\n\n#tnkd-app *,\n#tnkd-app *::before,\n#tnkd-app *::after {\n\n    box-sizing:border-box;\n\n}\n\n\n\/* =====================================================\n   MAIN BOX\n===================================================== *\/\n\n.tnkd-box {\n\n    position:relative;\n\n    background:#fff;\n\n    border:1px solid #e4e4e4;\n\n    border-radius:22px;\n\n    padding:30px;\n\n    box-shadow:\n        0 12px 40px\n        rgba(0,0,0,.065);\n\n}\n\n\n\/* =====================================================\n   HEADING\n===================================================== *\/\n\n.tnkd-heading {\n\n    text-align:center;\n\n    font-size:29px;\n\n    line-height:1.3;\n\n    font-weight:800;\n\n    margin-bottom:8px;\n\n    color:#171717;\n\n}\n\n\n.tnkd-description {\n\n    text-align:center;\n\n    font-size:14px;\n\n    line-height:1.6;\n\n    color:#777;\n\n    margin-bottom:25px;\n\n}\n\n\n.tnkd-description strong {\n\n    color:#555;\n\n    font-weight:700;\n\n}\n\n\n\/* =====================================================\n   INPUT\n===================================================== *\/\n\n.tnkd-input-wrap {\n\n    position:relative;\n\n    margin-bottom:23px;\n\n}\n\n\n#tnkd-name {\n\n    display:block;\n\n    width:100%;\n\n    height:60px;\n\n    border:1px solid #dcdcdc;\n\n    border-radius:14px;\n\n    background:#fff;\n\n    color:#222;\n\n    font-size:17px;\n\n    padding:\n        0\n        75px\n        0\n        17px;\n\n    outline:none;\n\n    transition:\n        border-color .18s ease,\n        box-shadow .18s ease,\n        background .18s ease;\n\n}\n\n\n#tnkd-name::placeholder {\n\n    color:#999;\n\n}\n\n\n#tnkd-name:hover {\n\n    border-color:#c9c9c9;\n\n}\n\n\n#tnkd-name:focus {\n\n    border-color:#777;\n\n    background:#fff;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(0,0,0,.055);\n\n}\n\n\n.tnkd-counter {\n\n    position:absolute;\n\n    right:43px;\n\n    bottom:8px;\n\n    font-size:11px;\n\n    color:#999;\n\n}\n\n\n.tnkd-clear {\n\n    position:absolute;\n\n    top:50%;\n\n    right:10px;\n\n    transform:\n        translateY(-50%);\n\n    width:29px;\n\n    height:29px;\n\n    padding:0;\n\n    border:0;\n\n    border-radius:50%;\n\n    background:#f0f0f0;\n\n    color:#777;\n\n    font-size:20px;\n\n    line-height:29px;\n\n    cursor:pointer;\n\n    display:none;\n\n}\n\n\n.tnkd-clear:hover {\n\n    background:#e5e5e5;\n\n    color:#222;\n\n}\n\n\n\/* =====================================================\n   CUSTOMIZE HEADING\n===================================================== *\/\n\n.tnkd-customize-heading {\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:15px;\n\n    margin-bottom:11px;\n\n}\n\n\n.tnkd-customize-title {\n\n    color:#222;\n\n    font-size:17px;\n\n    font-weight:750;\n\n}\n\n\n.tnkd-customize-hint {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:6px;\n\n    color:#888;\n\n    font-size:11px;\n\n}\n\n\n.tnkd-hint-dot {\n\n    width:7px;\n\n    height:7px;\n\n    display:inline-block;\n\n    border-radius:50%;\n\n    background:#222;\n\n}\n\n\n\/* =====================================================\n   CONTROLS\n===================================================== *\/\n\n.tnkd-controls {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    gap:12px;\n\n    margin-bottom:26px;\n\n}\n\n\n\/*\n * CONTROL CARD\n *\n * \u0110\u00e2y l\u00e0 n\u00fat m\u1edf popup.\n * Thi\u1ebft k\u1ebf gi\u1ed1ng m\u1ed9t \"th\u1ebb l\u1ef1a ch\u1ecdn\"\n * \u0111\u1ec3 ng\u01b0\u1eddi d\u00f9ng hi\u1ec3u ngay c\u00f3 th\u1ec3 click.\n *\/\n\n.tnkd-control {\n\n    position:relative;\n\n    min-height:114px;\n\n    display:flex;\n\n    align-items:center;\n\n    gap:10px;\n\n    width:100%;\n\n    padding:15px 12px;\n\n    border:1px solid #dedede;\n\n    border-radius:16px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff 0%,\n            #fafafa 100%\n        );\n\n    color:#222;\n\n    text-align:left;\n\n    cursor:pointer;\n\n    overflow:hidden;\n\n    transition:\n        border-color .18s ease,\n        background .18s ease,\n        box-shadow .18s ease,\n        transform .18s ease;\n\n}\n\n\n.tnkd-control::before {\n\n    content:\"\";\n\n    position:absolute;\n\n    left:0;\n\n    top:0;\n\n    width:100%;\n\n    height:3px;\n\n    background:#222;\n\n    opacity:.08;\n\n    transition:\n        opacity .18s ease;\n\n}\n\n\n.tnkd-control:hover {\n\n    background:#fff;\n\n    border-color:#bdbdbd;\n\n    box-shadow:\n        0 8px 22px\n        rgba(0,0,0,.07);\n\n    transform:\n        translateY(-2px);\n\n}\n\n\n.tnkd-control:hover::before {\n\n    opacity:.25;\n\n}\n\n\n.tnkd-control:active {\n\n    transform:\n        translateY(0);\n\n    box-shadow:\n        0 3px 10px\n        rgba(0,0,0,.05);\n\n}\n\n\n.tnkd-control:focus-visible {\n\n    outline:none;\n\n    border-color:#777;\n\n    box-shadow:\n        0 0 0 3px\n        rgba(0,0,0,.08);\n\n}\n\n\n\/* =====================================================\n   CONTROL ICON\n===================================================== *\/\n\n.tnkd-control-icon {\n\n    flex-shrink:0;\n\n    width:39px;\n\n    height:39px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:11px;\n\n    background:#f0f0f0;\n\n    color:#222;\n\n    font-size:21px;\n\n    line-height:1;\n\n    transition:\n        background .18s ease,\n        color .18s ease,\n        transform .18s ease;\n\n}\n\n\n.tnkd-font-icon {\n\n    font-size:17px;\n\n    font-weight:800;\n\n    letter-spacing:-1px;\n\n}\n\n\n.tnkd-control:hover\n.tnkd-control-icon {\n\n    background:#e7e7e7;\n\n    transform:\n        scale(1.04);\n\n}\n\n\n\/* =====================================================\n   CONTROL CONTENT\n===================================================== *\/\n\n.tnkd-control-content {\n\n    flex:1;\n\n    min-width:0;\n\n}\n\n\n.tnkd-control-label {\n\n    display:block;\n\n    margin-bottom:4px;\n\n    color:#777;\n\n    font-size:12px;\n\n    line-height:1.3;\n\n    font-weight:500;\n\n}\n\n\n.tnkd-control strong {\n\n    display:block;\n\n    margin:0;\n\n    color:#222;\n\n    font-size:15px;\n\n    line-height:1.35;\n\n    font-weight:700;\n\n    white-space:nowrap;\n\n    overflow:hidden;\n\n    text-overflow:ellipsis;\n\n}\n\n\n.tnkd-control-action {\n\n    display:block;\n\n    margin-top:5px;\n\n    color:#999;\n\n    font-size:10px;\n\n    line-height:1.3;\n\n    transition:\n        color .18s ease;\n\n}\n\n\n.tnkd-control:hover\n.tnkd-control-action {\n\n    color:#555;\n\n}\n\n\n\/* =====================================================\n   CONTROL ARROW\n===================================================== *\/\n\n.tnkd-control-arrow {\n\n    flex-shrink:0;\n\n    width:24px;\n\n    height:24px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:#f1f1f1;\n\n    color:#777;\n\n    font-size:21px;\n\n    line-height:1;\n\n    transition:\n        background .18s ease,\n        color .18s ease,\n        transform .18s ease;\n\n}\n\n\n.tnkd-control:hover\n.tnkd-control-arrow {\n\n    background:#222;\n\n    color:#fff;\n\n    transform:\n        translateX(2px);\n\n}\n\n\n\/* =====================================================\n   CONTROL HAS VALUE\n===================================================== *\/\n\n.tnkd-control.tnkd-has-value {\n\n    border-color:#c9c9c9;\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff 0%,\n            #f7f7f7 100%\n        );\n\n}\n\n\n.tnkd-control.tnkd-has-value\n.tnkd-control-icon {\n\n    background:#222;\n\n    color:#fff;\n\n}\n\n\n.tnkd-control.tnkd-has-value\n.tnkd-control-action {\n\n    color:#777;\n\n}\n\n\n.tnkd-control.tnkd-has-value\n.tnkd-control-arrow {\n\n    background:#222;\n\n    color:#fff;\n\n}\n\n\n\/* =====================================================\n   PREVIEW\n===================================================== *\/\n\n.tnkd-preview-section {\n\n    padding:20px;\n\n    background:#fafafa;\n\n    border:1px solid #e7e7e7;\n\n    border-radius:16px;\n\n    margin-bottom:29px;\n\n}\n\n\n.tnkd-section-heading {\n\n    font-size:17px;\n\n    font-weight:700;\n\n    margin-bottom:4px;\n\n}\n\n\n.tnkd-preview-hint {\n\n    margin-bottom:12px;\n\n    color:#999;\n\n    font-size:11px;\n\n    line-height:1.5;\n\n}\n\n\n.tnkd-preview {\n\n    min-height:82px;\n\n    padding:16px;\n\n    background:#fff;\n\n    border:1px solid #e5e5e5;\n\n    border-radius:11px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    text-align:center;\n\n    font-size:25px;\n\n    line-height:1.9;\n\n    word-break:break-word;\n\n    overflow-wrap:anywhere;\n\n}\n\n\n.tnkd-copy-main {\n\n    display:block;\n\n    margin:13px auto 0;\n\n    padding:10px 21px;\n\n    border:0;\n\n    border-radius:9px;\n\n    background:#222;\n\n    color:#fff;\n\n    font-size:14px;\n\n    font-weight:600;\n\n    cursor:pointer;\n\n    transition:\n        transform .15s ease,\n        background .15s ease,\n        box-shadow .15s ease;\n\n}\n\n\n.tnkd-copy-main:hover {\n\n    background:#111;\n\n    transform:\n        translateY(-1px);\n\n    box-shadow:\n        0 5px 15px\n        rgba(0,0,0,.12);\n\n}\n\n\n.tnkd-copy-main:active {\n\n    transform:\n        translateY(0);\n\n}\n\n\n\/* =====================================================\n   RESULT TITLE\n===================================================== *\/\n\n.tnkd-result-heading {\n\n    display:flex;\n\n    justify-content:space-between;\n\n    align-items:center;\n\n    margin-bottom:14px;\n\n}\n\n\n.tnkd-result-heading strong {\n\n    display:block;\n\n    font-size:19px;\n\n    margin-bottom:3px;\n\n}\n\n\n.tnkd-result-heading span {\n\n    color:#999;\n\n    font-size:12px;\n\n}\n\n\n\/* =====================================================\n   RESULTS\n===================================================== *\/\n\n.tnkd-results {\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:10px;\n\n}\n\n\n.tnkd-result {\n\n    display:flex;\n\n    align-items:center;\n\n    gap:13px;\n\n    padding:13px 14px;\n\n    background:#fff;\n\n    border:1px solid #e7e7e7;\n\n    border-radius:13px;\n\n    transition:\n        border-color .15s ease,\n        box-shadow .15s ease;\n\n}\n\n\n.tnkd-result:hover {\n\n    border-color:#d0d0d0;\n\n    box-shadow:\n        0 4px 15px\n        rgba(0,0,0,.035);\n\n}\n\n\n.tnkd-result-text {\n\n    flex:1;\n\n    min-width:0;\n\n    font-size:21px;\n\n    line-height:1.8;\n\n    word-break:break-word;\n\n    overflow-wrap:anywhere;\n\n}\n\n\n.tnkd-result-type {\n\n    display:block;\n\n    margin-top:3px;\n\n    font-family:\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-size:11px;\n\n    line-height:1.4;\n\n    color:#999;\n\n}\n\n\n.tnkd-result-copy {\n\n    flex-shrink:0;\n\n    min-width:86px;\n\n    padding:9px 13px;\n\n    border:1px solid #ddd;\n\n    border-radius:9px;\n\n    background:#fff;\n\n    color:#333;\n\n    font-size:13px;\n\n    cursor:pointer;\n\n}\n\n\n.tnkd-result-copy:hover {\n\n    background:#f5f5f5;\n\n}\n\n\n\/* =====================================================\n   MORE\n===================================================== *\/\n\n.tnkd-more {\n\n    display:block;\n\n    margin:20px auto 0;\n\n    padding:11px 22px;\n\n    border:1px solid #ddd;\n\n    border-radius:10px;\n\n    background:#fff;\n\n    color:#333;\n\n    font-size:14px;\n\n    font-weight:600;\n\n    cursor:pointer;\n\n}\n\n\n.tnkd-more:hover {\n\n    background:#f7f7f7;\n\n}\n\n\n\/* =====================================================\n   POPUP OVERLAY\n===================================================== *\/\n\n#tnkd-overlay {\n\n    position:fixed !important;\n\n    inset:0 !important;\n\n    width:100vw !important;\n\n    height:100vh !important;\n\n    padding:20px !important;\n\n    display:flex !important;\n\n    align-items:center !important;\n\n    justify-content:center !important;\n\n    background:\n        rgba(0,0,0,.58) !important;\n\n    z-index:2147483646 !important;\n\n    opacity:0;\n\n    visibility:hidden;\n\n    pointer-events:none;\n\n    overflow:hidden !important;\n\n    transition:\n        opacity .18s ease,\n        visibility .18s ease;\n\n}\n\n\n#tnkd-overlay.tnkd-open {\n\n    opacity:1 !important;\n\n    visibility:visible !important;\n\n    pointer-events:auto !important;\n\n}\n\n\n\/* =====================================================\n   MODAL\n===================================================== *\/\n\n#tnkd-modal {\n\n    width:min(760px,100%) !important;\n\n    max-width:760px !important;\n\n    height:auto !important;\n\n    max-height:86vh !important;\n\n    margin:0 !important;\n\n    padding:0 !important;\n\n    background:#fff !important;\n\n    border-radius:18px !important;\n\n    overflow:hidden !important;\n\n    display:flex !important;\n\n    flex-direction:column !important;\n\n    box-shadow:\n        0 25px 80px\n        rgba(0,0,0,.35) !important;\n\n}\n\n\n\/* =====================================================\n   MODAL HEADER\n===================================================== *\/\n\n.tnkd-modal-header {\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:15px;\n\n    min-height:67px;\n\n    padding:10px 17px;\n\n    background:#fff;\n\n    border-bottom:1px solid #eee;\n\n    flex-shrink:0;\n\n}\n\n\n.tnkd-modal-header strong {\n\n    display:block;\n\n    font-size:20px;\n\n    line-height:1.3;\n\n    color:#161616;\n\n}\n\n\n#tnkd-modal-subtitle {\n\n    display:block;\n\n    margin-top:3px;\n\n    color:#999;\n\n    font-size:11px;\n\n}\n\n\n.tnkd-close {\n\n    flex-shrink:0;\n\n    width:37px;\n\n    height:37px;\n\n    padding:0;\n\n    border:0;\n\n    border-radius:50%;\n\n    background:#f3f3f3;\n\n    color:#222;\n\n    font-size:25px;\n\n    line-height:37px;\n\n    cursor:pointer;\n\n}\n\n\n.tnkd-close:hover {\n\n    background:#e9e9e9;\n\n}\n\n\n\/* =====================================================\n   SEARCH\n===================================================== *\/\n\n.tnkd-search-wrap {\n\n    position:relative;\n\n    padding:13px 16px;\n\n    border-bottom:1px solid #eee;\n\n    background:#fff;\n\n    flex-shrink:0;\n\n}\n\n\n.tnkd-search-icon {\n\n    position:absolute;\n\n    left:30px;\n\n    top:50%;\n\n    transform:\n        translateY(-50%);\n\n    color:#999;\n\n    font-size:23px;\n\n    pointer-events:none;\n\n}\n\n\n#tnkd-search {\n\n    width:100%;\n\n    height:46px;\n\n    padding:\n        0\n        13px\n        0\n        40px;\n\n    border:1px solid #ddd;\n\n    border-radius:10px;\n\n    outline:none;\n\n    background:#fafafa;\n\n    color:#222;\n\n    font-size:15px;\n\n}\n\n\n#tnkd-search:focus {\n\n    border-color:#aaa;\n\n    background:#fff;\n\n}\n\n\n\/* =====================================================\n   MODAL CONTENT\n===================================================== *\/\n\n.tnkd-modal-content {\n\n    flex:1 1 auto;\n\n    min-height:0;\n\n    padding:16px;\n\n    overflow-y:auto !important;\n\n    overflow-x:hidden !important;\n\n    background:#fff;\n\n}\n\n\n\/* =====================================================\n   INFO\n===================================================== *\/\n\n.tnkd-font-notice {\n\n    padding:11px 13px;\n\n    margin-bottom:14px;\n\n    background:#f7f7f7;\n\n    border:1px solid #ededed;\n\n    border-radius:10px;\n\n    color:#777;\n\n    font-size:12px;\n\n    line-height:1.6;\n\n}\n\n\n\/* =====================================================\n   FONT GRID\n===================================================== *\/\n\n.tnkd-font-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap:10px;\n\n}\n\n\n.tnkd-font-btn {\n\n    min-height:120px;\n\n    padding:15px;\n\n    border:1px solid #e4e4e4;\n\n    border-radius:13px;\n\n    background:#fff;\n\n    text-align:left;\n\n    cursor:pointer;\n\n    transition:\n        border-color .18s,\n        background .18s,\n        box-shadow .18s,\n        transform .18s;\n\n}\n\n\n.tnkd-font-btn:hover {\n\n    background:#fafafa;\n\n    border-color:#aaa;\n\n    box-shadow:\n        0 4px 15px\n        rgba(0,0,0,.04);\n\n    transform:\n        translateY(-1px);\n\n}\n\n\n.tnkd-font-name {\n\n    display:block;\n\n    color:#777;\n\n    font-size:12px;\n\n    margin-bottom:10px;\n\n}\n\n\n.tnkd-font-demo {\n\n    display:block;\n\n    min-height:42px;\n\n    color:#111;\n\n    font-size:22px;\n\n    line-height:1.7;\n\n    word-break:break-word;\n\n    overflow-wrap:anywhere;\n\n}\n\n\n\/* =====================================================\n   CHARACTERS\n===================================================== *\/\n\n.tnkd-char-group {\n\n    margin-bottom:22px;\n\n}\n\n\n.tnkd-char-title {\n\n    margin-bottom:9px;\n\n    color:#777;\n\n    font-size:12px;\n\n    font-weight:700;\n\n}\n\n\n.tnkd-char-grid {\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(\n            auto-fill,\n            minmax(53px,1fr)\n        );\n\n    gap:7px;\n\n}\n\n\n.tnkd-char-btn {\n\n    min-height:49px;\n\n    padding:4px;\n\n    border:1px solid #e5e5e5;\n\n    border-radius:9px;\n\n    background:#fff;\n\n    color:#222;\n\n    font-size:24px;\n\n    cursor:pointer;\n\n    transition:\n        background .15s,\n        border-color .15s;\n\n}\n\n\n.tnkd-char-btn:hover {\n\n    background:#f6f6f6;\n\n    border-color:#aaa;\n\n}\n\n\n\/* =====================================================\n   TOAST\n===================================================== *\/\n\n.tnkd-toast {\n\n    position:fixed !important;\n\n    left:50% !important;\n\n    bottom:25px !important;\n\n    z-index:2147483647 !important;\n\n    padding:11px 18px;\n\n    border-radius:9px;\n\n    background:#222;\n\n    color:#fff;\n\n    font-size:14px;\n\n    opacity:0;\n\n    visibility:hidden;\n\n    transform:\n        translate(-50%,20px);\n\n    transition:\n        opacity .2s,\n        transform .2s,\n        visibility .2s;\n\n}\n\n\n.tnkd-toast.show {\n\n    opacity:1;\n\n    visibility:visible;\n\n    transform:\n        translate(-50%,0);\n\n}\n\n\n\/* =====================================================\n   BODY LOCK\n===================================================== *\/\n\nbody.tnkd-popup-open {\n\n    position:fixed !important;\n\n    width:100% !important;\n\n    overflow:hidden !important;\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:700px) {\n\n    #tnkd-app {\n\n        margin:20px auto;\n\n    }\n\n\n    .tnkd-box {\n\n        padding:19px;\n\n        border-radius:17px;\n\n    }\n\n\n    .tnkd-heading {\n\n        font-size:25px;\n\n    }\n\n\n    .tnkd-description {\n\n        font-size:13px;\n\n        margin-bottom:21px;\n\n    }\n\n\n    .tnkd-customize-heading {\n\n        align-items:flex-start;\n\n        flex-direction:column;\n\n        gap:5px;\n\n        margin-bottom:10px;\n\n    }\n\n\n    .tnkd-controls {\n\n        grid-template-columns:\n            repeat(2,1fr);\n\n        gap:10px;\n\n    }\n\n\n    .tnkd-control {\n\n        min-height:108px;\n\n        padding:13px 11px;\n\n    }\n\n\n    .tnkd-control-icon {\n\n        width:37px;\n\n        height:37px;\n\n    }\n\n\n    .tnkd-preview {\n\n        font-size:21px;\n\n    }\n\n\n    .tnkd-font-grid {\n\n        grid-template-columns:1fr;\n\n    }\n\n\n    #tnkd-overlay {\n\n        padding:10px !important;\n\n    }\n\n\n    #tnkd-modal {\n\n        max-height:92vh !important;\n\n        border-radius:15px !important;\n\n    }\n\n\n    .tnkd-modal-header {\n\n        min-height:62px;\n\n    }\n\n}\n\n\n@media(max-width:430px) {\n\n    .tnkd-heading {\n\n        font-size:23px;\n\n    }\n\n\n    .tnkd-description {\n\n        font-size:13px;\n\n    }\n\n\n    .tnkd-controls {\n\n        grid-template-columns:1fr;\n\n    }\n\n\n    .tnkd-control {\n\n        min-height:88px;\n\n        padding:12px;\n\n    }\n\n\n    .tnkd-control-icon {\n\n        width:37px;\n\n        height:37px;\n\n    }\n\n\n    .tnkd-control-action {\n\n        font-size:10px;\n\n    }\n\n\n    .tnkd-result-heading strong {\n\n        font-size:17px;\n\n    }\n\n\n    .tnkd-result {\n\n        flex-direction:column;\n\n        align-items:stretch;\n\n    }\n\n\n    .tnkd-result-copy {\n\n        width:100%;\n\n    }\n\n\n    .tnkd-result-text {\n\n        font-size:19px;\n\n    }\n\n\n    .tnkd-char-grid {\n\n        grid-template-columns:\n            repeat(6,1fr);\n\n    }\n\n}\n\n<\/style>\n\n\n<!-- =====================================================\n     JAVASCRIPT\n===================================================== -->\n\n<script>\n\n(function(){\n\n    'use strict';\n\n\n    \/* =================================================\n       STATE\n    ================================================= *\/\n\n    const state = {\n\n        before:'',\n\n        middle:'',\n\n        after:'',\n\n        font:'normal',\n\n        visible:10\n\n    };\n\n\n    let currentPicker = null;\n\n    let scrollPosition = 0;\n\n\n    \/* =================================================\n       FONT MAP\n    ================================================= *\/\n\n    const fontMaps = {\n\n        normal: {\n\n            name:'M\u1eb7c \u0111\u1ecbnh',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lowerTo:'abcdefghijklmnopqrstuvwxyz'\n\n        },\n\n\n        bold: {\n\n            name:'Bold',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\udc00\ud835\udc01\ud835\udc02\ud835\udc03\ud835\udc04\ud835\udc05\ud835\udc06\ud835\udc07\ud835\udc08\ud835\udc09\ud835\udc0a\ud835\udc0b\ud835\udc0c\ud835\udc0d\ud835\udc0e\ud835\udc0f\ud835\udc10\ud835\udc11\ud835\udc12\ud835\udc13\ud835\udc14\ud835\udc15\ud835\udc16\ud835\udc17\ud835\udc18\ud835\udc19',\n\n            lowerTo:'\ud835\udc1a\ud835\udc1b\ud835\udc1c\ud835\udc1d\ud835\udc1e\ud835\udc1f\ud835\udc20\ud835\udc21\ud835\udc22\ud835\udc23\ud835\udc24\ud835\udc25\ud835\udc26\ud835\udc27\ud835\udc28\ud835\udc29\ud835\udc2a\ud835\udc2b\ud835\udc2c\ud835\udc2d\ud835\udc2e\ud835\udc2f\ud835\udc30\ud835\udc31\ud835\udc32\ud835\udc33'\n\n        },\n\n\n        italic: {\n\n            name:'Italic',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\ude08\ud835\ude09\ud835\ude0a\ud835\ude0b\ud835\ude0c\ud835\ude0d\ud835\ude0e\ud835\ude0f\ud835\ude10\ud835\ude11\ud835\ude12\ud835\ude13\ud835\ude14\ud835\ude15\ud835\ude16\ud835\ude17\ud835\ude18\ud835\ude19\ud835\ude1a\ud835\ude1b\ud835\ude1c\ud835\ude1d\ud835\ude1e\ud835\ude1f\ud835\ude20\ud835\ude21',\n\n            lowerTo:'\ud835\ude22\ud835\ude23\ud835\ude24\ud835\ude25\ud835\ude26\ud835\ude27\ud835\ude28\ud835\ude29\ud835\ude2a\ud835\ude2b\ud835\ude2c\ud835\ude2d\ud835\ude2e\ud835\ude2f\ud835\ude30\ud835\ude31\ud835\ude32\ud835\ude33\ud835\ude34\ud835\ude35\ud835\ude36\ud835\ude37\ud835\ude38\ud835\ude39\ud835\ude3a\ud835\ude3b'\n\n        },\n\n\n        bolditalic: {\n\n            name:'Bold Italic',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\udc68\ud835\udc69\ud835\udc6a\ud835\udc6b\ud835\udc6c\ud835\udc6d\ud835\udc6e\ud835\udc6f\ud835\udc70\ud835\udc71\ud835\udc72\ud835\udc73\ud835\udc74\ud835\udc75\ud835\udc76\ud835\udc77\ud835\udc78\ud835\udc79\ud835\udc7a\ud835\udc7b\ud835\udc7c\ud835\udc7d\ud835\udc7e\ud835\udc7f\ud835\udc80\ud835\udc81',\n\n            lowerTo:'\ud835\udc82\ud835\udc83\ud835\udc84\ud835\udc85\ud835\udc86\ud835\udc87\ud835\udc88\ud835\udc89\ud835\udc8a\ud835\udc8b\ud835\udc8c\ud835\udc8d\ud835\udc8e\ud835\udc8f\ud835\udc90\ud835\udc91\ud835\udc92\ud835\udc93\ud835\udc94\ud835\udc95\ud835\udc96\ud835\udc97\ud835\udc98\ud835\udc99\ud835\udc9a\ud835\udc9b'\n\n        },\n\n\n        sansbold: {\n\n            name:'Sans Bold',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\uddd4\ud835\uddd5\ud835\uddd6\ud835\uddd7\ud835\uddd8\ud835\uddd9\ud835\uddda\ud835\udddb\ud835\udddc\ud835\udddd\ud835\uddde\ud835\udddf\ud835\udde0\ud835\udde1\ud835\udde2\ud835\udde3\ud835\udde4\ud835\udde5\ud835\udde6\ud835\udde7\ud835\udde8\ud835\udde9\ud835\uddea\ud835\uddeb\ud835\uddec\ud835\udded',\n\n            lowerTo:'\ud835\uddee\ud835\uddef\ud835\uddf0\ud835\uddf1\ud835\uddf2\ud835\uddf3\ud835\uddf4\ud835\uddf5\ud835\uddf6\ud835\uddf7\ud835\uddf8\ud835\uddf9\ud835\uddfa\ud835\uddfb\ud835\uddfc\ud835\uddfd\ud835\uddfe\ud835\uddff\ud835\ude00\ud835\ude01\ud835\ude02\ud835\ude03\ud835\ude04\ud835\ude05\ud835\ude06\ud835\ude07'\n\n        },\n\n\n        monospace: {\n\n            name:'Monospace',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\ude70\ud835\ude71\ud835\ude72\ud835\ude73\ud835\ude74\ud835\ude75\ud835\ude76\ud835\ude77\ud835\ude78\ud835\ude79\ud835\ude7a\ud835\ude7b\ud835\ude7c\ud835\ude7d\ud835\ude7e\ud835\ude7f\ud835\ude80\ud835\ude81\ud835\ude82\ud835\ude83\ud835\ude84\ud835\ude85\ud835\ude86\ud835\ude87\ud835\ude88\ud835\ude89',\n\n            lowerTo:'\ud835\ude8a\ud835\ude8b\ud835\ude8c\ud835\ude8d\ud835\ude8e\ud835\ude8f\ud835\ude90\ud835\ude91\ud835\ude92\ud835\ude93\ud835\ude94\ud835\ude95\ud835\ude96\ud835\ude97\ud835\ude98\ud835\ude99\ud835\ude9a\ud835\ude9b\ud835\ude9c\ud835\ude9d\ud835\ude9e\ud835\ude9f\ud835\udea0\ud835\udea1\ud835\udea2\ud835\udea3'\n\n        },\n\n\n        double: {\n\n            name:'Double',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\udd38\ud835\udd39\u2102\ud835\udd3b\ud835\udd3c\ud835\udd3d\ud835\udd3e\u210d\ud835\udd40\ud835\udd41\ud835\udd42\ud835\udd43\ud835\udd44\u2115\ud835\udd46\u2119\u211a\u211d\ud835\udd4a\ud835\udd4b\ud835\udd4c\ud835\udd4d\ud835\udd4e\ud835\udd4f\ud835\udd50\u2124',\n\n            lowerTo:'\ud835\udd52\ud835\udd53\ud835\udd54\ud835\udd55\ud835\udd56\ud835\udd57\ud835\udd58\ud835\udd59\ud835\udd5a\ud835\udd5b\ud835\udd5c\ud835\udd5d\ud835\udd5e\ud835\udd5f\ud835\udd60\ud835\udd61\ud835\udd62\ud835\udd63\ud835\udd64\ud835\udd65\ud835\udd66\ud835\udd67\ud835\udd68\ud835\udd69\ud835\udd6a\ud835\udd6b'\n\n        },\n\n\n        gothic: {\n\n            name:'Gothic',\n\n            upper:'ABCDEFGHIJKLMNOPQRSTUVWXYZ',\n\n            lower:'abcdefghijklmnopqrstuvwxyz',\n\n            upperTo:'\ud835\udd04\ud835\udd05\u212d\ud835\udd07\ud835\udd08\ud835\udd09\ud835\udd0a\u210c\u2111\ud835\udd0d\ud835\udd0e\ud835\udd0f\ud835\udd10\ud835\udd11\ud835\udd12\ud835\udd13\ud835\udd14\u211c\ud835\udd16\ud835\udd17\ud835\udd18\ud835\udd19\ud835\udd1a\ud835\udd1b\ud835\udd1c\u2128',\n\n            lowerTo:'\ud835\udd1e\ud835\udd1f\ud835\udd20\ud835\udd21\ud835\udd22\ud835\udd23\ud835\udd24\ud835\udd25\ud835\udd26\ud835\udd27\ud835\udd28\ud835\udd29\ud835\udd2a\ud835\udd2b\ud835\udd2c\ud835\udd2d\ud835\udd2e\ud835\udd2f\ud835\udd30\ud835\udd31\ud835\udd32\ud835\udd33\ud835\udd34\ud835\udd35\ud835\udd36\ud835\udd37'\n\n        }\n\n    };\n\n\n    const fontOrder = [\n\n        'bold',\n\n        'italic',\n\n        'bolditalic',\n\n        'sansbold',\n\n        'monospace',\n\n        'double',\n\n        'gothic'\n\n    ];\n\n\n    \/* =================================================\n       CHARACTER LIST\n    ================================================= *\/\n\n    const characterGroups = [\n\n        {\n\n            title:'\u2b50 Ph\u1ed5 bi\u1ebfn - t\u01b0\u01a1ng th\u00edch cao',\n\n            chars:[\n\n                '\u2605','\u2606','\u2726','\u2727','\u272a','\u272b','\u272c','\u272d',\n                '\u272e','\u272f','\u2730',\n\n                '\u2756','\u25c6','\u25c7','\u25c8',\n\n                '\u25cf','\u25cb','\u2022','\u00b7',\n\n                '\u2665','\u2661','\u2764','\u2765','\u2763','\u10e6',\n\n                '\u2728','\u26a1','\u2600','\u263e','\u263d'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\ud83d\udc51 Khung t\u00ean',\n\n            chars:[\n\n                '\ua9c1','\ua9c2',\n                '\u0f3a','\u0f3b',\n                '\u300e','\u300f',\n                '\u300c','\u300d',\n                '\u3010','\u3011',\n                '\u3016','\u3017',\n                '\u3018','\u3019',\n                '\u301a','\u301b',\n                '\u300a','\u300b',\n                '\u3008','\u3009',\n                '\u3014','\u3015'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\ud83d\udd25 Game \/ Ng\u1ea7u',\n\n            chars:[\n\n                '\u4e97','\u4e42','\u30e1','\u30c4','\u5f61','\u30b7','\u30df',\n                '\u4e48','\u3006','\u3005','\u4e44','\u4e36',\n\n                '\u5203','\u6c37','\u5f71','\u5e1d','\u795e','\u9f8d','\u72fc',\n                '\u5fcd','\u6b66','\u6bba','\u9b3c','\u738b','\u7687','\u9b54',\n                '\u6230','\u5200',\n\n                '\u2694','\u2620'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\u2764\ufe0f T\u00ecnh y\u00eau',\n\n            chars:[\n\n                '\u2661','\u2665','\u2764','\u2765','\u2763','\u10e6',\n                '\ud83d\udc95','\ud83d\udc97','\ud83d\udc96','\ud83d\udc98','\ud83d\udc9d','\ud83d\udc9e',\n                '\ud83d\udc93','\ud83d\udc9f','\ud83d\udc8c',\n\n                '\u2766','\u2767','\u06f5','\u196b\u1a63','\u0dc6','\u1c14','\u196b\u1b61'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\ud83c\udf38 Hoa \/ Cute',\n\n            chars:[\n\n                '\u273f','\u2740','\u2741','\u2743','\u274b','\u273e','\u273d',\n\n                '\ud83c\udf38','\ud83c\udf39','\ud83c\udf3a','\ud83c\udf3b','\ud83c\udf37','\ud83c\udf3c',\n\n                '\ud83c\udf40','\u2618',\n\n                '\ud83e\udd8b','\ud83d\udc30','\ud83d\udc3b','\ud83d\udc3c'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\u27a4 M\u0169i t\u00ean',\n\n            chars:[\n\n                '\u2192','\u2190','\u2191','\u2193','\u2194','\u2195',\n\n                '\u279c','\u279d','\u279e','\u279f','\u27a0','\u27a1',\n                '\u27a4','\u27a5','\u27a6','\u27a7','\u27a8','\u27a9',\n                '\u27aa','\u27ab','\u27ac','\u27ad','\u27ae','\u27af',\n                '\u27b1','\u27b2'\n\n            ]\n\n        },\n\n\n        {\n\n            title:'\u265b Bi\u1ec3u t\u01b0\u1ee3ng',\n\n            chars:[\n\n                '\u2660','\u2663','\u2665','\u2666',\n                '\u2664','\u2667','\u2661','\u2662',\n\n                '\u265b','\u265a','\u265c','\u265d','\u265e','\u265f',\n\n                '\u262f','\u262e','\u262a','\u2638',\n                '\u271d','\u2626','\u2620','\u2622','\u2623'\n\n            ]\n\n        }\n\n    ];\n\n\n    \/* =================================================\n       GET NAME\n    ================================================= *\/\n\n    function getOriginalName(){\n\n        const input =\n            document.getElementById(\n                'tnkd-name'\n            );\n\n\n        const value =\n            input.value.trim();\n\n\n        return value ||\n            'T\u00ean c\u1ee7a b\u1ea1n';\n\n    }\n\n\n    \/* =================================================\n       FONT CONVERTER\n    ================================================= *\/\n\n    function convertFont(\n        text,\n        font\n    ){\n\n        const map =\n            fontMaps[font] ||\n            fontMaps.normal;\n\n\n        if(\n            font === 'normal'\n        ){\n\n            return text;\n\n        }\n\n\n        let decomposed;\n\n\n        try {\n\n            decomposed =\n                text.normalize('NFD');\n\n        } catch(e) {\n\n            decomposed =\n                text;\n\n        }\n\n\n        const upperChars =\n            Array.from(\n                map.upper\n            );\n\n\n        const lowerChars =\n            Array.from(\n                map.lower\n            );\n\n\n        const upperToChars =\n            Array.from(\n                map.upperTo\n            );\n\n\n        const lowerToChars =\n            Array.from(\n                map.lowerTo\n            );\n\n\n        let result = '';\n\n\n        for(\n            const char of decomposed\n        ){\n\n            const code =\n                char.codePointAt(0);\n\n\n            \/*\n             * D\u1ea4U TI\u1ebeNG VI\u1ec6T\n             *\/\n\n            if(\n                code >= 0x0300 &&\n                code <= 0x036F\n            ){\n\n                result += char;\n\n                continue;\n\n            }\n\n\n            \/*\n             * \u0110 \/ \u0111\n             *\/\n\n            if(\n                char === '\u0110' ||\n                char === '\u0111'\n            ){\n\n                result += char;\n\n                continue;\n\n            }\n\n\n            \/*\n             * HOA\n             *\/\n\n            const upperIndex =\n                upperChars.indexOf(\n                    char\n                );\n\n\n            if(\n                upperIndex !== -1\n            ){\n\n                result +=\n                    upperToChars[\n                        upperIndex\n                    ] ||\n                    char;\n\n                continue;\n\n            }\n\n\n            \/*\n             * TH\u01af\u1edcNG\n             *\/\n\n            const lowerIndex =\n                lowerChars.indexOf(\n                    char\n                );\n\n\n            if(\n                lowerIndex !== -1\n            ){\n\n                result +=\n                    lowerToChars[\n                        lowerIndex\n                    ] ||\n                    char;\n\n                continue;\n\n            }\n\n\n            result += char;\n\n        }\n\n\n        return result;\n\n    }\n\n\n    \/* =================================================\n       ADD MIDDLE CHARACTER\n    ================================================= *\/\n\n    function addMiddle(\n        text,\n        middle\n    ){\n\n        if(\n            !middle\n        ){\n\n            return text;\n\n        }\n\n\n        return text\n            .split(\/(\\s+)\/)\n            .map(function(part){\n\n                if(\n                    \/^\\s+$\/.test(part)\n                ){\n\n                    return '   ';\n\n                }\n\n\n                return Array\n                    .from(part)\n                    .join(\n                        ' ' +\n                        middle +\n                        ' '\n                    );\n\n            })\n            .join('');\n\n    }\n\n\n    \/* =================================================\n       CREATE NAME\n    ================================================= *\/\n\n    function createName(\n        font\n    ){\n\n        let name =\n            getOriginalName();\n\n\n        \/*\n         * K\u00fd t\u1ef1 gi\u1eefa tr\u01b0\u1edbc.\n         *\/\n\n        name =\n            addMiddle(\n                name,\n                state.middle\n            );\n\n\n        \/*\n         * Font Unicode.\n         *\/\n\n        name =\n            convertFont(\n                name,\n                font\n            );\n\n\n        \/*\n         * K\u00fd t\u1ef1 tr\u01b0\u1edbc \/ sau.\n         *\/\n\n        return (\n            state.before +\n            name +\n            state.after\n        );\n\n    }\n\n\n    \/* =================================================\n       BUILD SAMPLES\n    ================================================= *\/\n\n    function buildSamples(){\n\n        const samples = [];\n\n\n        \/*\n         * NH\u00d3M 1\n         * T\u01af\u01a0NG TH\u00cdCH CAO\n         *\/\n\n        const decorations = [\n\n            {\n                name:'\u2605 Sao',\n                before:'\u2605 ',\n                after:' \u2605'\n            },\n\n            {\n                name:'\u2606 Sao r\u1ed7ng',\n                before:'\u2606 ',\n                after:' \u2606'\n            },\n\n            {\n                name:'\ua9c1 Khung',\n                before:'\ua9c1 ',\n                after:' \ua9c2'\n            },\n\n            {\n                name:'\u0f3a Khung',\n                before:'\u0f3a ',\n                after:' \u0f3b'\n            },\n\n            {\n                name:'\u300e Khung',\n                before:'\u300e ',\n                after:' \u300f'\n            },\n\n            {\n                name:'\u3010 Khung',\n                before:'\u3010 ',\n                after:' \u3011'\n            },\n\n            {\n                name:'\u3016 Khung',\n                before:'\u3016 ',\n                after:' \u3017'\n            },\n\n            {\n                name:'\u4e97 Game',\n                before:'\u4e97 ',\n                after:' \u4e97'\n            },\n\n            {\n                name:'\u4e42 Game',\n                before:'\u4e42 ',\n                after:' \u4e42'\n            },\n\n            {\n                name:'\u30e1 Game',\n                before:'\u30e1 ',\n                after:' \u30e1'\n            },\n\n            {\n                name:'\u5f61 Game',\n                before:'\u5f61 ',\n                after:' \u5f61'\n            },\n\n            {\n                name:'\u265b Ho\u00e0ng gia',\n                before:'\u265b ',\n                after:' \u265b'\n            },\n\n            {\n                name:'\u2620 Ng\u1ea7u',\n                before:'\u2620 ',\n                after:' \u2620'\n            },\n\n            {\n                name:'\u2665 T\u00ecnh y\u00eau',\n                before:'\u2665 ',\n                after:' \u2665'\n            },\n\n            {\n                name:'\u2661 T\u00ecnh y\u00eau',\n                before:'\u2661 ',\n                after:' \u2661'\n            },\n\n            {\n                name:'\u2726 \u0110\u1eb7c bi\u1ec7t',\n                before:'\u2726 ',\n                after:' \u2726'\n            },\n\n            {\n                name:'\u2756 \u0110\u1ed9c \u0111\u00e1o',\n                before:'\u2756 ',\n                after:' \u2756'\n            },\n\n            {\n                name:'\u26a1 N\u0103ng l\u01b0\u1ee3ng',\n                before:'\u26a1 ',\n                after:' \u26a1'\n            },\n\n            {\n                name:'\u30c4 Game',\n                before:'\u30c4 ',\n                after:' \u30c4'\n            },\n\n            {\n                name:'\u3006 Game',\n                before:'\u3006 ',\n                after:' \u3006'\n            }\n\n        ];\n\n\n        decorations.forEach(\n            function(item){\n\n                let name =\n                    getOriginalName();\n\n\n                name =\n                    addMiddle(\n                        name,\n                        state.middle\n                    );\n\n\n                samples.push({\n\n                    text:\n                        item.before +\n                        name +\n                        item.after,\n\n                    type:\n                        item.name\n\n                });\n\n            }\n        );\n\n\n        \/*\n         * NH\u00d3M 2\n         * FONT\n         *\/\n\n        fontOrder.forEach(\n            function(font){\n\n                samples.push({\n\n                    text:\n                        createName(\n                            font\n                        ),\n\n                    type:\n                        'Font: ' +\n                        fontMaps[\n                            font\n                        ].name\n\n                });\n\n            }\n        );\n\n\n        \/*\n         * NH\u00d3M 3\n         * FRAME + FONT\n         *\/\n\n        const frames = [\n\n            {\n                before:'\ua9c1 ',\n                after:' \ua9c2',\n                name:'\ua9c1 \ua9c2'\n            },\n\n            {\n                before:'\u0f3a ',\n                after:' \u0f3b',\n                name:'\u0f3a \u0f3b'\n            },\n\n            {\n                before:'\u300e ',\n                after:' \u300f',\n                name:'\u300e \u300f'\n            },\n\n            {\n                before:'\u3010 ',\n                after:' \u3011',\n                name:'\u3010 \u3011'\n            },\n\n            {\n                before:'\u4e97 ',\n                after:' \u4e97',\n                name:'\u4e97 \u4e97'\n            },\n\n            {\n                before:'\u4e42 ',\n                after:' \u4e42',\n                name:'\u4e42 \u4e42'\n            },\n\n            {\n                before:'\u2605 ',\n                after:' \u2605',\n                name:'\u2605 \u2605'\n            },\n\n            {\n                before:'\u265b ',\n                after:' \u265b',\n                name:'\u265b \u265b'\n            }\n\n        ];\n\n\n        frames.forEach(\n            function(frame){\n\n                fontOrder.forEach(\n                    function(font){\n\n                        let name =\n                            getOriginalName();\n\n\n                        name =\n                            addMiddle(\n                                name,\n                                state.middle\n                            );\n\n\n                        name =\n                            convertFont(\n                                name,\n                                font\n                            );\n\n\n                        samples.push({\n\n                            text:\n                                frame.before +\n                                name +\n                                frame.after,\n\n                            type:\n                                frame.name +\n                                ' + ' +\n                                fontMaps[\n                                    font\n                                ].name\n\n                        });\n\n                    }\n                );\n\n            }\n        );\n\n\n        return samples;\n\n    }\n\n\n    \/* =================================================\n       UPDATE LABELS\n    ================================================= *\/\n\n    function updateLabels(){\n\n        \/*\n         * =============================================\n         * GI\u00c1 TR\u1eca HI\u1ec2N TH\u1eca\n         * =============================================\n         *\/\n\n        document.getElementById(\n            'tnkd-before-value'\n        ).textContent =\n            state.before ||\n            'Kh\u00f4ng c\u00f3';\n\n\n        document.getElementById(\n            'tnkd-middle-value'\n        ).textContent =\n            state.middle ||\n            'Kh\u00f4ng c\u00f3';\n\n\n        document.getElementById(\n            'tnkd-after-value'\n        ).textContent =\n            state.after ||\n            'Kh\u00f4ng c\u00f3';\n\n\n        document.getElementById(\n            'tnkd-font-value'\n        ).textContent =\n\n            state.font === 'normal'\n\n                ? 'M\u1eb7c \u0111\u1ecbnh'\n\n                : fontMaps[\n                    state.font\n                ].name;\n\n\n        \/*\n         * =============================================\n         * TR\u1ea0NG TH\u00c1I \u0110\u00c3 CH\u1eccN\n         *\n         * Ch\u1ec9 th\u00eam \/ b\u1ecf class CSS.\n         * Kh\u00f4ng thay \u0111\u1ed5i popup.\n         * =============================================\n         *\/\n\n        const controls =\n            document.querySelectorAll(\n                '#tnkd-app [data-picker]'\n            );\n\n\n        controls.forEach(\n            function(control){\n\n                const type =\n                    control.dataset.picker;\n\n\n                let hasValue =\n                    false;\n\n\n                if(\n                    type === 'font'\n                ){\n\n                    hasValue =\n                        state.font !== 'normal';\n\n                }else{\n\n                    hasValue =\n                        !!state[type];\n\n                }\n\n\n                control.classList.toggle(\n                    'tnkd-has-value',\n                    hasValue\n                );\n\n            }\n        );\n\n    }\n\n\n    \/* =================================================\n       PREVIEW\n    ================================================= *\/\n\n    function updatePreview(){\n\n        document.getElementById(\n            'tnkd-preview'\n        ).textContent =\n            createName(\n                state.font\n            );\n\n    }\n\n\n    \/* =================================================\n       RENDER RESULTS\n    ================================================= *\/\n\n    function renderSamples(){\n\n        const container =\n            document.getElementById(\n                'tnkd-results'\n            );\n\n\n        const more =\n            document.getElementById(\n                'tnkd-more'\n            );\n\n\n        const list =\n            buildSamples();\n\n\n        container.innerHTML =\n            '';\n\n\n        const limit =\n            Math.min(\n                state.visible,\n                list.length\n            );\n\n\n        for(\n            let i=0;\n            i<limit;\n            i++\n        ){\n\n            const item =\n                list[i];\n\n\n            const row =\n                document.createElement(\n                    'div'\n                );\n\n\n            row.className =\n                'tnkd-result';\n\n\n            const text =\n                document.createElement(\n                    'div'\n                );\n\n\n            text.className =\n                'tnkd-result-text';\n\n\n            text.textContent =\n                item.text;\n\n\n            const info =\n                document.createElement(\n                    'span'\n                );\n\n\n            info.className =\n                'tnkd-result-type';\n\n\n            info.textContent =\n                item.type;\n\n\n            text.appendChild(\n                info\n            );\n\n\n            const copy =\n                document.createElement(\n                    'button'\n                );\n\n\n            copy.type =\n                'button';\n\n\n            copy.className =\n                'tnkd-result-copy';\n\n\n            copy.textContent =\n                'Sao ch\u00e9p';\n\n\n            copy.addEventListener(\n                'click',\n                function(){\n\n                    copyText(\n                        item.text\n                    );\n\n                }\n            );\n\n\n            row.appendChild(\n                text\n            );\n\n\n            row.appendChild(\n                copy\n            );\n\n\n            container.appendChild(\n                row\n            );\n\n        }\n\n\n        if(\n            list.length >\n            state.visible\n        ){\n\n            more.style.display =\n                'block';\n\n        }else{\n\n            more.style.display =\n                'none';\n\n        }\n\n    }\n\n\n    \/* =================================================\n       COPY\n    ================================================= *\/\n\n    function copyText(\n        text\n    ){\n\n        if(\n            navigator.clipboard &&\n            window.isSecureContext\n        ){\n\n            navigator.clipboard\n                .writeText(text)\n\n                .then(function(){\n\n                    showToast(\n                        '\u0110\u00e3 sao ch\u00e9p!'\n                    );\n\n                })\n\n                .catch(function(){\n\n                    fallbackCopy(\n                        text\n                    );\n\n                });\n\n        }else{\n\n            fallbackCopy(\n                text\n            );\n\n        }\n\n    }\n\n\n    function fallbackCopy(\n        text\n    ){\n\n        const textarea =\n            document.createElement(\n                'textarea'\n            );\n\n\n        textarea.value =\n            text;\n\n\n        textarea.style.position =\n            'fixed';\n\n\n        textarea.style.left =\n            '-99999px';\n\n\n        textarea.style.top =\n            '0';\n\n\n        document.body.appendChild(\n            textarea\n        );\n\n\n        textarea.focus();\n\n        textarea.select();\n\n\n        try {\n\n            document.execCommand(\n                'copy'\n            );\n\n\n            showToast(\n                '\u0110\u00e3 sao ch\u00e9p!'\n            );\n\n        }catch(e){\n\n            showToast(\n                'Kh\u00f4ng th\u1ec3 sao ch\u00e9p'\n            );\n\n        }\n\n\n        textarea.remove();\n\n    }\n\n\n    \/* =================================================\n       TOAST\n    ================================================= *\/\n\n    let toastTimer;\n\n\n    function showToast(\n        message\n    ){\n\n        const toast =\n            document.getElementById(\n                'tnkd-toast'\n            );\n\n\n        toast.textContent =\n            message;\n\n\n        toast.classList.add(\n            'show'\n        );\n\n\n        clearTimeout(\n            toastTimer\n        );\n\n\n        toastTimer =\n            setTimeout(\n                function(){\n\n                    toast.classList.remove(\n                        'show'\n                    );\n\n                },\n                1800\n            );\n\n    }\n\n\n    \/* =================================================\n       MOVE POPUP TO BODY\n       \n       Quan tr\u1ecdng \u0111\u1ec3 tr\u00e1nh theme \/ Elementor\n       l\u00e0m sai v\u1ecb tr\u00ed popup.\n    ================================================= *\/\n\n    const overlay =\n        document.getElementById(\n            'tnkd-overlay'\n        );\n\n\n    if(\n        overlay &&\n        overlay.parentNode !==\n        document.body\n    ){\n\n        document.body.appendChild(\n            overlay\n        );\n\n    }\n\n\n    \/* =================================================\n       OPEN PICKER\n    ================================================= *\/\n\n    function openPicker(\n        type\n    ){\n\n        currentPicker =\n            type;\n\n\n        const title =\n            document.getElementById(\n                'tnkd-modal-title'\n            );\n\n\n        const subtitle =\n            document.getElementById(\n                'tnkd-modal-subtitle'\n            );\n\n\n        const search =\n            document.getElementById(\n                'tnkd-search'\n            );\n\n\n        search.value =\n            '';\n\n\n        if(\n            type === 'font'\n        ){\n\n            title.textContent =\n                'Ch\u1ecdn ki\u1ec3u ch\u1eef';\n\n\n            subtitle.textContent =\n                'Ch\u1ecdn ki\u1ec3u ch\u1eef b\u1ea1n mu\u1ed1n s\u1eed d\u1ee5ng';\n\n\n            renderFonts();\n\n        }else{\n\n            if(\n                type === 'before'\n            ){\n\n                title.textContent =\n                    'Ch\u1ecdn k\u00fd t\u1ef1 tr\u01b0\u1edbc';\n\n\n                subtitle.textContent =\n                    'K\u00fd t\u1ef1 s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1eb7t tr\u01b0\u1edbc t\u00ean';\n\n            }\n\n\n            if(\n                type === 'middle'\n            ){\n\n                title.textContent =\n                    'Ch\u1ecdn k\u00fd t\u1ef1 gi\u1eefa';\n\n\n                subtitle.textContent =\n                    'K\u00fd t\u1ef1 s\u1ebd n\u1eb1m gi\u1eefa c\u00e1c ch\u1eef';\n\n            }\n\n\n            if(\n                type === 'after'\n            ){\n\n                title.textContent =\n                    'Ch\u1ecdn k\u00fd t\u1ef1 sau';\n\n\n                subtitle.textContent =\n                    'K\u00fd t\u1ef1 s\u1ebd \u0111\u01b0\u1ee3c \u0111\u1eb7t sau t\u00ean';\n\n            }\n\n\n            renderCharacters();\n\n        }\n\n\n        \/*\n         * L\u01b0u v\u1ecb tr\u00ed trang.\n         *\/\n\n        scrollPosition =\n            window.pageYOffset ||\n            document.documentElement.scrollTop ||\n            0;\n\n\n        \/*\n         * Kh\u00f3a trang.\n         *\/\n\n        document.body.classList.add(\n            'tnkd-popup-open'\n        );\n\n\n        document.body.style.top =\n            '-' +\n            scrollPosition +\n            'px';\n\n\n        \/*\n         * Hi\u1ec3n th\u1ecb popup.\n         *\/\n\n        overlay.classList.add(\n            'tnkd-open'\n        );\n\n\n        overlay.setAttribute(\n            'aria-hidden',\n            'false'\n        );\n\n\n        \/*\n         * Lu\u00f4n focus search.\n         *\/\n\n        setTimeout(\n            function(){\n\n                search.focus();\n\n            },\n            100\n        );\n\n    }\n\n\n    \/* =================================================\n       CLOSE PICKER\n    ================================================= *\/\n\n    function closePicker(){\n\n        overlay.classList.remove(\n            'tnkd-open'\n        );\n\n\n        overlay.setAttribute(\n            'aria-hidden',\n            'true'\n        );\n\n\n        document.body.classList.remove(\n            'tnkd-popup-open'\n        );\n\n\n        document.body.style.top =\n            '';\n\n\n        window.scrollTo(\n            0,\n            scrollPosition\n        );\n\n\n        currentPicker =\n            null;\n\n    }\n\n\n    \/* =================================================\n       CHOOSE CHARACTER\n    ================================================= *\/\n\n    function chooseCharacter(\n        char\n    ){\n\n        if(\n            !currentPicker\n        ){\n\n            return;\n\n        }\n\n\n        state[\n            currentPicker\n        ] =\n            char;\n\n\n        updateLabels();\n\n        updatePreview();\n\n\n        state.visible =\n            10;\n\n\n        renderSamples();\n\n\n        closePicker();\n\n    }\n\n\n    \/* =================================================\n       RENDER CHARACTERS\n    ================================================= *\/\n\n    function renderCharacters(\n        keyword\n    ){\n\n        const container =\n            document.getElementById(\n                'tnkd-modal-content'\n            );\n\n\n        container.innerHTML =\n            '';\n\n\n        \/*\n         * Lu\u00f4n cu\u1ed9n modal v\u1ec1 \u0111\u1ea7u.\n         *\/\n\n        container.scrollTop =\n            0;\n\n\n        keyword =\n            (\n                keyword ||\n                ''\n            )\n            .toLowerCase()\n            .trim();\n\n\n        \/*\n         * KH\u00d4NG C\u00d3\n         *\/\n\n        const clearGroup =\n            document.createElement(\n                'div'\n            );\n\n\n        clearGroup.className =\n            'tnkd-char-group';\n\n\n        const clearTitle =\n            document.createElement(\n                'div'\n            );\n\n\n        clearTitle.className =\n            'tnkd-char-title';\n\n\n        clearTitle.textContent =\n            'Kh\u00f4ng s\u1eed d\u1ee5ng';\n\n\n        const clearGrid =\n            document.createElement(\n                'div'\n            );\n\n\n        clearGrid.className =\n            'tnkd-char-grid';\n\n\n        const clearButton =\n            document.createElement(\n                'button'\n            );\n\n\n        clearButton.type =\n            'button';\n\n\n        clearButton.className =\n            'tnkd-char-btn';\n\n\n        clearButton.textContent =\n            '\u00d7';\n\n\n        clearButton.addEventListener(\n            'click',\n            function(){\n\n                chooseCharacter(\n                    ''\n                );\n\n            }\n        );\n\n\n        clearGrid.appendChild(\n            clearButton\n        );\n\n\n        clearGroup.appendChild(\n            clearTitle\n        );\n\n\n        clearGroup.appendChild(\n            clearGrid\n        );\n\n\n        container.appendChild(\n            clearGroup\n        );\n\n\n        \/*\n         * CHARACTER GROUP\n         *\/\n\n        characterGroups.forEach(\n            function(group){\n\n                const chars =\n                    group.chars.filter(\n                        function(char){\n\n                            if(\n                                !keyword\n                            ){\n\n                                return true;\n\n                            }\n\n\n                            return char\n                                .toLowerCase()\n                                .includes(\n                                    keyword\n                                );\n\n                        }\n                    );\n\n\n                if(\n                    !chars.length\n                ){\n\n                    return;\n\n                }\n\n\n                const groupBox =\n                    document.createElement(\n                        'div'\n                    );\n\n\n                groupBox.className =\n                    'tnkd-char-group';\n\n\n                const title =\n                    document.createElement(\n                        'div'\n                    );\n\n\n                title.className =\n                    'tnkd-char-title';\n\n\n                title.textContent =\n                    group.title;\n\n\n                const grid =\n                    document.createElement(\n                        'div'\n                    );\n\n\n                grid.className =\n                    'tnkd-char-grid';\n\n\n                chars.forEach(\n                    function(char){\n\n                        const button =\n                            document.createElement(\n                                'button'\n                            );\n\n\n                        button.type =\n                            'button';\n\n\n                        button.className =\n                            'tnkd-char-btn';\n\n\n                        button.textContent =\n                            char;\n\n\n                        button.addEventListener(\n                            'click',\n                            function(){\n\n                                chooseCharacter(\n                                    char\n                                );\n\n                            }\n                        );\n\n\n                        grid.appendChild(\n                            button\n                        );\n\n                    }\n                );\n\n\n                groupBox.appendChild(\n                    title\n                );\n\n\n                groupBox.appendChild(\n                    grid\n                );\n\n\n                container.appendChild(\n                    groupBox\n                );\n\n            }\n        );\n\n    }\n\n\n    \/* =================================================\n       FONT PREVIEW\n       \n       \u0110\u00e2y ch\u1ec9 l\u00e0 CSS preview.\n       Kh\u00f4ng s\u1eed d\u1ee5ng Unicode font.\n    ================================================= *\/\n\n    function applyFontPreviewStyle(\n        element,\n        font\n    ){\n\n        element.style.fontFamily =\n            'Arial, Helvetica, sans-serif';\n\n        element.style.fontWeight =\n            '400';\n\n        element.style.fontStyle =\n            'normal';\n\n        element.style.letterSpacing =\n            '0';\n\n\n        if(\n            font === 'bold'\n        ){\n\n            element.style.fontWeight =\n                '700';\n\n        }\n\n\n        if(\n            font === 'italic'\n        ){\n\n            element.style.fontStyle =\n                'italic';\n\n        }\n\n\n        if(\n            font === 'bolditalic'\n        ){\n\n            element.style.fontWeight =\n                '700';\n\n            element.style.fontStyle =\n                'italic';\n\n        }\n\n\n        if(\n            font === 'sansbold'\n        ){\n\n            element.style.fontWeight =\n                '800';\n\n        }\n\n\n        if(\n            font === 'monospace'\n        ){\n\n            element.style.fontFamily =\n                'Consolas, \"Courier New\", monospace';\n\n        }\n\n\n        if(\n            font === 'double'\n        ){\n\n            element.style.fontFamily =\n                'Georgia, \"Times New Roman\", serif';\n\n            element.style.fontWeight =\n                '700';\n\n            element.style.letterSpacing =\n                '1px';\n\n        }\n\n\n        if(\n            font === 'gothic'\n        ){\n\n            element.style.fontFamily =\n                'Georgia, \"Times New Roman\", serif';\n\n            element.style.fontWeight =\n                '700';\n\n            element.style.fontStyle =\n                'italic';\n\n        }\n\n    }\n\n\n    \/* =================================================\n       RENDER FONTS\n    ================================================= *\/\n\n    function renderFonts(\n        keyword\n    ){\n\n        const container =\n            document.getElementById(\n                'tnkd-modal-content'\n            );\n\n\n        container.innerHTML =\n            '';\n\n\n        \/*\n         * Lu\u00f4n v\u1ec1 \u0111\u1ea7u modal.\n         *\/\n\n        container.scrollTop =\n            0;\n\n\n        keyword =\n            (\n                keyword ||\n                ''\n            )\n            .toLowerCase()\n            .trim();\n\n\n        \/*\n         * TH\u00d4NG B\u00c1O\n         *\/\n\n        const notice =\n            document.createElement(\n                'div'\n            );\n\n\n        notice.className =\n            'tnkd-font-notice';\n\n\n        notice.textContent =\n            'Ki\u1ec3u ch\u1eef b\u00ean d\u01b0\u1edbi \u0111\u01b0\u1ee3c xem tr\u01b0\u1edbc b\u1eb1ng CSS. Khi sao ch\u00e9p, h\u1ec7 th\u1ed1ng s\u1ebd t\u1ea1o k\u00fd t\u1ef1 Unicode \u0111\u1ec3 c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u1edf game, Zalo, Facebook v\u00e0 c\u00e1c \u1ee9ng d\u1ee5ng h\u1ed7 tr\u1ee3 Unicode.';\n\n\n        container.appendChild(\n            notice\n        );\n\n\n        const grid =\n            document.createElement(\n                'div'\n            );\n\n\n        grid.className =\n            'tnkd-font-grid';\n\n\n        \/*\n         * M\u1eb7c \u0111\u1ecbnh \u0111\u01b0a l\u00ean \u0111\u1ea7u.\n         *\/\n\n        const fonts = [\n\n            'normal',\n\n            'bold',\n\n            'italic',\n\n            'bolditalic',\n\n            'sansbold',\n\n            'monospace',\n\n            'double',\n\n            'gothic'\n\n        ];\n\n\n        fonts.forEach(\n            function(key){\n\n                const item =\n                    fontMaps[key];\n\n\n                if(\n                    keyword &&\n                    !item.name\n                        .toLowerCase()\n                        .includes(\n                            keyword\n                        )\n                ){\n\n                    return;\n\n                }\n\n\n                const button =\n                    document.createElement(\n                        'button'\n                    );\n\n\n                button.type =\n                    'button';\n\n\n                button.className =\n                    'tnkd-font-btn';\n\n\n                const name =\n                    document.createElement(\n                        'span'\n                    );\n\n\n                name.className =\n                    'tnkd-font-name';\n\n\n                name.textContent =\n                    item.name;\n\n\n                const demo =\n                    document.createElement(\n                        'span'\n                    );\n\n\n                demo.className =\n                    'tnkd-font-demo';\n\n\n                demo.textContent =\n                    getOriginalName();\n\n\n                applyFontPreviewStyle(\n                    demo,\n                    key\n                );\n\n\n                button.appendChild(\n                    name\n                );\n\n\n                button.appendChild(\n                    demo\n                );\n\n\n                button.addEventListener(\n                    'click',\n                    function(){\n\n                        state.font =\n                            key;\n\n\n                        updateLabels();\n\n                        updatePreview();\n\n\n                        state.visible =\n                            10;\n\n\n                        renderSamples();\n\n\n                        closePicker();\n\n                    }\n                );\n\n\n                grid.appendChild(\n                    button\n                );\n\n            }\n        );\n\n\n        container.appendChild(\n            grid\n        );\n\n    }\n\n\n    \/* =================================================\n       CONTROL BUTTONS\n    ================================================= *\/\n\n    document\n        .querySelectorAll(\n            '#tnkd-app [data-picker]'\n        )\n        .forEach(\n            function(button){\n\n                button.addEventListener(\n                    'click',\n                    function(){\n\n                        openPicker(\n                            button.dataset.picker\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n    \/* =================================================\n       CLOSE BUTTON\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-close'\n    ).addEventListener(\n        'click',\n        closePicker\n    );\n\n\n    \/* =================================================\n       CLICK OUTSIDE\n    ================================================= *\/\n\n    overlay.addEventListener(\n        'click',\n        function(event){\n\n            if(\n                event.target ===\n                overlay\n            ){\n\n                closePicker();\n\n            }\n\n        }\n    );\n\n\n    \/* =================================================\n       ESC\n    ================================================= *\/\n\n    document.addEventListener(\n        'keydown',\n        function(event){\n\n            if(\n                event.key === 'Escape' &&\n                overlay.classList.contains(\n                    'tnkd-open'\n                )\n            ){\n\n                closePicker();\n\n            }\n\n        }\n    );\n\n\n    \/* =================================================\n       SEARCH\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-search'\n    ).addEventListener(\n        'input',\n        function(){\n\n            if(\n                currentPicker ===\n                'font'\n            ){\n\n                renderFonts(\n                    this.value\n                );\n\n            }else{\n\n                renderCharacters(\n                    this.value\n                );\n\n            }\n\n        }\n    );\n\n\n    \/* =================================================\n       NAME INPUT\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-name'\n    ).addEventListener(\n        'input',\n        function(){\n\n            const length =\n                Array.from(\n                    this.value\n                ).length;\n\n\n            document.getElementById(\n                'tnkd-count'\n            ).textContent =\n                length;\n\n\n            document.getElementById(\n                'tnkd-clear'\n            ).style.display =\n                this.value\n                    ? 'block'\n                    : 'none';\n\n\n            updatePreview();\n\n\n            state.visible =\n                10;\n\n\n            renderSamples();\n\n        }\n    );\n\n\n    \/* =================================================\n       CLEAR NAME\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-clear'\n    ).addEventListener(\n        'click',\n        function(){\n\n            const input =\n                document.getElementById(\n                    'tnkd-name'\n                );\n\n\n            input.value =\n                '';\n\n\n            document.getElementById(\n                'tnkd-count'\n            ).textContent =\n                '0';\n\n\n            this.style.display =\n                'none';\n\n\n            updatePreview();\n\n\n            state.visible =\n                10;\n\n\n            renderSamples();\n\n\n            input.focus();\n\n        }\n    );\n\n\n    \/* =================================================\n       COPY PREVIEW\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-copy-preview'\n    ).addEventListener(\n        'click',\n        function(){\n\n            copyText(\n                createName(\n                    state.font\n                )\n            );\n\n        }\n    );\n\n\n    \/* =================================================\n       MORE\n    ================================================= *\/\n\n    document.getElementById(\n        'tnkd-more'\n    ).addEventListener(\n        'click',\n        function(){\n\n            state.visible +=\n                10;\n\n\n            renderSamples();\n\n        }\n    );\n\n\n    \/* =================================================\n       INIT\n    ================================================= *\/\n\n    updateLabels();\n\n    updatePreview();\n\n    renderSamples();\n\n\n})();\n\n<\/script>\n\n\n\n<\/div><\/div><div class=\"wpb_wrapper wpb_text_column td_block_wrap td_block_wrap vc_column_text tdi_18  tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_18\" ><div class=\"td-fix-index\"><p><strong>C\u00f4ng c\u1ee5 t\u1ea1o t\u00ean k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t<\/strong> gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng bi\u1ebfn nh\u1eefng c\u00e1i t\u00ean th\u00f4ng th\u01b0\u1eddng th\u00e0nh nickname \u0111\u1eb9p, \u0111\u1ed9c \u0111\u00e1o v\u00e0 n\u1ed5i b\u1eadt h\u01a1n. Thay v\u00ec ph\u1ea3i t\u1ef1 t\u00ecm ki\u1ebfm t\u1eebng k\u00fd t\u1ef1 tr\u00ean Internet, b\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp t\u00ean mu\u1ed1n t\u1ea1o v\u00e0 l\u1ef1a ch\u1ecdn phong c\u00e1ch ph\u00f9 h\u1ee3p. C\u00f4ng c\u1ee5 s\u1ebd gi\u00fap k\u1ebft h\u1ee3p ch\u1eef c\u00e1i, font ch\u1eef, bi\u1ec3u t\u01b0\u1ee3ng v\u00e0 c\u00e1c k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t \u0111\u1ec3 t\u1ea1o ra nhi\u1ec1u m\u1eabu t\u00ean kh\u00e1c nhau.<\/p>\n<h2>\u1ee8ng d\u1ee5ng c\u1ee7a t\u00ean k\u00ed t\u1ef1 \u0111\u1eb7c bi\u1ec7t<\/h2>\n<p>B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 \u0111\u1ec3 t\u1ea1o t\u00ean game, nickname Facebook, TikTok, Zalo, t\u00ean nh\u00f3m ho\u1eb7c bi\u1ec7t danh c\u00e1 nh\u00e2n. T\u00f9y v\u00e0o s\u1edf th\u00edch, b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn nhi\u1ec1u phong c\u00e1ch nh\u01b0 t\u00ean cool ng\u1ea7u, t\u00ean d\u1ec5 th\u01b0\u01a1ng, t\u00ean c\u00e1 t\u00ednh, t\u00ean \u0111\u1ed9c l\u1ea1 ho\u1eb7c ki\u1ec3u t\u00ean \u0111\u01a1n gi\u1ea3n nh\u01b0ng v\u1eabn c\u00f3 \u0111i\u1ec3m nh\u1ea5n. \u0110i\u1ec1u n\u00e0y gi\u00fap nickname c\u1ee7a b\u1ea1n tr\u1edf n\u00ean kh\u00e1c bi\u1ec7t v\u00e0 d\u1ec5 t\u1ea1o \u1ea5n t\u01b0\u1ee3ng v\u1edbi ng\u01b0\u1eddi kh\u00e1c.<\/p>\n<h2>\u01afu \u0111i\u1ec3m c\u00f4ng c\u1ee5 t\u1ea1o t\u00ean \u0111\u1eb7c bi\u1ec7t<\/h2>\n<p>M\u1ed9t \u01b0u \u0111i\u1ec3m c\u1ee7a c\u00f4ng c\u1ee5 l\u00e0 c\u00e1ch s\u1eed d\u1ee5ng r\u1ea5t \u0111\u01a1n gi\u1ea3n. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp t\u00ean, ch\u1ecdn m\u1eabu k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t y\u00eau th\u00edch v\u00e0 sao ch\u00e9p k\u1ebft qu\u1ea3. Kh\u00f4ng c\u1ea7n bi\u1ebft c\u00e1ch k\u1ebft h\u1ee3p Unicode hay m\u1ea5t th\u1eddi gian t\u00ecm ki\u1ebfm t\u1eebng bi\u1ec3u t\u01b0\u1ee3ng, b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 t\u1ea1o \u0111\u01b0\u1ee3c m\u1ed9t nickname \u0111\u1eb9p ch\u1ec9 trong v\u00e0i gi\u00e2y.<\/p>\n<p>C\u00f4ng c\u1ee5 c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng tr\u1ef1c ti\u1ebfp tr\u00ean \u0111i\u1ec7n tho\u1ea1i, m\u00e1y t\u00ednh ho\u1eb7c m\u00e1y t\u00ednh b\u1ea3ng th\u00f4ng qua tr\u00ecnh duy\u1ec7t. B\u1ea1n kh\u00f4ng c\u1ea7n t\u1ea3i \u1ee9ng d\u1ee5ng hay c\u00e0i \u0111\u1eb7t ph\u1ea7n m\u1ec1m, r\u1ea5t thu\u1eadn ti\u1ec7n khi mu\u1ed1n \u0111\u1ed5i t\u00ean nh\u00e2n v\u1eadt ho\u1eb7c t\u1ea1o nickname m\u1edbi.<\/p>\n<h2>C\u00e1ch d\u00f9ng c\u00f4ng c\u1ee5 t\u1ea1o t\u00ean \u0111\u1eb7c bi\u1ec7t<\/h2>\n<p>N\u1ebfu ch\u01b0a bi\u1ebft n\u00ean ch\u1ecdn ki\u1ec3u t\u00ean n\u00e0o, b\u1ea1n c\u00f3 th\u1ec3 th\u1eed nhi\u1ec1u m\u1eabu kh\u00e1c nhau tr\u01b0\u1edbc khi quy\u1ebft \u0111\u1ecbnh. H\u00e3y \u01b0u ti\u00ean nh\u1eefng nickname d\u1ec5 \u0111\u1ecdc, d\u1ec5 nh\u1edb v\u00e0 ph\u00f9 h\u1ee3p v\u1edbi n\u1ec1n t\u1ea3ng m\u00e0 b\u1ea1n s\u1eed d\u1ee5ng. V\u1edbi nh\u1eefng game ho\u1eb7c \u1ee9ng d\u1ee5ng c\u00f3 gi\u1edbi h\u1ea1n k\u00fd t\u1ef1, b\u1ea1n c\u0169ng n\u00ean ki\u1ec3m tra xem <strong>k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t<\/strong> \u0111\u00e3 ch\u1ecdn c\u00f3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 hay kh\u00f4ng.<\/p>\n<p>V\u1edbi c\u00e1ch s\u1eed d\u1ee5ng nhanh ch\u00f3ng v\u00e0 nhi\u1ec1u l\u1ef1a ch\u1ecdn phong ph\u00fa, c\u00f4ng c\u1ee5 t\u1ea1o t\u00ean k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t l\u00e0 l\u1ef1a ch\u1ecdn ph\u00f9 h\u1ee3p cho nh\u1eefng ai mu\u1ed1n t\u1ea1o m\u1ed9t nickname ri\u00eang bi\u1ec7t, \u0111\u1eb9p m\u1eaft v\u00e0 th\u1ec3 hi\u1ec7n c\u00e1 t\u00ednh c\u1ee7a m\u00ecnh.<\/p>\n<p>H\u00e3y nh\u1eadp t\u00ean c\u1ee7a b\u1ea1n v\u00e0o \u0111\u1ec3 tr\u1ea3i nghi\u1ec7m c\u00e1c t\u00ednh n\u0103ng <strong>t\u1ea1o t\u00ean k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t<\/strong> ngay..!<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_column tdi_20  wpb_column vc_column_container tdc-column td-pb-span4\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_20{\r\n                    vertical-align: baseline;\r\n                }.tdi_20 > .wpb_wrapper,\r\n\t\t\t\t.tdi_20 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_20 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_20 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_20 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"vc_row_inner tdi_22  vc_row vc_inner wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_22{\r\n                    position: relative !important;\r\n                    top: 0;\r\n                    transform: none;\r\n                    -webkit-transform: none;\r\n                }.tdi_22,\r\n\t\t\t\t.tdi_22 .tdc-inner-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_22 .tdc-inner-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column_inner tdi_24  wpb_column vc_column_container tdc-inner-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_24{\r\n                    vertical-align: baseline;\r\n                }.tdi_24 .vc_column-inner > .wpb_wrapper,\r\n\t\t\t\t.tdi_24 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_24 .vc_column-inner > .wpb_wrapper .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\" ><div class=\"td_block_wrap td_flex_block_1 tdi_25 td-pb-border-top td_block_template_1 td_flex_block\"  data-td-block-uid=\"tdi_25\" >\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_25.custom-tdc-no-posts .td_block_inner{\r\n                    margin-left: 0 !important;\r\n                    margin-right: 0 !important;\r\n                }.tdi_25.custom-tdc-no-posts .td_block_inner:after{\r\n                    content: \"No posts\" !important;\r\n                    display: block !important;\r\n                    font-size: 13px;\r\n                    font-weight: normal;\r\n                    text-align: left;\r\n                    padding: 20px;\r\n                    border: 1px solid rgba(190, 190, 190, 0.35);\r\n                    color: rgba(125, 125, 125, 0.8);\r\n                }.tdi_25 .entry-thumb{\r\n\t\t\t\t\tbackground-position: center 50%;\r\n\t\t\t\t}.tdi_25 .td-module-container{\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\r\n\t\t\t\t    border-color: #eaeaea !important;\r\n\t\t\t\t}.tdi_25 .td-image-container{\r\n                \tdisplay: block; order: 0;\r\n                }.ie10 .tdi_25 .td-module-meta-info,\r\n\t\t\t\t.ie11 .tdi_25 .td-module-meta-info{\r\n\t\t\t\t \tflex: auto;\r\n\t\t\t    }body .tdi_25 .td-favorite{\r\n                    font-size: 36px;\r\n                \r\n                    box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 0.2);\r\n                }.tdi_25 .td-module-meta-info{\r\n\t\t\t\t\tborder-color: #eaeaea;\r\n\t\t\t\t}.tdi_25 .td_module_wrap{\r\n\t\t\t\t\tpadding-left: 20px;\r\n\t\t\t\t\tpadding-right: 20px;\r\n\t\t\t\t\r\n\t\t\t\t\tpadding-bottom: 18px;\r\n\t\t\t\t\tmargin-bottom: 18px;\r\n\t\t\t\t}.tdi_25 .td_block_inner{\r\n\t\t\t\t\tmargin-left: -20px;\r\n\t\t\t\t\tmargin-right: -20px;\r\n\t\t\t\t}.tdi_25 .td-module-container:before{\r\n\t\t\t\t\tbottom: -18px;\r\n\t\t\t\t\r\n\t\t\t\t\tborder-color: #eaeaea;\r\n\t\t\t\t}.tdi_25 .td-post-vid-time{\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}.tdi_25 .td-post-category:not(.td-post-extra-category){\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-author-photo .avatar{\r\n\t\t\t\t    width: 20px;\r\n\t\t\t\t    height: 20px;\r\n\t\t\t\t\r\n\t\t\t\t    margin-right: 6px;\r\n\t\t\t\t\r\n\t\t\t\t    border-radius: 50%;\r\n\t\t\t\t}.tdi_25 .td-excerpt{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\r\n\t\t\t\t\tcolumn-count: 1;\r\n\t\t\t\t\r\n\t\t\t\t\tcolumn-gap: 48px;\r\n\t\t\t\t}.tdi_25 .td-audio-player{\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tvisibility: visible;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\r\n\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t}.tdi_25 .td-read-more{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-author-date{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-post-author-name{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-post-date,\r\n\t\t\t\t.tdi_25 .td-post-author-name span{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .entry-review-stars{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-icon-star,\r\n                .tdi_25 .td-icon-star-empty,\r\n                .tdi_25 .td-icon-star-half{\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t}.tdi_25 .td-module-comments{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1){\r\n\t\t\t\t\tmargin-bottom: 0;\r\n\t\t\t\t\tpadding-bottom: 0;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1) .td-module-container:before{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}.tdi_25 .td-module-title a{\r\n                    box-shadow: inset 0 0 0 0 #000;\r\n                }html:not([class*='ie']) .tdi_25 .td-module-container:hover .entry-thumb:before{\r\n                    opacity: 0;\r\n                }@media (min-width: 768px) {\r\n                    .tdi_25 .td-module-title a {\r\n                        transition: all 0.2s ease;\r\n                        -webkit-transition: all 0.2s ease;\r\n                    }\r\n                }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_25 .td_module_wrap{\r\n\t\t\t\t\tpadding-bottom: 18px;\r\n\t\t\t\t\tmargin-bottom: 18px;\r\n\t\t\t\t\r\n\t\t\t\t\tpadding-bottom: 18px !important;\r\n\t\t\t\t\tmargin-bottom: 18px !important;\r\n\t\t\t\t}.tdi_25 .td-module-container:before{\r\n\t\t\t\t\tbottom: -18px;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1){\r\n\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t\tpadding-bottom: 0 !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap .td-module-container:before{\r\n\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1) .td-module-container:before{\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}.tdi_25 .td-module-title a{\r\n                    box-shadow: inset 0 0 0 0 #000;\r\n                }@media (min-width: 768px) {\r\n                    .tdi_25 .td-module-title a {\r\n                        transition: all 0.2s ease;\r\n                        -webkit-transition: all 0.2s ease;\r\n                    }\r\n                }\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_25 .td_module_wrap{\r\n\t\t\t\t\tpadding-bottom: 18px;\r\n\t\t\t\t\tmargin-bottom: 18px;\r\n\t\t\t\t\r\n\t\t\t\t\tpadding-bottom: 18px !important;\r\n\t\t\t\t\tmargin-bottom: 18px !important;\r\n\t\t\t\t}.tdi_25 .td-module-container:before{\r\n\t\t\t\t\tbottom: -18px;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1){\r\n\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t\tpadding-bottom: 0 !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap .td-module-container:before{\r\n\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1) .td-module-container:before{\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}.tdi_25 .td-module-title a{\r\n                    box-shadow: inset 0 0 0 0 #000;\r\n                }@media (min-width: 768px) {\r\n                    .tdi_25 .td-module-title a {\r\n                        transition: all 0.2s ease;\r\n                        -webkit-transition: all 0.2s ease;\r\n                    }\r\n                }\n}\n\n\/* phone *\/\n@media (max-width: 767px){\n.tdi_25 .td_module_wrap{\r\n\t\t\t\t\tpadding-bottom: 18px;\r\n\t\t\t\t\tmargin-bottom: 18px;\r\n\t\t\t\t\r\n\t\t\t\t\tpadding-bottom: 18px !important;\r\n\t\t\t\t\tmargin-bottom: 18px !important;\r\n\t\t\t\t}.tdi_25 .td-module-container:before{\r\n\t\t\t\t\tbottom: -18px;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1){\r\n\t\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\t\tpadding-bottom: 0 !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap .td-module-container:before{\r\n\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t}.tdi_25 .td_module_wrap:nth-last-child(1) .td-module-container:before{\r\n\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t}.tdi_25 .td-module-title a{\r\n                    box-shadow: inset 0 0 0 0 #000;\r\n                }@media (min-width: 768px) {\r\n                    .tdi_25 .td-module-title a {\r\n                        transition: all 0.2s ease;\r\n                        -webkit-transition: all 0.2s ease;\r\n                    }\r\n                }\n}\n<\/style><script>var block_tdi_25 = new tdBlock();\nblock_tdi_25.id = \"tdi_25\";\nblock_tdi_25.atts = '{\"modules_on_row\":\"\",\"limit\":\"6\",\"hide_audio\":\"yes\",\"show_cat\":\"none\",\"show_author\":\"none\",\"show_date\":\"none\",\"show_com\":\"none\",\"show_review\":\"none\",\"show_excerpt\":\"none\",\"show_btn\":\"none\",\"block_type\":\"td_flex_block_1\",\"separator\":\"\",\"custom_title\":\"\",\"custom_url\":\"\",\"block_template_id\":\"\",\"title_tag\":\"\",\"mc1_tl\":\"\",\"mc1_title_tag\":\"\",\"mc1_el\":\"\",\"post_ids\":\"\",\"category_id\":\"\",\"taxonomies\":\"\",\"category_ids\":\"\",\"in_all_terms\":\"\",\"tag_slug\":\"\",\"autors_id\":\"\",\"installed_post_types\":\"\",\"include_cf_posts\":\"\",\"exclude_cf_posts\":\"\",\"sort\":\"\",\"popular_by_date\":\"\",\"linked_posts\":\"\",\"favourite_only\":\"\",\"offset\":\"\",\"open_in_new_window\":\"\",\"show_modified_date\":\"\",\"time_ago\":\"\",\"time_ago_add_txt\":\"ago\",\"time_ago_txt_pos\":\"\",\"review_source\":\"\",\"el_class\":\"\",\"td_query_cache\":\"\",\"td_query_cache_expiration\":\"\",\"enable_no_posts_message\":\"\",\"no_posts_message\":\"No posts\",\"td_ajax_filter_type\":\"\",\"td_ajax_filter_ids\":\"\",\"td_filter_default_txt\":\"All\",\"td_ajax_preloading\":\"\",\"container_width\":\"\",\"modules_gap\":\"\",\"m_padding\":\"\",\"all_modules_space\":\"36\",\"modules_border_size\":\"\",\"modules_border_style\":\"\",\"modules_border_color\":\"#eaeaea\",\"modules_border_radius\":\"\",\"modules_divider\":\"\",\"modules_divider_color\":\"#eaeaea\",\"h_effect\":\"\",\"image_size\":\"\",\"image_alignment\":\"50\",\"image_height\":\"\",\"image_width\":\"\",\"image_floated\":\"no_float\",\"image_radius\":\"\",\"hide_image\":\"\",\"show_favourites\":\"\",\"fav_size\":\"2\",\"fav_space\":\"\",\"fav_ico_color\":\"\",\"fav_ico_color_h\":\"\",\"fav_bg\":\"\",\"fav_bg_h\":\"\",\"fav_shadow_shadow_header\":\"\",\"fav_shadow_shadow_title\":\"Shadow\",\"fav_shadow_shadow_size\":\"\",\"fav_shadow_shadow_offset_horizontal\":\"\",\"fav_shadow_shadow_offset_vertical\":\"\",\"fav_shadow_shadow_spread\":\"\",\"fav_shadow_shadow_color\":\"\",\"video_icon\":\"\",\"video_popup\":\"yes\",\"video_rec\":\"\",\"spot_header\":\"\",\"video_rec_title\":\"\",\"video_rec_color\":\"\",\"video_rec_disable\":\"\",\"autoplay_vid\":\"yes\",\"show_vid_t\":\"block\",\"vid_t_margin\":\"\",\"vid_t_padding\":\"\",\"video_title_color\":\"\",\"video_title_color_h\":\"\",\"video_bg\":\"\",\"video_overlay\":\"\",\"vid_t_color\":\"\",\"vid_t_bg_color\":\"\",\"f_vid_title_font_header\":\"\",\"f_vid_title_font_title\":\"Video pop-up article title\",\"f_vid_title_font_settings\":\"\",\"f_vid_title_font_family\":\"\",\"f_vid_title_font_size\":\"\",\"f_vid_title_font_line_height\":\"\",\"f_vid_title_font_style\":\"\",\"f_vid_title_font_weight\":\"\",\"f_vid_title_font_transform\":\"\",\"f_vid_title_font_spacing\":\"\",\"f_vid_title_\":\"\",\"f_vid_time_font_title\":\"Video duration text\",\"f_vid_time_font_settings\":\"\",\"f_vid_time_font_family\":\"\",\"f_vid_time_font_size\":\"\",\"f_vid_time_font_line_height\":\"\",\"f_vid_time_font_style\":\"\",\"f_vid_time_font_weight\":\"\",\"f_vid_time_font_transform\":\"\",\"f_vid_time_font_spacing\":\"\",\"f_vid_time_\":\"\",\"meta_info_align\":\"\",\"meta_info_horiz\":\"layout-default\",\"meta_width\":\"\",\"meta_margin\":\"\",\"meta_padding\":\"\",\"meta_space\":\"\",\"art_title\":\"\",\"art_btn\":\"\",\"meta_info_border_size\":\"\",\"meta_info_border_style\":\"\",\"meta_info_border_color\":\"#eaeaea\",\"meta_info_border_radius\":\"\",\"modules_category\":\"\",\"modules_category_margin\":\"\",\"modules_category_padding\":\"\",\"modules_cat_border\":\"\",\"modules_category_radius\":\"0\",\"modules_extra_cat\":\"\",\"author_photo\":\"\",\"author_photo_size\":\"\",\"author_photo_space\":\"\",\"author_photo_radius\":\"\",\"review_space\":\"\",\"review_size\":\"2.5\",\"review_distance\":\"\",\"art_excerpt\":\"\",\"excerpt_col\":\"1\",\"excerpt_gap\":\"\",\"excerpt_middle\":\"\",\"excerpt_inline\":\"\",\"show_audio\":\"block\",\"art_audio\":\"\",\"art_audio_size\":\"1.5\",\"btn_title\":\"\",\"btn_margin\":\"\",\"btn_padding\":\"\",\"btn_border_width\":\"\",\"btn_radius\":\"\",\"pag_space\":\"\",\"pag_padding\":\"\",\"pag_border_width\":\"\",\"pag_border_radius\":\"\",\"prev_tdicon\":\"\",\"next_tdicon\":\"\",\"pag_icons_size\":\"\",\"f_header_font_header\":\"\",\"f_header_font_title\":\"Block header\",\"f_header_font_settings\":\"\",\"f_header_font_family\":\"\",\"f_header_font_size\":\"\",\"f_header_font_line_height\":\"\",\"f_header_font_style\":\"\",\"f_header_font_weight\":\"\",\"f_header_font_transform\":\"\",\"f_header_font_spacing\":\"\",\"f_header_\":\"\",\"f_ajax_font_title\":\"Ajax categories\",\"f_ajax_font_settings\":\"\",\"f_ajax_font_family\":\"\",\"f_ajax_font_size\":\"\",\"f_ajax_font_line_height\":\"\",\"f_ajax_font_style\":\"\",\"f_ajax_font_weight\":\"\",\"f_ajax_font_transform\":\"\",\"f_ajax_font_spacing\":\"\",\"f_ajax_\":\"\",\"f_more_font_title\":\"Load more button\",\"f_more_font_settings\":\"\",\"f_more_font_family\":\"\",\"f_more_font_size\":\"\",\"f_more_font_line_height\":\"\",\"f_more_font_style\":\"\",\"f_more_font_weight\":\"\",\"f_more_font_transform\":\"\",\"f_more_font_spacing\":\"\",\"f_more_\":\"\",\"f_title_font_header\":\"\",\"f_title_font_title\":\"Article title\",\"f_title_font_settings\":\"\",\"f_title_font_family\":\"\",\"f_title_font_size\":\"\",\"f_title_font_line_height\":\"\",\"f_title_font_style\":\"\",\"f_title_font_weight\":\"\",\"f_title_font_transform\":\"\",\"f_title_font_spacing\":\"\",\"f_title_\":\"\",\"f_cat_font_title\":\"Article category tag\",\"f_cat_font_settings\":\"\",\"f_cat_font_family\":\"\",\"f_cat_font_size\":\"\",\"f_cat_font_line_height\":\"\",\"f_cat_font_style\":\"\",\"f_cat_font_weight\":\"\",\"f_cat_font_transform\":\"\",\"f_cat_font_spacing\":\"\",\"f_cat_\":\"\",\"f_meta_font_title\":\"Article meta info\",\"f_meta_font_settings\":\"\",\"f_meta_font_family\":\"\",\"f_meta_font_size\":\"\",\"f_meta_font_line_height\":\"\",\"f_meta_font_style\":\"\",\"f_meta_font_weight\":\"\",\"f_meta_font_transform\":\"\",\"f_meta_font_spacing\":\"\",\"f_meta_\":\"\",\"f_ex_font_title\":\"Article excerpt\",\"f_ex_font_settings\":\"\",\"f_ex_font_family\":\"\",\"f_ex_font_size\":\"\",\"f_ex_font_line_height\":\"\",\"f_ex_font_style\":\"\",\"f_ex_font_weight\":\"\",\"f_ex_font_transform\":\"\",\"f_ex_font_spacing\":\"\",\"f_ex_\":\"\",\"f_btn_font_title\":\"Article read more button\",\"f_btn_font_settings\":\"\",\"f_btn_font_family\":\"\",\"f_btn_font_size\":\"\",\"f_btn_font_line_height\":\"\",\"f_btn_font_style\":\"\",\"f_btn_font_weight\":\"\",\"f_btn_font_transform\":\"\",\"f_btn_font_spacing\":\"\",\"f_btn_\":\"\",\"mix_color\":\"\",\"mix_type\":\"\",\"fe_brightness\":\"1\",\"fe_contrast\":\"1\",\"fe_saturate\":\"1\",\"mix_color_h\":\"\",\"mix_type_h\":\"\",\"fe_brightness_h\":\"1\",\"fe_contrast_h\":\"1\",\"fe_saturate_h\":\"1\",\"m_bg\":\"\",\"color_overlay\":\"\",\"shadow_shadow_header\":\"\",\"shadow_shadow_title\":\"Module Shadow\",\"shadow_shadow_size\":\"\",\"shadow_shadow_offset_horizontal\":\"\",\"shadow_shadow_offset_vertical\":\"\",\"shadow_shadow_spread\":\"\",\"shadow_shadow_color\":\"\",\"title_txt\":\"\",\"title_txt_hover\":\"\",\"all_underline_height\":\"\",\"all_underline_color\":\"\",\"cat_style\":\"\",\"cat_bg\":\"\",\"cat_bg_hover\":\"\",\"cat_txt\":\"\",\"cat_txt_hover\":\"\",\"cat_border\":\"\",\"cat_border_hover\":\"\",\"meta_bg\":\"\",\"author_txt\":\"\",\"author_txt_hover\":\"\",\"date_txt\":\"\",\"ex_txt\":\"\",\"com_bg\":\"\",\"com_txt\":\"\",\"rev_txt\":\"\",\"audio_btn_color\":\"\",\"audio_time_color\":\"\",\"audio_bar_color\":\"\",\"audio_bar_curr_color\":\"\",\"shadow_m_shadow_header\":\"\",\"shadow_m_shadow_title\":\"Meta info shadow\",\"shadow_m_shadow_size\":\"\",\"shadow_m_shadow_offset_horizontal\":\"\",\"shadow_m_shadow_offset_vertical\":\"\",\"shadow_m_shadow_spread\":\"\",\"shadow_m_shadow_color\":\"\",\"btn_bg\":\"\",\"btn_bg_hover\":\"\",\"btn_txt\":\"\",\"btn_txt_hover\":\"\",\"btn_border\":\"\",\"btn_border_hover\":\"\",\"pag_text\":\"\",\"pag_h_text\":\"\",\"pag_bg\":\"\",\"pag_h_bg\":\"\",\"pag_border\":\"\",\"pag_h_border\":\"\",\"ajax_pagination\":\"\",\"ajax_pagination_next_prev_swipe\":\"\",\"ajax_pagination_infinite_stop\":\"\",\"css\":\"\",\"tdc_css\":\"\",\"td_column_number\":1,\"header_color\":\"\",\"color_preset\":\"\",\"border_top\":\"\",\"class\":\"tdi_25\",\"tdc_css_class\":\"tdi_25\",\"tdc_css_class_style\":\"tdi_25_rand_style\"}';\nblock_tdi_25.td_column_number = \"1\";\nblock_tdi_25.block_type = \"td_flex_block_1\";\nblock_tdi_25.post_count = \"6\";\nblock_tdi_25.found_posts = \"28\";\nblock_tdi_25.header_color = \"\";\nblock_tdi_25.ajax_pagination_infinite_stop = \"\";\nblock_tdi_25.max_num_pages = \"5\";\ntdBlocksArray.push(block_tdi_25);\n<\/script><div class=\"td-block-title-wrap\"><\/div><div id=tdi_25 class=\"td_block_inner td-mc1-wrap\">\r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/may-tinh-online\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"M\u00e1y t\u00ednh online t\u00ednh to\u00e1n chu\u1ea9n nh\u1ea5t, \u1ee9ng d\u1ee5ng m\u00e1y t\u00ednh casio online mi\u1ec5n ph\u00ed\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/may-tinh-online-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/may-tinh-online\/\"  rel=\"bookmark\" title=\"M\u00e1y t\u00ednh online t\u00ednh to\u00e1n chu\u1ea9n nh\u1ea5t, \u1ee9ng d\u1ee5ng m\u00e1y t\u00ednh casio online mi\u1ec5n ph\u00ed\">M\u00e1y t\u00ednh online t\u00ednh to\u00e1n chu\u1ea9n nh\u1ea5t, \u1ee9ng d\u1ee5ng m\u00e1y t\u00ednh casio online mi\u1ec5n ph\u00ed<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/cach-chen-chu-vao-anh-online\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"C\u00e1ch ch\u00e8n ch\u1eef v\u00e0o \u1ea3nh online \u0111\u01a1n gi\u1ea3n, ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh tr\u1ef1c tuy\u1ebfn\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/cach-chen-chu-vao-anh-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/cach-chen-chu-vao-anh-online\/\"  rel=\"bookmark\" title=\"C\u00e1ch ch\u00e8n ch\u1eef v\u00e0o \u1ea3nh online \u0111\u01a1n gi\u1ea3n, ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh tr\u1ef1c tuy\u1ebfn\">C\u00e1ch ch\u00e8n ch\u1eef v\u00e0o \u1ea3nh online \u0111\u01a1n gi\u1ea3n, ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh tr\u1ef1c tuy\u1ebfn<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/chen-logo-vao-anh-hang-loat-online\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"C\u00e1ch ch\u00e8n logo v\u00e0o \u1ea3nh h\u00e0ng lo\u1ea1t online mi\u1ec5n ph\u00ed, ch\u00e8n watermark nhanh\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/chen-logo-vao-anh-hang-loat-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/chen-logo-vao-anh-hang-loat-online\/\"  rel=\"bookmark\" title=\"C\u00e1ch ch\u00e8n logo v\u00e0o \u1ea3nh h\u00e0ng lo\u1ea1t online mi\u1ec5n ph\u00ed, ch\u00e8n watermark nhanh\">C\u00e1ch ch\u00e8n logo v\u00e0o \u1ea3nh h\u00e0ng lo\u1ea1t online mi\u1ec5n ph\u00ed, ch\u00e8n watermark nhanh<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/emoji-la-gi\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"Emoji l\u00e0 g\u00ec? Nh\u1eefng \u1ee9ng d\u1ee5ng v\u00e0 \u01b0u \u0111i\u1ec3m n\u1ed5i b\u1eadt khi s\u1eed d\u1ee5ng emoji icon\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/emoji-la-gi-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/emoji-la-gi\/\"  rel=\"bookmark\" title=\"Emoji l\u00e0 g\u00ec? Nh\u1eefng \u1ee9ng d\u1ee5ng v\u00e0 \u01b0u \u0111i\u1ec3m n\u1ed5i b\u1eadt khi s\u1eed d\u1ee5ng emoji icon\">Emoji l\u00e0 g\u00ec? Nh\u1eefng \u1ee9ng d\u1ee5ng v\u00e0 \u01b0u \u0111i\u1ec3m n\u1ed5i b\u1eadt khi s\u1eed d\u1ee5ng emoji icon<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/chen-logo-vao-anh-online\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"App ch\u00e8n logo v\u00e0o \u1ea3nh online, c\u00f4ng c\u1ee5 ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/chen-logo-vao-anh-online-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/chen-logo-vao-anh-online\/\"  rel=\"bookmark\" title=\"App ch\u00e8n logo v\u00e0o \u1ea3nh online, c\u00f4ng c\u1ee5 ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed\">App ch\u00e8n logo v\u00e0o \u1ea3nh online, c\u00f4ng c\u1ee5 ch\u00e8n ch\u1eef v\u00e0o h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post\">\r\n            <div class=\"td-module-container td-category-pos-\">\r\n                                    <div class=\"td-image-container\">\r\n                                                <div class=\"td-module-thumb\"><a href=\"https:\/\/app.mitunet.com\/home\/doi-duoi-anh\/\"  rel=\"bookmark\" class=\"td-image-wrap \" title=\"C\u00f4ng c\u1ee5 \u0111\u1ed5i \u0111u\u00f4i \u1ea3nh online, chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed\" ><span class=\"entry-thumb td-thumb-css\" data-type=\"css_image\" data-img-url=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/doi-dinh-dang-anh-online-696x522.jpg\"  ><\/span><\/a><\/div>                                                                    <\/div>\r\n                \r\n                <div class=\"td-module-meta-info\">\r\n                                        \r\n                    <h3 class=\"entry-title td-module-title\"><a href=\"https:\/\/app.mitunet.com\/home\/doi-duoi-anh\/\"  rel=\"bookmark\" title=\"C\u00f4ng c\u1ee5 \u0111\u1ed5i \u0111u\u00f4i \u1ea3nh online, chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed\">C\u00f4ng c\u1ee5 \u0111\u1ed5i \u0111u\u00f4i \u1ea3nh online, chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng h\u00ecnh \u1ea3nh mi\u1ec5n ph\u00ed<\/a><\/h3>\r\n                    \r\n                    \r\n                    \r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":355,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-284","page","type-page","status-publish","has-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet<\/title>\n<meta name=\"description\" content=\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet\" \/>\n<meta property=\"og:description\" content=\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/\" \/>\n<meta property=\"og:site_name\" content=\"App Mitunet\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-15T03:45:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/ky-tu-dac-biet.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/\",\"url\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/\",\"name\":\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ky-tu-dac-biet.jpg\",\"datePublished\":\"2026-08-08T06:57:19+00:00\",\"dateModified\":\"2026-08-15T03:45:04+00:00\",\"description\":\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/#primaryimage\",\"url\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ky-tu-dac-biet.jpg\",\"contentUrl\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/ky-tu-dac-biet.jpg\",\"width\":800,\"height\":600,\"caption\":\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/ky-tu-dac-biet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Trang ch\u1ee7\",\"item\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/#website\",\"url\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/\",\"name\":\"App Mitunet\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/app.mitunet.com\\\/home\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet","description":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet","og_description":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...","og_url":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/","og_site_name":"App Mitunet","article_modified_time":"2026-08-15T03:45:04+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/ky-tu-dac-biet.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"1 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/","url":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/","name":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online | App Mitunet","isPartOf":{"@id":"https:\/\/app.mitunet.com\/home\/#website"},"primaryImageOfPage":{"@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/#primaryimage"},"image":{"@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/#primaryimage"},"thumbnailUrl":"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/ky-tu-dac-biet.jpg","datePublished":"2026-08-08T06:57:19+00:00","dateModified":"2026-08-15T03:45:04+00:00","description":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online hay nh\u1ea5t, \u0111\u1ea7y \u0111\u1ee7 c\u00e1c k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t, c\u00e1ch t\u1ea1o c\u00e1c t\u00ean g\u1ecdi v\u00e0 n\u1ed9i dung b\u1eb1ng k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, \u1ee9ng d\u1ee5ng t\u1ea1o t\u00ean c\u00f3 k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t...","breadcrumb":{"@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/#primaryimage","url":"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/ky-tu-dac-biet.jpg","contentUrl":"https:\/\/app.mitunet.com\/home\/wp-content\/uploads\/2026\/08\/ky-tu-dac-biet.jpg","width":800,"height":600,"caption":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t online"},{"@type":"BreadcrumbList","@id":"https:\/\/app.mitunet.com\/home\/ky-tu-dac-biet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/app.mitunet.com\/home\/"},{"@type":"ListItem","position":2,"name":"C\u00f4ng c\u1ee5 t\u1ea1o k\u00fd t\u1ef1 \u0111\u1eb7c bi\u1ec7t, ti\u1ec7n \u00edch t\u1ea1o t\u00ean c\u00f3 k\u00ed hi\u1ec7u \u0111\u1eb7c bi\u1ec7t online"}]},{"@type":"WebSite","@id":"https:\/\/app.mitunet.com\/home\/#website","url":"https:\/\/app.mitunet.com\/home\/","name":"App Mitunet","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/app.mitunet.com\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"}]}},"_links":{"self":[{"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/pages\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":39,"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/pages\/284\/revisions\/644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"https:\/\/app.mitunet.com\/home\/wp-json\/wp\/v2\/media?parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}