{"id":1,"date":"2019-11-12T12:15:21","date_gmt":"2019-11-12T12:15:21","guid":{"rendered":"http:\/\/shopnet.muathemewordpress.net\/?p=1"},"modified":"2021-05-22T17:21:07","modified_gmt":"2021-05-22T10:21:07","slug":"chao-moi-nguoi","status":"publish","type":"post","link":"https:\/\/chophanmem.samba.vn\/chao-moi-nguoi\/","title":{"rendered":"Code ch\u00e8n Hotline v\u00e0 chat Facebook v\u00e0o ch\u00e2n trang tr\u00ean giao di\u1ec7n mobile cho website"},"content":{"rendered":"\r\n

C\u00f3 nhi\u1ec1u plugin c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n t\u1ea1o n\u00fat\u00a0ch\u00e8n Hotline<\/strong>\u00a0ho\u1eb7c\u00a0Chat Facebook<\/strong>\u00a0\u1edf ch\u00e2n trang tr\u00ean website WordPress. Tuy nhi\u00ean, ai trong ch\u00fang ta c\u0169ng th\u01b0\u1eddng e ng\u1ea1i khi d\u00f9ng plugin, v\u00ec n\u1ed7i lo n\u00f3 c\u00f3 th\u1ec3 g\u00e2y n\u1eb7ng n\u1ec1 ho\u1eb7c xung \u0111\u1ed9t v\u1edbi c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c c\u1ee7a website.<\/p>\r\n

M\u00ecnh c\u00f3 l\u00e0m m\u1ed9t v\u00e0i m\u1eabu web v\u00e0 \u0111\u01b0\u1ee3c kh\u00e1ch h\u00e0ng ph\u1ea3n h\u1ed3i kh\u00e1 t\u00edch c\u1ef1c v\u1ec1 n\u00fat Hotline \u1edf g\u00f3c tr\u00e1i ph\u00eda d\u01b0\u1edbi trang c\u0169ng nh\u01b0 2 n\u00fat Hotline + Chat Facebook \u1edf ch\u00e2n trang khi l\u01b0\u1edbt web tr\u00ean c\u00e1c thi\u1ebft b\u1ecb di \u0111\u1ed9ng. V\u00e0 h\u00f4m nay, m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n l\u00e0m c\u00e1c n\u00fat b\u1ea5m t\u01b0\u01a1ng t\u1ef1 nh\u00e9!<\/strong><\/p>\r\n

\"Ch\u00e8n<\/figure>\r\n

M\u1eddi xem demo t\u1ea1i \u0111\u00e2y:\u00a0http:\/\/cake.ninhbinhweb.com<\/a>,\u00a0http:\/\/fashion2.ninhbinhweb.com<\/a><\/p>\r\n

L\u01b0u \u00fd: nh\u1edb m\u1edf c\u1ea3 giao di\u1ec7n mobile \u0111\u1ec3 th\u1ea5y r\u00f5 2 n\u00fat \u1edf ch\u00e2n trang nh\u00e9!<\/strong><\/p>\r\n

T\u1ea1o n\u00fat Hotline cho giao di\u1ec7n Desktop<\/h3>\r\n

Th\u1ef1c ch\u1ea5t l\u00e0 m\u00ecnh t\u1ea1o m\u1ed9t \u0111o\u1ea1n HTML \u0111\u1ec3 t\u1ea1o n\u00fat Hotline v\u00e0 n\u00e9m v\u00f4 file\u00a0footer.php\u00a0c\u1ee7a giao di\u1ec7n, \u0111o\u1ea1n HTML \u0111\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c nh\u00fang s\u1eb5n code CSS \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng h\u00ecnh d\u00e1ng v\u00e0 m\u00e0u s\u1eafc theo \u00fd m\u00ecnh mu\u1ed1n.<\/p>\r\n

    \r\n
  • C\u00e1ch t\u00ecm file\u00a0footer.php:<\/strong>\u00a0v\u00e0o\u00a0Qu\u1ea3n tr\u1ecb > Giao di\u1ec7n > S\u1eeda > Footer.php<\/strong><\/li>\r\n
  • \u0110\u1ed1i v\u1edbi theme Flatsome c\u00f3 s\u1eed d\u1ee5ng Child theme:\u00a0Qu\u1ea3n tr\u1ecb > Giao di\u1ec7n > S\u1eeda > Ch\u1ecdn giao di\u1ec7n > Flatsome > Footer.php<\/strong>.<\/li>\r\n<\/ul>\r\n

    Ta copy \u0111o\u1ea1n code HTML sau v\u00e0 d\u00e1n v\u00e0o ph\u00eda d\u01b0\u1edbi th\u1ebb \u0111\u00f3ng <\/body> trong file\u00a0footer.php\u00a0c\u1ee7a giao di\u1ec7n.<\/p>\r\n

    \r\n
    \u00a0<\/div>\r\n
    \r\n\r\n\r\n\r\n
    \r\n
    \r\n
    1<\/div>\r\n
    2<\/div>\r\n
    3<\/div>\r\n
    4<\/div>\r\n<\/div>\r\n<\/td>\r\n
    		\r\n
    \r\n
    <<\/span>a<\/span> href<\/span>=<\/span>“tel:+84972939830”<\/span>><\/span><<\/span>div <\/span>class<\/span>=<\/span>“hotline”<\/span>><\/span><\/div>\r\n
    <<\/span>span <\/span>class<\/span>=<\/span>“before-hotline”<\/span>><\/span>Hotline<\/span>:<\/span><<\/span>\/<\/span>span<\/span>><\/span><\/div>\r\n
    <<\/span>span <\/span>class<\/span>=<\/span>“hotline-number”<\/span>><\/span>0972.939.830<\/span><<\/span>\/<\/span>span<\/span>><\/span><\/div>\r\n
    <<\/span>\/<\/span>div<\/span>><\/span><<\/span>\/<\/span>a<\/span>><\/span><\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n

    v\u00e0 ta c\u00f3 k\u1ebft qu\u1ea3 nh\u01b0 sau:<\/p>\r\n

    \"T\u1ea1o<\/figure>\r\n

    Gi\u1ea3i th\u00edch \u00fd ngh\u0129a:<\/strong><\/h4>\r\n
      \r\n
    • Trong \u0111\u00f3, ta c\u00f3 m\u1ed9t kh\u1ed1i <div>\u2026<\/div> ch\u1ee9a text \u201cHotline: 0972.939.830<\/strong>\u201c.<\/li>\r\n
    • Kh\u1ed1i <div>\u2026<\/div> \u0111\u00f3 \u0111\u01b0\u1ee3c \u0111\u1eb7t n\u1eb1m trong c\u1eb7p th\u1ebb <a>\u2026<\/a> c\u00f3 \u0111\u01b0\u1eddng d\u1eabn l\u00e0 \u201ctel:+84972939830\u201d.<\/li>\r\n
    • Do \u0111\u00f3, khi ta \u1ea5n chu\u1ed9t v\u00e0o n\u00fat Hotline, n\u00f3 s\u1ebd d\u1eabn link t\u1edbi s\u1ed1 \u0111i\u1ec7n tho\u1ea1i b\u00ean trong \u0111\u01b0\u1eddng d\u1eabn ta v\u1eeba ghi.<\/li>\r\n<\/ul>\r\n

      B\u00e2y gi\u1edd, ch\u00fang ta s\u1ebd s\u1eed d\u1ee5ng \u0111o\u1ea1n code CSS sau \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng cho n\u00fat Hotline \u0111\u01b0\u1ee3c \u0111\u1eb9p lung linh h\u01a1n nh\u00e9!<\/p>\r\n

      Copy to\u00e0n b\u1ed9 \u0111o\u1ea1n code CSS d\u01b0\u1edbi \u0111\u00e2y v\u00e0 d\u00e1n v\u00e0o sau th\u1ebb \u0111\u00f3ng <\/body> trong file\u00a0footer.php<\/strong>\u00a0c\u1ee7a giao di\u1ec7n. (d\u00e1n ngay b\u00ean tr\u00ean \u0111o\u1ea1n code HTML v\u1eeba l\u00e0m).<\/p>\r\n

      \r\n
      \u00a0<\/div>\r\n
      \r\n\r\n\r\n\r\n
      \r\n
      \r\n
      1<\/div>\r\n
      2<\/div>\r\n
      3<\/div>\r\n
      4<\/div>\r\n
      5<\/div>\r\n
      6<\/div>\r\n
      7<\/div>\r\n
      8<\/div>\r\n
      9<\/div>\r\n
      10<\/div>\r\n
      11<\/div>\r\n
      12<\/div>\r\n
      13<\/div>\r\n
      14<\/div>\r\n
      15<\/div>\r\n
      16<\/div>\r\n
      17<\/div>\r\n
      18<\/div>\r\n
      19<\/div>\r\n<\/div>\r\n<\/td>\r\n
      		\r\n
      \r\n
      <style><\/span><\/div>\r\n
      .mobile-hotline<\/span>{<\/span>display<\/span>:<\/span>none<\/span>}<\/span><\/div>\r\n
      .hotline <\/span>{<\/span>position<\/span>:<\/span> fixed<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>left<\/span>:<\/span> 10px<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>bottom<\/span>:<\/span> 10px<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>z-index<\/span>:<\/span> 9000<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>display<\/span>:<\/span> block<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>background<\/span>:<\/span> #fac100<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>color<\/span>:<\/span> red<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>padding-top<\/span>:<\/span> 5px<\/span>;<\/span>padding-bottom<\/span>:<\/span>5px<\/span>;<\/span> padding-left<\/span>:<\/span>12px<\/span>;<\/span> padding-right<\/span>:<\/span> 12px<\/span>;<\/span><\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>border-radius<\/span>:<\/span> 99px<\/span>;<\/span>}<\/span><\/div>\r\n
      .hotline .hotline-number<\/span>{<\/span>font-size<\/span>:<\/span>20px<\/span>;<\/span> color<\/span>:<\/span> #b20000<\/span>;<\/span> font-weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
      \u00a0<\/div>\r\n
      @media\u00a0\u00a0(max-width: 767px) <\/span>{<\/span><\/div>\r\n
      \u00a0<\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0<\/span>.hotline<\/span>{<\/span><\/div>\r\n
      \u00a0<\/div>\r\n
      \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>display<\/span> :<\/span>none<\/span>;<\/span>}<\/span>}<\/span><\/div>\r\n
      <\/style><\/span><\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n
      \"T\u1ea1o<\/figure>\r\n

      \u0110o\u1ea1n code tr\u00ean ch\u00fang ta \u0111\u1eb7t cho hotline nh\u1eefng thu\u1ed9c t\u00ednh ch\u00ednh sau:<\/p>\r\n

        \r\n
      • N\u1eb1m im m\u1ed9t ch\u1ed7 kh\u00f4ng nh\u00fac nh\u00edch:<\/strong>\u00a0Position: fixed;<\/li>\r\n
      • C\u00e1ch l\u1ec1 tr\u00e1i 10px:<\/strong>\u00a0left:10px;<\/li>\r\n
      • C\u00e1ch ch\u00e2n trang 10px:<\/strong>\u00a0bottom:10px;<\/li>\r\n
      • M\u00e0u n\u1ec1n l\u00e0 v\u00e0ng: background:<\/strong>\u00a0#fac100;<\/li>\r\n
      • Tr\u00ean giao di\u1ec7n mobile<\/strong>\u00a0th\u00ec display:none, ngh\u0129a l\u00e0 cho \u1ea9n tr\u00ean giao di\u1ec7n di \u0111\u1ed9ng, \u0111\u1ec3 ph\u1ea7n sau ta ch\u00e8n 2 c\u00e1i n\u00fat kia \u0111\u1eb9p h\u01a1n.<\/li>\r\n<\/ul>\r\n

        V\u00e0 sau 2 l\u1ea7n copy \u2013 paste, ch\u00fang ta \u0111\u00e3 l\u00e0m \u0111\u01b0\u1ee3c n\u00fat Hotline kh\u00e1 \u1ea5n t\u01b0\u1ee3ng r\u1ed3i ph\u1ea3i kh\u00f4ng? Ph\u1ea7n ti\u1ebfp theo ch\u00fang ta c\u00f9ng ti\u1ebfp t\u1ee5c nghi\u00ean c\u1ee9u \u0111\u1ec3 l\u00e0m hai n\u00fat\u00a0Hotline + Chat Facebook<\/strong>\u00a0\u1edf ch\u00e2n trang tr\u00ean giao di\u1ec7n mobile nh\u01b0 h\u00ecnh d\u01b0\u1edbi nh\u00e9!<\/p>\r\n

        \"Code<\/figure>\r\n

        T\u1ea1o n\u00fat Hotline v\u00e0 Chat Facebook \u1edf ch\u00e2n trang tr\u00ean giao di\u1ec7n mobile<\/h3>\r\n

        C\u0169ng trong file\u00a0footer.php\u00a0c\u1ee7a giao di\u1ec7n ch\u00fang ta v\u1eeba s\u1eeda, b\u00e2y gi\u1edd c\u00e1c b\u1ea1n copy v\u00e0 d\u00e1n \u0111o\u1ea1n code HTML n\u00e0y v\u00e0o sau th\u1ebb \u0111\u00f3ng <\/body> nh\u00e9!<\/p>\r\n

        \r\n
        \u00a0<\/div>\r\n
        \r\n\r\n\r\n\r\n
        \r\n
        \r\n
        1<\/div>\r\n
        2<\/div>\r\n
        3<\/div>\r\n
        4<\/div>\r\n
        5<\/div>\r\n
        6<\/div>\r\n<\/div>\r\n<\/td>\r\n
        		\r\n
        \r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline”<\/span>><\/span><\/div>\r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline-left”<\/span>><\/span><\/div>\r\n
        <<\/span>a<\/span> href<\/span>=<\/span>“http:\/\/www.messenger.com\/t\/joseph.thien.75”<\/span> target<\/span>=<\/span>“blank”<\/span>><\/span>Chat <\/span>Facebook<\/span><<\/span>\/<\/span>a<\/span>><\/span><\/div>\r\n
        <<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline-right”<\/span>><\/span><<\/span>a<\/span> href<\/span>=<\/span>“tel:+84972939830”<\/span> target<\/span>=<\/span>“blank”<\/span>><\/span>G<\/span>\u1ecdi<\/span> \u0111i<\/span>\u1ec7n<\/span> ngay<\/span><<\/span>\/<\/span>a<\/span>><\/span><<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n
        <<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n

        C\u00e1c b\u1ea1n thay link Messenger c\u00e1 nh\u00e2n v\u00e0 s\u1ed1 hotline v\u00e0o nh\u00e9. C\u00f2n n\u1ebfu ai kh\u00f4ng bi\u1ebft \u0111\u1ecba ch\u1ec9 Messenger c\u1ee7a m\u00ecnh th\u1ebf n\u00e0o th\u00ec nh\u00ecn h\u00ecnh b\u00ean d\u01b0\u1edbi nh\u00e9, c\u00e1c b\u1ea1n nh\u1edb copy ph\u1ea7n cu\u1ed1i c\u1ee7a URL trang c\u00e1 nh\u00e2n, r\u1ed3i th\u00eam v\u00e0o sau \u201chttp:\/\/www.messenger.com\/t\/\u201d l\u00e0 \u0111\u01b0\u1ee3c nh\u00e9!<\/p>\r\n

        \"Ch\u00e8n<\/figure>\r\n

        B\u01b0\u1edbc ti\u1ebfp theo, copy to\u00e0n b\u1ed9 \u0111o\u1ea1n code CSS n\u00e0y, v\u00e0 d\u00e1n v\u00e0o b\u00ean trong c\u1eb7p th\u1ebb\u00a0<style>\u2026<\/style>\u00a0m\u00e0 m\u00ecnh v\u1eeba s\u1eed d\u1ee5ng \u1edf ph\u1ea7n tr\u00ean nh\u00e9!<\/p>\r\n

        \r\n
        \u00a0<\/div>\r\n
        \r\n\r\n\r\n\r\n
        \r\n
        \r\n
        1<\/div>\r\n
        2<\/div>\r\n
        3<\/div>\r\n
        4<\/div>\r\n
        5<\/div>\r\n
        6<\/div>\r\n
        7<\/div>\r\n<\/div>\r\n<\/td>\r\n
        		\r\n
        \r\n
        @<\/span>media<\/span>\u00a0\u00a0<\/span>(<\/span>max<\/span>–<\/span>width<\/span>:<\/span> 767px<\/span>)<\/span>{<\/span>.<\/span>mobile<\/span>–<\/span>hotline<\/span>{<\/span>display<\/span>:<\/span> block<\/span>;<\/span> bottom<\/span>:<\/span> 0<\/span>;<\/span> width<\/span>:<\/span> 100<\/span>%<\/span>;<\/span> background<\/span>:<\/span>rgba<\/span>(<\/span>0<\/span>,<\/span>0<\/span>,<\/span>0<\/span>,<\/span>0.5<\/span>)<\/span>;<\/span> height<\/span>:<\/span> 60px<\/span>;<\/span> position<\/span>:<\/span> fixed<\/span>;<\/span> z<\/span>–<\/span>index<\/span>:<\/span>9999999<\/span>}<\/span><\/div>\r\n
        .<\/span>mobile<\/span>–<\/span>hotline<\/span> .<\/span>mobile<\/span>–<\/span>hotline<\/span>–<\/span>left<\/span>{<\/span>width<\/span>:<\/span> 45<\/span>%<\/span>;<\/span> float<\/span>:<\/span> left<\/span>;<\/span> text<\/span>–<\/span>align<\/span>:<\/span> center<\/span>;<\/span> background<\/span>:<\/span> #00a502; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}<\/span><\/div>\r\n
        .<\/span>mobile<\/span>–<\/span>hotline<\/span> .<\/span>mobile<\/span>–<\/span>hotline<\/span>–<\/span>left<\/span> a<\/span>{<\/span>color<\/span>:<\/span> white<\/span>;<\/span> line<\/span>–<\/span>height<\/span>:<\/span> 46px<\/span>;<\/span> font<\/span>–<\/span>size<\/span>:<\/span>16px<\/span>;<\/span> font<\/span>–<\/span>weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        .<\/span>mobile<\/span>–<\/span>hotline<\/span> .<\/span>mobile<\/span>–<\/span>hotline<\/span>–<\/span>right<\/span>{<\/span>width<\/span>:<\/span> 45<\/span>%<\/span>;<\/span> float<\/span>:<\/span> right<\/span>;<\/span> text<\/span>–<\/span>align<\/span>:<\/span> center<\/span>;<\/span> background<\/span>:<\/span> #fac100; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}<\/span><\/div>\r\n
        .<\/span>mobile<\/span>–<\/span>hotline<\/span> .<\/span>mobile<\/span>–<\/span>hotline<\/span>–<\/span>right<\/span> a<\/span>{<\/span>color<\/span>:<\/span> red<\/span>;<\/span> line<\/span>–<\/span>height<\/span>:<\/span> 46px<\/span>;<\/span> font<\/span>–<\/span>size<\/span>:<\/span> 16px<\/span>;<\/span> font<\/span>–<\/span>weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
        }<\/span><\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n

        Th\u1ebf l\u00e0 m\u00ecnh \u0111\u00e3 c\u00f3 m\u1ed9t thanh ngang \u1edf ch\u00e2n trang ch\u1ee9a 2 n\u00fat ti\u1ec7n \u00edch Hotline + Chat Facebook r\u1ed3i nh\u00e9!<\/p>\r\n

        T\u1ed5ng h\u1ee3p code c\u1ee7a to\u00e0n b\u1ed9 b\u00e0i vi\u1ebft:<\/p>\r\n

        \r\n
        \u00a0<\/div>\r\n
        \r\n\r\n\r\n\r\n
        \r\n
        \r\n
        1<\/div>\r\n
        2<\/div>\r\n
        3<\/div>\r\n
        4<\/div>\r\n
        5<\/div>\r\n
        6<\/div>\r\n
        7<\/div>\r\n
        8<\/div>\r\n
        9<\/div>\r\n
        10<\/div>\r\n
        11<\/div>\r\n
        12<\/div>\r\n
        13<\/div>\r\n
        14<\/div>\r\n
        15<\/div>\r\n
        16<\/div>\r\n
        17<\/div>\r\n
        18<\/div>\r\n
        19<\/div>\r\n
        20<\/div>\r\n
        21<\/div>\r\n
        22<\/div>\r\n
        23<\/div>\r\n
        24<\/div>\r\n
        25<\/div>\r\n
        26<\/div>\r\n
        27<\/div>\r\n
        28<\/div>\r\n
        29<\/div>\r\n
        30<\/div>\r\n
        31<\/div>\r\n
        32<\/div>\r\n
        33<\/div>\r\n
        34<\/div>\r\n
        35<\/div>\r\n
        36<\/div>\r\n
        37<\/div>\r\n
        38<\/div>\r\n
        39<\/div>\r\n<\/div>\r\n<\/td>\r\n
        		\r\n
        \r\n
        <style><\/span><\/div>\r\n
        .mobile-hotline<\/span>{<\/span>display<\/span>:<\/span>none<\/span>}<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        .hotline <\/span>{<\/span>position<\/span>:<\/span> fixed<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>left<\/span>:<\/span> 10px<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>bottom<\/span>:<\/span> 10px<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>z-index<\/span>:<\/span> 9000<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>display<\/span>:<\/span> block<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>background<\/span>:<\/span> #fac100<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>color<\/span>:<\/span> red<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>padding-top<\/span>:<\/span> 5px<\/span>;<\/span>padding-bottom<\/span>:<\/span>5px<\/span>;<\/span> padding-left<\/span>:<\/span>12px<\/span>;<\/span> padding-right<\/span>:<\/span> 12px<\/span>;<\/span><\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>border-radius<\/span>:<\/span> 99px<\/span>;<\/span>}<\/span><\/div>\r\n
        .hotline .hotline-number<\/span>{<\/span>font-size<\/span>:<\/span>20px<\/span>;<\/span> color<\/span>:<\/span> #b20000<\/span>;<\/span> font-weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        @media\u00a0\u00a0(max-width: 767px) <\/span>{<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>.hotline<\/span>{<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span>display<\/span> :<\/span>none<\/span>;<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        \u00a0\u00a0\u00a0\u00a0<\/span>}<\/span><\/div>\r\n
        .mobile-hotline<\/span>{<\/span>display<\/span>:<\/span> block<\/span>;<\/span> bottom<\/span>:<\/span> 0<\/span>;<\/span> width<\/span>:<\/span> 100%<\/span>;<\/span> background<\/span>:<\/span>rgba<\/span>(<\/span>0,0,0,0.5<\/span>)<\/span>;<\/span> height<\/span>:<\/span> 60px<\/span>;<\/span> position<\/span>:<\/span> fixed<\/span>;<\/span> z-index<\/span>:<\/span>9999999<\/span>}<\/span><\/div>\r\n
        .mobile-hotline .mobile-hotline-left<\/span>{<\/span>width<\/span>:<\/span> 45%<\/span>;<\/span> float<\/span>:<\/span> left<\/span>;<\/span> text-align<\/span>:<\/span> center<\/span>;<\/span> background<\/span>:<\/span> #00a502<\/span>;<\/span> margin-left<\/span>:<\/span> 10px<\/span>;<\/span> margin-right<\/span>:<\/span>5px<\/span>;<\/span> margin-top<\/span>:<\/span> 7px<\/span>;<\/span> height<\/span>:<\/span> 45px<\/span>;<\/span> border-radius<\/span>:<\/span> 4px<\/span>}<\/span><\/div>\r\n
        .mobile-hotline .mobile-hotline-left a<\/span>{<\/span>color<\/span>:<\/span> white<\/span>;<\/span> line-height<\/span>:<\/span> 46px<\/span>;<\/span> font-size<\/span>:<\/span>16px<\/span>;<\/span> font-weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
        \u00a0<\/div>\r\n
        .mobile-hotline .mobile-hotline-right<\/span>{<\/span>width<\/span>:<\/span> 45%<\/span>;<\/span> float<\/span>:<\/span> right<\/span>;<\/span> text-align<\/span>:<\/span> center<\/span>;<\/span> background<\/span>:<\/span> #fac100<\/span>;<\/span> margin-left<\/span>:<\/span> 5px<\/span>;<\/span> margin-right<\/span>:<\/span> 10px<\/span>;<\/span> margin-top<\/span>:<\/span> 7px<\/span>;<\/span> height<\/span>:<\/span> 45px<\/span>;<\/span> border-radius<\/span>:<\/span> 4px<\/span>}<\/span><\/div>\r\n
        .mobile-hotline .mobile-hotline-right a<\/span>{<\/span>color<\/span>:<\/span> red<\/span>;<\/span> line-height<\/span>:<\/span> 46px<\/span>;<\/span> font-size<\/span>:<\/span> 16px<\/span>;<\/span> font-weight<\/span>:<\/span> bold<\/span>}<\/span><\/div>\r\n
        }<\/span><\/div>\r\n
        <\/style><\/span><\/div>\r\n
        <<\/span>a<\/span> href<\/span>=<\/span>“tel:+84972939830”<\/span>><\/span><<\/span>div <\/span>class<\/span>=<\/span>“hotline”<\/span>><\/span><\/div>\r\n
        <<\/span>span <\/span>class<\/span>=<\/span>“before-hotline”<\/span>><\/span>Hotline<\/span>:<\/span><<\/span>\/<\/span>span<\/span>><\/span><\/div>\r\n
        <<\/span>span <\/span>class<\/span>=<\/span>“hotline-number”<\/span>><\/span>0972.939.830<\/span><<\/span>\/<\/span>span<\/span>><\/span><\/div>\r\n
        <<\/span>\/<\/span>div<\/span>><\/span><<\/span>\/<\/span>a<\/span>><\/span><\/div>\r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline”<\/span>><\/span><\/div>\r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline-left”<\/span>><\/span><\/div>\r\n
        <<\/span>a<\/span> href<\/span>=<\/span>“http:\/\/www.messenger.com\/t\/joseph.thien.75”<\/span> target<\/span>=<\/span>“blank”<\/span>><\/span>Chat <\/span>Facebook<\/span><<\/span>\/<\/span>a<\/span>><\/span><\/div>\r\n
        <<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n
        <<\/span>div <\/span>class<\/span>=<\/span>“mobile-hotline-right”<\/span>><\/span><<\/span>a<\/span> href<\/span>=<\/span>“tel:+84972939830”<\/span> target<\/span>=<\/span>“blank”<\/span>><\/span>G<\/span>\u1ecdi<\/span> \u0111i<\/span>\u1ec7n<\/span> ngay<\/span><<\/span>\/<\/span>a<\/span>><\/span><<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n
        <<\/span>\/<\/span>div<\/span>><\/span><\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n

        C\u00e1c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 copy to\u00e0n b\u1ed9 \u0111o\u1ea1n code tr\u00ean v\u00e0 d\u00e1n v\u00e0o sau th\u1ebb \u0111\u00f3ng <\/body> trong file\u00a0footer.php\u00a0c\u1ee7a giao di\u1ec7n b\u1ea1n \u0111ang d\u00f9ng, \u0111\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ed3ng th\u1eddi c\u1ea3 2 lo\u1ea1i n\u00fat b\u1ea5m cho desktop v\u00e0 mobile lu\u00f4n nh\u00e9! Qu\u00e1 d\u1ec5 ph\u1ea3i kh\u00f4ng n\u00e0o?<\/p>\r\n

        L\u1eddi k\u1ebft<\/h3>\r\n

        C\u00e1c b\u1ea1n th\u1eed l\u00e0m coi sao nh\u00e9, n\u1ebfu kh\u00f4ng \u0111\u01b0\u1ee3c th\u00ec vui l\u00f2ng li\u00ean h\u1ec7 m\u00ecnh \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 nh\u00e9. C\u00e1m \u01a1n s\u1ef1 quan t\u00e2m theo d\u00f5i v\u00e0 \u1ee7ng h\u1ed9 c\u1ee7a c\u00e1c b\u1ea1n danh cho blog Ninh B\u00ecnh Web trong su\u1ed1t th\u1eddi gian qua. Ch\u00fac c\u00e1c b\u1ea1n l\u00e0m t\u1ed1t nh\u00e9!<\/p>\r\n","protected":false},"excerpt":{"rendered":"

        C\u00f3 nhi\u1ec1u plugin c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n t\u1ea1o n\u00fat\u00a0ch\u00e8n Hotline\u00a0ho\u1eb7c\u00a0Chat Facebook\u00a0\u1edf ch\u00e2n trang tr\u00ean website WordPress. Tuy nhi\u00ean, ai trong ch\u00fang ta c\u0169ng th\u01b0\u1eddng e ng\u1ea1i khi d\u00f9ng plugin, v\u00ec n\u1ed7i lo n\u00f3 c\u00f3 th\u1ec3 g\u00e2y n\u1eb7ng n\u1ec1 ho\u1eb7c xung \u0111\u1ed9t v\u1edbi c\u00e1c th\u00e0nh ph\u1ea7n kh\u00e1c c\u1ee7a website. M\u00ecnh c\u00f3 l\u00e0m m\u1ed9t v\u00e0i m\u1eabu web …<\/p>\n","protected":false},"author":1,"featured_media":522,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/posts\/1"}],"collection":[{"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/comments?post=1"}],"version-history":[{"count":2,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":737,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/posts\/1\/revisions\/737"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chophanmem.samba.vn\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}