Thấy cái này đang hot theo trend 2020 nên mình sẽ hướng dẫn anh em làm. Cũng khá là đơn giản, không phức tạp như các bạn nghĩ. Sau đây không nói nhiều, chúng ta cùng bắt đầu. Cần có thư viện Jquery nhé. Mình chỉ ghi code ở đây, làm biếng giải thích code. […]
Ajax là kỹ thuật load 01 phần trang web, với cách load này sẽ giúp bạn không cần load lại toàn bộ trang web, giúp hiệu năng web đạt hiệu quả tốt hơn. Hiệu ứng load giống trang thegioididong.com Code PHP : add_action('wp_ajax_kk_get_post_by_category', 'kk_get_post_by_category_function'); add_action('wp_ajax_nopriv_kk_get_post_by_category', 'kk_get_post_by_category_function'); function kk_get_post_by_category_function() { $posts = new WP_Query(array( 'category_name' […]
Khi thiết kế website, chúng ta có thể tối ưu hóa website bằng nhiều cách, một trong cách đó theo mình thấy là chuyển đổi dữ liệu hình ảnh như logo, icon,… (nói chung là các hình ảnh thường dùng trong website) thành chuỗi data base64. Mời các bạn xem và tìm hiểu về tính […]
Khi ta kiểm tra PageSpeed Insights thì thấy có 1 số file css nằm trên cross domain (nghĩa là file css này không nằm cùng domain của website – xem hình vẽ bên dưới). Vì vậy dẫn đến điểm trên PageSpeed Insights sẽ bị hạn chế. Mình sẽ hướng dẫn các bạn fix lỗi này. Cách […]
Tìm tòi trên Inter, thấy plugin dàn trang cho các item này khá hay và đẹp nên đánh dấu tại đây, khi cần xem lại. jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hovering over […]
DEMO Code HTML: <header class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <!-- Mobile toggle button --> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Logo --> <a class="brand" href="#"><b>LOGO</b></a> <!– Navigation –> <nav class=”nav-collapse collapse”> <ul class=”nav”> <li><a href=”#top”>Home</a></li> <li class=”dropdown”> <a href=”#” class=”dropdown-toggle” data-toggle=”dropdown”>Mega Menu <b class=”caret”></b></a> <ul class=”dropdown-menu […]
Để tiện lợi hơn trong việc trao đổi thông tin giữa website và khách hàng, ngoài bình luận ra thì ta nên làm Form (biểu mẫu) để trao đổi trong tin với khác hàng, ví dụ như form liên hệ, form góp ý … Ở đây mình sẽ hướng dẫn cho các bạn làm form […]