MMO - kiếm tiền online và thủ thuật máy tính


Cộng đồng vui bựa status Tham gia đê

Trình duyệt Google Chrome, Cốc Cốc tự reload tab

20:16 |

Tự tải lại trang không phải lỗi, đó là một tính năng trên Chrome và Cốc Cốc để tiết kiệm bộ nhớ cho trình duyệt. Nếu bạn cảm thấy khó chịu, hãy tắt nó đi :))


Trình duyệt Google Chrome, Cốc Cốc tự reload tab
Trình duyệt Google Chrome, Cốc Cốc tự reload tab

Hiện tượng auto reload tab sẽ dễ nhận biết hơn khi bạn mở nhiều tab, tiện ích chả thấy đâu mà bực mình thì ngay trước mắt, cáu éo chịu được :)) Đang đọc đến giữa truyện, ngứa tay mở tab mới lướt facebook, được lúc quay về đọc truyện tiếp thì dính reload. Lại phải "hì hục" kéo nội dung xuống đoạn đọc dở, một lần còn chấp nhận được chứ lần nào cũng vậy thì DẸP đê :))

Tắt reload tab trên Google Chrome


- Mở trình duyệt, tại thanh địa chỉ gõ chrome://flags/#automatic-tab-discarding rồi nhấn Enter.
- Ở mục Automatic tab discarding, chọn Disabled.

Trình duyệt Google Chrome, Cốc Cốc tự reload tab
Tắt auto reload tab trên Google Chrome

- Thông báo xuất hiện, chọn Relaunch now để trình duyệt tự khởi động lại, okie xong :)

Trình duyệt Google Chrome, Cốc Cốc tự reload tab
Nhấn relaunch now để thay đổi có hiệu lực

Tắt reload tab trên Cốc Cốc

2 trình duyệt này sử dụng cùng mã nguồn mở nên thao tác khá giống nhau anh em nhé. Tuy nhiên mình ít gặp sự cố Cốc Cốc tự tải lại trang, chủ yếu là trên Chrome thôi.

- Mở trình duyệt, tại thanh địa chỉ gõ coccoc://flags/#automatic-tab-discarding.
- Ở mục Automatic tab discarding, chọn Disabled.
- Thông báo xuất hiện, chọn Relaunch now để thay đổi có hiệu lực.


Từ khóa tìm kiếm :

  • cốc cốc tự tải lại trang
  • google chrome bị load lại tab
  • google chrome bị lỗi reload
  • chrome tu dong refresh
  • tu dong refresh trang web
  • chrome tự refresh

Hướng dẫn đặt vé Lotte Cinema online

09:01 |

Thay vì phải mò ra tận rạp chiếu phim, bạn hoàn toàn có thể tự đặt vé online trên Lotte Cinema chỉ với vài thao tác.


Hướng dẫn đặt vé Lotte Cinema online
Hướng dẫn đặt vé Lotte Cinema online

Chuẩn bị


 1. Đã có tài khoản thành viên trên Lotte cinema. Đây là điều kiện bắt buộc, nếu chưa có, xin anh em vui lòng đăng ký tại đây và nhớ cung cấp đầy đủ thông tin cá nhân nhé.


2. Thẻ ATM, VISA hoặc Master đã được đăng ký dịch vụ thanh toán trực tuyến. Hãy đảm bảo là bạn đã thêm chính xác số điện thoại đang sử dụng vào phần thông tin cá nhân để sử dụng trong việc xác nhận giao dịch.

Hướng dẫn đặt vé Lotte Cinema online
Thông báo khi thẻ chưa đăng ký dịch vụ thanh toán trực tuyến

Đặt vé Lotte cinema online bằng máy tính



Bước 1
Trên menu ngang, chọn lần lượt các mục Lịch chiếuChọn rạpChọn ngày chiếuChọn lịch chiếu.

Hướng dẫn đặt vé Lotte Cinema online
Chọn lịch chiếu phim online trên Lotte cinema

Với 1 số phim có nội dung "người nhớn", bạn sẽ bắt gặp thông báo này. Chọn Tôi đồng ý nhé.

May quá mình 14 tuổi =))

Bước 2 : Chọn ghế.
Mình thường chọn chỗ ngồi ở các hàng E ⇒ H bởi góc nhìn phù hợp, không gần cũng không xa. Mất thêm 5k cho ghế vip là sẽ có ngay view đẹp chính giữa trung tâm :))

Hướng dẫn đặt vé Lotte Cinema online
Chọn vị trí ghế trong rạp

Bước 3 : Xác nhận thông tin
- Kiểm tra lại thông tin đặt vé (địa điểm rạp, ngày giờ, chi phí).
- Lựa chọn phương thức thanh toán, mình sẽ chọn ATM cho nhanh gọn và cũng khuyến khích anh em sử dụng loại thẻ này.
- Tích vào ô "Tôi đồng ý ..." ⇒ Tiếp tục.

Hướng dẫn đặt vé Lotte Cinema online
Xác nhận thông tin đặt vé

Bước 4 : Thanh toán
Lotte cinema sẽ đưa ra danh sách các ngân hàng có liên kết trong việc thanh toán đặt vé xem phim online. Ở đây mình chọn Vietcombank bởi thẻ ATM của ngân hàng này đã được kích hoạt dịch vụ thanh toán trực tuyến.

Hướng dẫn đặt vé Lotte Cinema online
Chọn ngân hàng để thanh toán

Nhập lần lượt số thẻ, ngày phát hành và tên chủ thẻ. Các thông tin này đều có hết ở mặt trước của thẻ ATM nhé. Nhấn Tiếp tục để chuyển sang bước tiếp theo.

Hướng dẫn đặt vé Lotte Cinema online
Nhập thông tin thẻ

Nhập chuỗi xác minh ⇒ Nhấn Thanh toán.

Hướng dẫn đặt vé Lotte Cinema online
Tiến hành thanh toán

Ở bước này, Vietcombank sẽ gửi cho mình 1 mã giao dịch vào số điện thoại (đã đề cập tới ở phần Chuẩn bị). Nhập mã giao dịch ⇒ Thanh toán.

Hướng dẫn đặt vé Lotte Cinema online
Xác nhận thanh toán đặt vé Lotte cinema online

Đợi Lotte Cinema xử lý một chút. Nếu mọi thứ okie, bạn sẽ nhận được thông báo Đặt vé thành công. Còn không, xin vui lòng làm theo chỉ dẫn của hệ thống.

Lưu ý : hãy lưu lại mã số đặt chỗ. Khi ra rạp chiếu phim của Lotte cinema, bạn chỉ cần đưa cho nhân viên mã này là sẽ nhận được vé.

Hướng dẫn đặt vé Lotte Cinema online
Đặt vé Lotte Cinema online thành công

Có cả thông báo trên số điện thoại.

Đặt vé Lotte Cinema online thành công


Từ khóa tìm kiếm :

  • lotte cinema lịch chiếu
  • đặt vé online loitte cinema
  • giá vé lotte cinema
  • đặt vé lotte cinema bằng ứng dụng
  • dat ve xem phim lotte cinema online

Tạo email theo tên miền riêng bằng Yandex

14:50 |

Với Yandex, bạn hoàn toàn có thể tự tạo cho mình những email với tên miền riêng dạng abc@domain.com. Vừa chuyên nghiệp, vừa miễn phí :))


Tạo email theo tên miền riêng bằng Yandex
Tạo email theo tên miền riêng bằng Yandex 

Yêu cầu


- Để tạo được email theo tên miền riêng miễn phí bằng Yandex, trước tiên bạn phải có 1 tên miền (domain) dưới sự quản lý của mình.
- Ở bài viết này, mình sẽ sử dụng tên miền www.vuistt.com. Khi đó, email sẽ có dạng abc@vuistt.com (cụ thể hơn là admin@vuistt.com).

Tạo tài khoản Yandex


Yandex là một công ty của Nga chuyên cung cấp các dịch vụ về ứng dụng và phần mềm. Anh em biết Google Seach hay Bing Yahoo chứ ? Yandex cũng có 1 dịch vụ tìm kiếm nổi tiếng như vậy, nhưng phổ biến ở Nga thôi :))
Để sử dụng được Yandex Mail, đăng ký là việc đầu tiên cần làm.


Nhập lần lượt các thông tin.
- First name : tên.
- Surname : họ + tên đệm.
- Enter a login : tên người dùng (ví dụ : namcupeo).
- Nhập mật khẩu 2 lần.
- Số điện thoại với định dạng +84.... (ví dụ : +8415005392).
⇒ Sau khi nhập sđt, nút Send code sẽ xuất hiện, nhấn để lấy mã xác nhận trong vòng 30s.
⇒ Nếu bạn không muốn sử dụng sđt, hãy chọn I don't have a telephone number. Hệ thống sẽ chuyển phương thức xác minh sang câu hỏi bí mật.
- Cuối cùng là nhấn Register để đăng ký tài khoản Yandex.

Tạo email theo tên miền riêng bằng Yandex
Đăng ký tài khoản Yandex

Thêm tên miền riêng vào Yandex


- Truy cập địa chỉ https://domain.yandex.com/domains_add/.
- Nhập tên miền vào ô trống (nhớ bỏ www đi nhé) rồi nhấn Connect domain để kiểm tra kết nối.

Tạo email theo tên miền riêng bằng Yandex
Kiểm tra kết nối tên miền của bạn với Yandex

- Vì chưa cấu hình nên chắc chắn kết nối sẽ bị lỗi rồi 😈 Lúc này, Yandex sẽ đưa ra 2 bước tiếp theo cho người dùng.

Lưu ý : 2 bước dưới đây được mình thao tác trên nhà cung cấp tên miền Namecheap.com. Với các nhà cung cấp dịch vụ khác, anh em cũng thao tác tương tự nhé.

Bước 1 : Xác minh quyền sở hữu tên miền (Verify domain ownership).


Bạn sẽ được yêu cầu thao tác trực tiếp trên Web hosting (cách 1) hoặc trên trang quản lý tên miền (domain manage - cách 2). Ở bài viết này, mình sẽ lựa chọn cách thứ 2 bởi www.vuistt.com sử dụng hosting free của Google nên không chỉnh sửa được.

Tạo email theo tên miền riêng bằng Yandex
Nội dung bước 1

Yêu cầu : For the subdomain yamail-b2b0d78c67fe in your domain zone, enter the CNAME record on mail.yandex.com.

Thao tác
- Đăng nhập vào website của nhà cung cấp dịch vụ tên miền.
- Tìm tới trang cài đặt DNS nâng cao. Sau đó tại mục Host Record hãy tạo thêm 1 bản ghi mới có thông số như sau.
- Type : CNAME.
- Host / Subdomain  : yamail-b2b0d78c67fe 
- Value / Data : mail.yandex.com. (copy cả dấu chấm sau chữ com nhé).

Và đây là kết quả.

Tạo email theo tên miền riêng bằng Yandex
Xác minh quyền sở hữu tên miền trên Yandex

Xong thao tác này, hãy quay trở lại và nhấn nút Verify domain ownership xem bước 1 okie chưa.
- Okie rồi thì chuyển sang bước 2 luôn.
- Nếu chưa được thì anh em chịu khó đợi một lát bởi hệ thống sẽ cần thời gian để cập nhật lại thay đổi này. Namecheap cần 10 phút thôi :D

Bước 2 : Cấu hình bản ghi MX


Tạo email theo tên miền riêng bằng Yandex
Nội dung bước 2

- Truy cập trang cài đặt DNS nâng cao.
- Tìm đến Mail Settings và thêm vào đó 1 bản ghi MX (Custom MX).

Tạo email theo tên miền riêng bằng Yandex
Mail settings trên nhà cung cấp namecheap.com

- Ở bản ghi mới, hãy nhập chính xác các thông số giống như Yandex cung cấp, sai là không nhận được email đâu nhé.

Tạo email theo tên miền riêng bằng Yandex
Thông số của MX Record (thao tác trên namecheap.com)

- Cuối cùng là nhấn Verify MX records để xác minh. Giống như bước 1, quá trình này có thể mất tới vài tiếng để cập nhật. Cứ khi nào nút Verify MX records vẫn còn thì cách 10 phút lại nhấn thêm 1 lần nhé.

Nếu xác minh thành công, Yandex sẽ hiển thị chữ Domain connected. Okie :)

Tạo email theo tên miền riêng bằng Yandex
Kết nối tên miền riêng trên Yandex thành công

Tạo hòm thư (mailbox) cho tên miền riêng


Anh em nhìn lên hình bên trên nhé.
- Để tạo mailbox / email mới, hãy nhập lần lượt tên người dùng và mật khẩu (ví dụ : admin@vuistt.com), sau đó nhấn Add.
- Tại thời điểm này, Yandex cho phép người dùng tạo tối đa 1000 mailbox tương đương 1000 người dùng, nhòe cmnl =)) Ok, tạo xong rồi thì đăng nhập như nào ? ⇒ Click Login to mailbox.

Tạo email theo tên miền riêng bằng Yandex
Tạo email theo tên miền riêng bằng Yandex 

- Đăng nhập bằng tài khoản vừa tạo.

Tạo email theo tên miền riêng bằng Yandex
Đănh nhập Yandex Email

- Ở lần đăng nhập đầu tiên, hệ thống sẽ yêu cầu bạn cung cấp thêm các thông tin cá nhân khác. Với mỗi email tên miền riêng khác nhau, thông tin cá nhân cũng sẽ khác nhau nhé.
- Nhấn Complete Registation để hoàn tất việc tạo email tên miền riêng bằng Yandex miễn phí.

Tạo email theo tên miền riêng bằng Yandex
Hoàn thiện thông tin cho email theo tên miền vừa tạo

Cấu hình SPF và DKIM


Lưu ý : Thao tác cực kỳ quan trọng để thư của bạn khi gửi từ Yandex đến các dịch vụ email khác không bị xếp vào thư mục Spam.

1. Trên Yandex
- Quay trở lại trang quản lý domain của Yandex tại đây ⇒ chọn DNS Editor.
- Kéo nội dung xuống dưới, tìm đến 2 dòng được mình khoanh đỏ nhé.

Tạo email theo tên miền riêng bằng Yandex
Thông số SPF và DKIM trên Yandex

2. Trên trang quản lý domain
- Truy cập cài đặt DNS nâng cao.
- Tại mục Host Record, thêm 2 bản ghi TXT với thông số giống như mục khoanh đỏ bên trên. Nhớ đối chiếu cẩn cmn thận nhé.
- Cuối cùng là lưu lại tất cả. Done !!!

Tạo email theo tên miền riêng bằng Yandex
Cấu hình SPF và DKIM trên namecheap.com

Test thử nào :))


- Từ admin@vuistt.com (Yandex), mình sẽ gửi thư kiểm tra tới nowaytodje@gmail.com (Gmail).

Tạo email theo tên miền riêng bằng Yandex
Nội dung soạn thảo email trên Yandex

- Vào gmail xem có thấy thư mới không nhé ? :))

Tạo email theo tên miền riêng bằng Yandex
Đã nhận được email trên nowaytodje@gmail.com nhé


Lời kết


Mặc dù là 1 dịch vụ miễn phí nhưng chất lượng của Yandex Mail thì không hề tệ chút nào, cực kỳ ổn và xứng đáng 5 sao. Chúc anh em thành công.


Từ khóa tìm kiếm :

  • tạo email miễn phí theo tên miền tùy thích trên yandex
  • yandex mail là gì
  • domain yandex
  • tạo email theo tên miền bằng yandex
  • email for domain with yandex
  • email với tên miền riêng trên yandex

Cách thay đổi proxy trên trình duyệt

16:21 |

Proxy là một "bức tường" giúp quản trị viên có thể quản lý và bảo vệ người dùng tốt hơn khi tham gia vào mạng internet. Proxy được sử dụng phổ biến ở các cơ quan nhà nước, tập đoàn, công ty ... và thậm chí là ở chính nhà bạn nếu bạn thích :))


Cách thay đổi proxy trên trình duyệt
Cách thay đổi proxy trên trình duyệt

Proxy có 1 địa chỉ IP cố định do quản trị viên thiết lập. Trước khi sử dụng proxy cho trình duyệt, hãy đảm bảo là bạn biết chính xác địa chỉ này.

Thay đổi proxy trên trình duyệt Cốc Cốc


Phiên bản hiện tại : 68
- Click vào biểu tượng Cốc Cốc (màu xanh, góc trên cùng bên trái) ⇒ Cài đặtKhácThay đổi cài đặt proxy.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Cốc Cốc

- Chọn tiếp LAN settings (thao tác này trên Cốc Cốc sẽ giống với Chrome hay Internet Explorer, anh em lưu ý nhé).

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Cốc Cốc

- Tại mục Proxy server
⇒ Nếu bạn sử dụng thì đánh dấu tích vào dòng Use a proxy server ..., sau đó nhập lần lượt địa chỉ IP proxy (Address) và cổng (Port). Nhấn OK để lưu lại.
⇒ Không sử dụng thì bỏ dấu tích đi.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Cốc Cốc

Thay đổi proxy trên trình duyệt Chrome


Phiên bản hiện tại : 65
- Nhấp vào nút Tùy chỉnh và điều khiển (3 chấm dọc), chọn Cài đặt.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Chrome

- Chọn tiếp Nâng caoMở cài đặt proxy.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Chrome

- Đến đoạn này, anh em làm tương tự như cách thay đổi proxy trên trình duyệt Cốc Cốc nhé.

Thay đổi proxy trên trình duyệt Firefox


Phiên bản hiện tại : 58
- Nhấp vào menu ⇒ Options.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Firefox

- Kéo nội dung xuống phần Network Proxy, chọn Settings.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Firefox

- Tại cửa sổ Connection Settings.
⇒ Nếu bạn sử dụng proxy cho Firefox thì đánh dấu tích vào dòng Manual proxy configuration, sau đó nhập HTTP proxy và Port (cổng). Nhấn OK để lưu lại.
⇒ Không sử dụng thì chọn No proxy.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Firefox

Thay đổi proxy trên trình duyệt Microsoft Edge


Phiên bản hiện tại : 38
- Trên menu, chọn More (...)SettingsView advanced settingsOpen proxy settings.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Edge

- Tại mục Manual proxy setup.
⇒ Nếu bạn sử dụng proxy cho trình duyệt Edge thì bật chế độ On lên, sau đó nhập địa chỉ IP proxy và cổng. Nhấn Save để lưu lại.
⇒ Không sử dụng thì bật chế độ Off.

Cách thay đổi proxy trên trình duyệt
Thay đổi proxy trên trình duyệt Edge


Từ khóa tìm kiếm :

  • thay đổi proxy win 10
  • thay đổi proxy chrome
  • tắt proxy win 10
  • lỗi proxy trên cốc cốc
  • thay đổi proxy trên firefox
  • thay đổi proxy trình duyệt cốc cốc
  • cách thay đổi proxy trên internet explorer
  • thay đổi proxy trên microsoft edge

Tạo nút back to top lên đầu trang với css và jquery

14:43 |

Back to top - điểm nhấn để website của bạn trở nên chuyên nghiệp hơn.


Tạo nút back to top lên đầu trang với css và jquery
Tạo nút back to top lên đầu trang với css và jquery

Back to top là một "nút" chức năng trên trình duyệt giúp khách truy cập có thể trở về phần đầu trang một cách nhanh chóng. Xét về giao diện, Back to top sẽ được phân thành 2 loại :
- Không có hiệu ứng : ấn vào cái là tót lên đầu trang luôn. Rất nhanh nhưng không chuyên nghiệp.
- Có hiệu ứng : thanh cuộn trượt theo chiều dưới lên. Trông okie hơn nhiều ⇒ đây cũng sẽ là nội dung mà mình chia sẻ hôm nay.



Code tạo nút back to top


Với đoạn code dưới đây, bạn có thể tạo nút back to top cho wordpress, blogspot (blogger) hay bất cứ nền tảng ngôn ngữ nào khác sử dụng để lập trình web.
- Code gồm 3 phần : HTML, CSS và javascript / jquery.
- Copy - paste vào trong cặp thẻ <body></body> nhé.

Mã HTML


<div class='lentop'>
<div>
<img src='https://1.bp.blogspot.com/-k6sikOdzFXQ/VwqCKDosmEI/AAAAAAAAKxE/nLxLhkTIO6o3iE5ZWmtxo2bf4QHdzPQNQ/s1600/top.png'/>
</div>
</div>

Mã CSS


.lentop {display:none; bottom: 40%; right: 10px; cursor: pointer;  position: fixed; z-index: 1000;}
.lentop div {background:crimson; border:2px solid #fff; border-radius:45px; padding:11px 12.5px; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3)}
.lentop img {width:16px; height:16px;}

Mã javascript / jquery


- 100 : khoảng cách tính từ đầu trang web xuống tới khi xuất hiện nút Back to Top, đợn vị pixel.

<script src="http://code.jquery.com/jquery-latest.js"></script>
$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 100) $(".lentop").fadeIn();
else $(".lentop").fadeOut();
});
$(".lentop").click(function () {
$("body,html").animate({scrollTop: 0}, "slow");
});
});



Từ khóa tìm kiếm :

  • tạo nút back to top cho wordpress
  • tạo nút back to top với jquery
  • back to top html
  • trở về đầu trang html
  • tạo nút lên đầu trang với css và jquery
  • tạo nút lên đầu trang cho blogspot
  • nút quay về đầu trang html

Tạo nút "Assistive Touch" cho website

20:02 |

Lấy ý tưởng từ tính năng Assistive Touch trên iPhone, mình sẽ tạo ra 1 "nút menu" chứa các chức năng cần thiết để tăng độ tương tác của khách truy cập trên website.


Tạo nút "AssistiveTouch" cho website
Tạo nút "AssistiveTouch" cho website

Tùy vào mục đích tương tác mà quản trị viên sẽ đưa ra các chức năng phù hợp. Với 123itvn.com tại thời điểm này, mình chỉ đang sử dụng 3 chức năng sau.
- Back to top.
- Tìm kiếm nhanh ⇒ tăng view.
- Liên hệ với fanpage facebook ⇒ tăng like.


Ở bài viết này, mình chỉ chia sẻ đoạn code để tạo được nút "Assistive Touch". Còn đi sâu hơn vào phần thiết kế chức năng, cái này xin nhường lại cho anh em thỏa sức sáng tạo :))
Code sẽ bao gồm 3 phần HTML, CSS và Javascript (Jquery) - phiên bản 1.0 (10/01/2018).

Bước 1 : Tìm đến trước thẻ đóng </body>
Bước 2 : Copy - paste đoạn mã sau vào. Lưu lại.

Mã HTML


<div class='touch'>
<div class='menu-chinh'>
<img height='25px' width='25px' src='https://4.bp.blogspot.com/-BYUF7UMKLHY/WlWUudG4hsI/AAAAAAAANv4/zbyqGpPizqsi8yS6NuAgMwjpqunUunF1wCLcBGAs/s1600/ghim-giay-512-512.png' />
</div>
<div class='menu-1'>
<img height='16px' width='16px' src='https://1.bp.blogspot.com/-k6sikOdzFXQ/VwqCKDosmEI/AAAAAAAAKxE/nLxLhkTIO6o3iE5ZWmtxo2bf4QHdzPQNQ/s1600/top.png' />
</div>
<div class='menu-2'>
<a href='#' target='_blank'>
<img height='20px' width='20px' src='https://1.bp.blogspot.com/-3dlIirg_lPw/WlWMsI-zhpI/AAAAAAAANuk/6FbCxrWtzq0T2NqC9Mg-qx-svJ9scnc5ACLcBGAs/s1600/tim-kiem-trang-512-512.png' />
</a>
</div>
<div class='menu-3'>
<a href='#' target='_blank'>
<img width='25px' height='26px' src='https://1.bp.blogspot.com/-E9_cEAdmlrM/WlWJl5UNdNI/AAAAAAAANuY/q1N4zwDkgWU3pU2pbv3KYkMEipFYYzibwCLcBGAs/s1600/fb-mess-trang.png' />
</a>
</div>
</div>

Mã CSS 

.touch {width:135px; height:135px; position:fixed; bottom:50px; right:10px; z-index:1000;}
.touch div {width:min-content; border:2px solid #fff; border-radius:45px; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3); position: absolute; cursor: pointer; z-index: 1000;}
.menu-chinh { background:crimson;  padding:8px 8px 5px;   left:90px; top:90px; }
.menu-1 {display:none; background:#06ace6; padding:10.5px 12.5px; left:90px; top:0px;}
.menu-2 {display:none; background:#525457; padding:10px 10.5px 7px; left:35px; top:35px;}
.menu-3 {display:none; background:darkorchid; padding: 7.5px 8px 3.5px; left:0px; top:90px;}

Mã javascript / jquery


<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript'>
 $(".menu-chinh").click(function() {
 //Khi click vào Assistive touch, nếu các menu con đang ẩn thì hiện lên
 if($(".menu-1").css('display')=='none') $(".menu-1,.menu-2,.menu-3").show(200,'swing');
 // đang hiện thì ẩn đi
 else $(".menu-1,.menu-2,.menu-3").fadeOut('fast');
 });
 //click vào 1 trong các menu con thì tất cả cùng ẩn đi
 // thiết kế chức năng do quản trị viên code, có thể tham khảo trên 123itvn.com
  $(".menu-1,.menu-2,.menu-3").click(function() {
 $(".menu-1,.menu-2,.menu-3").fadeOut('fast');
 });
 // code cho nút lên đầu trang - backtotop
$(".menu-1").click(function () {
$("body,html").animate({scrollTop: 0}, "slow");
});
</script>

Lời kết


Trong thời gian tới, mình sẽ cập nhật thêm các phiên bản mới với code tối ưu hơn, chức năng tương tác tốt hơn, hi vọng chúng sẽ có ích cho website của anh em, nhớ đón đọc nhé.


Từ khóa tìm kiếm :

  • tạo nút chức năng nhanh cho website
  • menu nhanh trên website
  • tạo nút assistive touch cho website
  • menu truy xuất nhanh website

Tạo ảnh gif bằng giphy online

13:01 |

Với giphy, bạn hoàn toàn có thể tạo và quản lý kho ảnh gif của mình một cách cực kỳ hiệu quả.


Tạo ảnh gif bằng giphy online
Tạo ảnh gif bằng giphy online

Trong những công cụ để tạo / làm ảnh gif online hiện nay thì giphy là 1 website để lại cho mình khá nhiều ấn tượng. Ở khía cạnh nào đó, chúng ta có thể coi nó như mạng xã hội dành cho ảnh động vậy. Kho ảnh gif trên giphy vô cùng lớn và không ngừng tăng lên nhờ sự đóng góp tích cực từ phía người dùng.

Đăng ký tài khoản giphy




Trên menu, nhấn vào ô Log in. Bạn có thể đăng ký giphy bằng 2 cách :
- Sử dụng tài khoản facebook (nhanh nhất).
- Đăng ký bằng gmail.
Tùy anh em lựa chọn, việc đăng ký diễn ra khá nhanh và đơn giản.

Tạo ảnh gif bằng giphy online
Đăng ký tài khoản giphy

Sau khi đăng ký thành công, mỗi người dùng sẽ nhận được 1 đường link (ví dụ). Đây là nơi để bạn vừa quản lý vừa chia sẻ kho ảnh động của mình cho người khác.

Tạo ảnh gif bằng giphy


Trên menu, chọn Create.
Giao diện GIF MAKER xuất hiện. Tại đây, hệ thống sẽ đưa ra nhiều cách khác nhau để người dùng có thể lựa chọn và tạo nên 1 tấm ảnh gif nhanh chóng.

Tạo ảnh gif bằng giphy online
Cách cách để tạo ảnh gif tại giphy

Tạo ảnh gif từ nhiều hình ảnh khác nhau (slideshow)


Bước 1
- Click ô Choose Photo Or Gif và chọn các hình ảnh bạn muốn đưa vào trong ảnh gif.
- Thiết lập thông số
Image Duration : thời gian xuất hiện dành cho mỗi tấm ảnh (áp dụng như nhau), tính bằng giây (s). Bạn có thể chỉnh thông số này ở mục Seconds.
⇒ Nếu tổng thời gian xuất hiện lớn hơn 15s, hệ thống sẽ đưa ra cảnh báo được mình khoanh trắng như hình dưới. Bạn buộc lòng phải xóa đi vài tấm ảnh hoặc chỉnh thời gian ít hơn thì mới có thể tiếp tục thao tác.
Nhấn Continue to Decorate để chuyển sang bước tiếp theo.

Tạo ảnh gif bằng giphy online
Thiết lập thông số cho ảnh gif (slideshow)

Bước 2 : Chỉnh sửa ảnh gif
Bạn có thể chèn tiêu đề (Caption), Sticker, chỉnh sửa màu sắc (Filters - giống instagram) hoặc thêm hình vẽ (Draw) vào ảnh gif, tha hồ mà sáng cmn tạo =)) Tuy nhiên, không nên lạm dụng hiệu ứng quá nhiều bởi dung lượng ảnh sẽ tăng thêm đáng kể đấy.
Ổn rồi thì nhấn Continue to Upload.

Tạo ảnh gif bằng giphy online
Thêm hiệu ứng cho ảnh gif

Bước 3 : Bổ sung thông tin cho ảnh gif

Việc này không cần thiết cho lắm, anh em có thể bỏ qua nếu muốn.
- Source URL : đường link file ảnh gốc - thứ mà bạn tham khảo để tạo nên tấm ảnh gif này.
- Add tags : dùng tag (thẻ) để phân loại nội dung kiểu chó mèo, cây cối, ... các các thứ.
- Public : ON (công khai) hoặc OFF (chỉ có bạn mới xem được).

Cuối cùng là up ảnh lên Giphy. Đợi hệ thống xử lý một chút, sau khi việc tạo ảnh gif hoàn tất, bạn có thể tải ảnh về hoặc chia sẻ link cho người khác nhé.

Tạo ảnh gif bằng giphy online
Upload to GIPHY

Tạo ảnh gif từ video


Bước 1 : Thiết lập đầu vào
- Cách 1 : Click Choose Video để chọn video từ chính thiết bị của bạn (máy tính, điện thoại ...).
- Cách 2 : Copy link video từ Youtube, Vimeo hoặc của chính Giphy và paste vào khung URL.

Bước 2 : Cắt video
- Start time : thời gian ảnh gif bắt đầu xuất hiện (A).
- Duration : thời gian ảnh gif chạy đến khi kết thúc (B).

Nếu coi độ dài của clip là C thì lúc nào A + B =< C. Cụ thể hơn trong hình : A = 2, B = 5 còn C của mình thì = 7.

Tạo ảnh gif bằng giphy online
Cắt video (ảnh gif) trên giphy

Đến đoạn này thì thao tác lại giống hệt bước 2 + bước 3 của cách trên rồi, mình sẽ để đây và không nói gì nữa nữa :)) Mời anh em xem qua bản demo mà ad đã dày công chế tạo, chúc cả nhà 1 ngày cuối tuần vui vẻ. 👿




Từ khóa tìm kiếm :

  • tạo ảnh gif nhanh chóng bằng giphy
  • giphy upload
  • làm ảnh gif online
  • tạo ảnh gif từ video
  • cách tạo ảnh gif bằng giphy.com
  • huong dan tao anh gif tren giphy