Tạo nút click để đánh dấu trang (Bookmark) lên trình duyệt cho web

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 Nguyễn Hùng 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

Download file CSS và JS tạo nút Bookmark:

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ẻ </header> trong file header.php như sau:

<link rel="stylesheet" href="/wp-content/themes/nguyenhung-child/bookmark/bookmark.css">
<script src="/wp-content/themes/nguyenhung-child/bookmark/bookmark.js"></script>

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.

<a id="bookmark-this" href="#" title="Đánh dấu trang này">Click để đánh dấu trang</a>

Ví dụ đây là nút đánh dấu trang trên trình duyệt mình làm demo: 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 NguyenHungPlus.Com. 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é 🙂

Tạo nút click để đánh dấu trang (Bookmark) lên trình duyệt cho web
5 10 votes

Để lại ý kiến của bạn

Hello! Tớ là Nguyễn Hùng, blog này tớ xây dựng nhằm mục đích chia sẻ miễn phí các kiến thức máy tính và làm web Wordpress, SEO, SEM, MMO,... mà tớ biết cho tất cả mọi người. Cảm ơn bạn đã ghé qua blog, nếu thấy bài viết hay, hãy chia sẻ để ủng hộ tinh thần cho tớ nha. → Xem tiếp"
Đăng ký nhận bản tin!

Đăng ký nhận bản tin!

Đăng ký email để nhận bài viết mới và các khuyến mãi, quà tặng trên blog Nguyễn Hùng.

Đăng ký thành công!