Tạo Nút Click Để Đánh Dấu Trang (Bookmark) Lên Trình Duyệt Cho Web | Thiết Kế Web 39

Là chủ 1 website chắc hẳn bạn muốn được người dùng đánh dấu (bookmark) trang của bạn lại để truy cập những lần sau đúng không nào? Để người dùng tự đánh dấu web lên trình duyệt thì web của bạn phải có nội dung hấp dẫn, ngoài ra bạn phải tạo điều kiện để người dùng có thể dễ dàng bookmark trang web của bạn. Bài viết này Thiết Kế Web 39 sẽ hướng dẫn bạn cách tạo nút click để đánh dấu trang lên trình duyệt cho website WordPress của bạn.

Hướng dẫn tạo nút click đánh dấu trang lên trình duyệt cho website

Việc tạo nút click để bookmark trang web cũng khá dễ dàng, bạn chỉ cần làm theo các bước dưới đây là được 🙂

Lưu ý: Có 1 lưu ý nhỏ là đoạn code này sẽ tạo nút click để đánh dấu trang web nhưng nó sẽ chỉ hoạt động tốt trên 1 số trình duyệt như Firefox, IE còn với Chrome và 1 vài trình duyệt khác nó sẽ hiện thông báo hướng dẫn để người dùng tự đánh dấu

Bước 1: Tải file bookmark.css bookmark.js dưới đây

Update: Hiện tại link down đã bị gỡ bỏ vì cách này không còn áp dụng được với trình duyệt mới.

Bước 2:  Upload 2 file đó lên host. Có thể upload vào bất cứ đâu cũng được nhưng phải nhớ đường dẫn của nó.

Ví dụ ở đây mình up lên thư mục theme với đường dẫn: /wp-content/themes/nguyenhung-child/bookmark/bookmark.css/wp-content/themes/nguyenhung-child/bookmark/bookmark.js

Bước 3: Sau khi upload 2 file xong bạn nhúng 2 file này vào trước thẻ

trong file header.php như sau:


tao-nut-click-de-danh-dau-trang-bookmark-len-trinh-duyet-cho-web-11

Bước 4: Cuối cùng, bạn muốn nút đánh dấu trang này hiển thị ở đâu thì bạn đặt đoạn code sau vào vị trí đó là được.

Click để đánh dấu trang

Như vậy chỉ với 4 bước cơ bản bạn đã có thể tạo cho web mình 1 nút click để đánh dấu trang nhanh chóng. Với nút bookmart này thì độc giả của bạn có thể dễ dàng bookmark web vào mục yêu thích (Add to Favorites trên trình duyệt).

Cảm ơn bạn đã luôn đồng hành cùng NguyenHung.Net. Nếu yêu thích blog và muốn đọc nhiều chia sẻ hấp dẫn thì hãy click vào nút đánh dấu trang demo ở trên và thêm blog vào Bookmark nhé.

Bài viết tham khảo của bác Nguyenhung.net

Leave a Reply

Your email address will not be published. Required fields are marked *