Tạo Thanh điều hướng chuyển chapter cho Template Truyện tranh Blogger

How To Make Navigation Next And Prev For Manga Blogger Template

Thanh điều hướng chuyển chapter là tính năng đặc trưng của template truyện so với các template khác. Thanh điều hướng sẽ giúp bạn di chuyển qua lại giữa các chapter truyện thuận tiện hơn ngay trong trang đọc truyện. Bài viết này sẽ hướng dẫn cho các bạn mang tính năng chuyển chapter lên các template khác.

Xem thêm

Hộp thông báo Phát hiện AdBlock khi sử dụng tiện ích chặn quảng cáo trên website

Adblock Detect Notify Box

Đã có khá nhiều thủ thuật thủ thuật thú vị liên quan đến AdBlock mà Iris Tips đã chia sẻ đến bạn. Sau đây là một thủ thuật khác liên quan đến việc phát hiện người dùng sử dụng Adblock khi lướt qua website của bạn, tiện ích này sẽ hiển thị một bảng thông báo và yêu cầu phải tắt Adblock với hướng dẫn cụ thể cách tắt tiện ích để tiếp tục lướt web trên site.

Xem thêm

Hiển thị tên nhãn (label) trên ảnh thumbnail bài viết ở trang chủ và trang index Blogger

Display the label name on the article thumbnail on the home page and the index page for Blogger

Thủ thuật sau đây sẽ giúp bạn hiển thị tên nhãn (label) trên ảnh thumbnail bài viết ở trang chủ và trang index cho Blogger. Nó giúp cho bạn dễ dàng phân loại bài viết thuộc chuyên mục nào mà không cần đến Javascript nặng nề do thủ thuật chỉ cần một chút CSS là đủ.

Xem thêm

Nút Like - Love Bài viết trên Blogger có lưu thống kê số lượng click với hiệu ứng đẹp mắt

Add Like & Love Button to your Blogger Post

Bạn thích nút "Like" trên Facebook nhưng lại không thích nhúng chúng vào website của mình vì code của FB load khá chậm. Sau đây là một giải pháp thay thế khá hoàn hảo cho bạn với Nút Love có kèm theo hệ thống thống kê lưu lại số lượt đã nhấn "Like" y như trên Facebook và kèm theo các hiệu ứng thả tim khá đẹp mắt.

Xem thêm

Cách tạo Responsive Recent Post với ảnh thumbnail cho Blogger của bạn

Responsive Recent Post with thumbnail

Tiện ích Recent Post hay Bài viết gần đây nhất hiện nay đã trở nên khá quen thuộc đối với các bạn dùng Blogger rồi phải không nào, nó sẽ giúp liệu kê các bài viết mới nhất trên website của bạn. Hôm nay Iris Tips sẽ chia sẻ cho các bạn 1 style của tiện ích này với ảnh thumbnail trông khá đẹp mắt.

Xem thêm

Hướng dẫn cách chèn Quảng cáo vào Trình phát Video HTML5 trên website

Insert Ads on HTML5 Video

Bạn làm một website chuyên về video, phim. Bạn muốn kiếm thêm thu nhập từ những video của mình. Vậy bạn hãy thử các cách chèn quảng cáo vào video của Iris Tips ở bài viết bên dưới nhé.

Ở bài viết này Iris Tips sẽ chia sẻ cho các bạn 2 dạng chèn quảng cáo là chèn video quảng cáo trước video chính (khi nhấn nút play) và chèn banner quảng cáo tùy chỉnh trong khi video đang phát.

Xem thêm

Cách vô hiệu hóa click chuột (chuột trái và chuột phải) trên iframe

How to disable click event (left click & right click) on iframe?

Trước đây, Javascript là công cụ duy nhất giúp ta thêm yếu tố tương tác vào website. Tuy nhiên, mọi thứ đã thay đổi từ khi Pointer Events phổ biến rộng rãi. Pointer Events cho phép lập trình viên xác định liệu yếu tố đồ họa có phản ứng với các sự kiện của chuột (mouse event) hay không. Từ đây có rất nhiều ứng dụng hay từ thuộc tính Pointer Events trong CSS, một trong số đó là vô hiệu hóa sự kiện click chuột trên iframe.

Khi sử dụng iframe để nhúng, đặc biệt là để nhúng các tài liệu, file pdf, ebook... một số bạn đã tìm cách chống click chuột phải trên khung iframe bằng Javascript nhưng điều đó dường như là bất khả thi vì chúng ta không thể tác động đến một trang web khác khi không sở hữu chúng. Nhưng bằng cách tận dụng Pointer Events chúng ta có thể thực hiện điều này là vô hiệu hóa click chuột phải trên khung iframe, tuy nhiên Pointer Events cũng vô hiệu hóa luôn cả chuột trái, tức là chúng ta không thể tương tác với khung iframe bằng chuột được nữa... nhưng cũng đáng để thử qua phải không nào.

Xem thêm

Cách lập chỉ mục trên Google, Index nhanh bài viết khi Submit URL Tool không còn

Submit URL to Google, Index content

Thường khi muốn bài viết trên website của bạn hiển thị trong kết quả tìm kiếm trên Google hay còn gọi là Index bài viết chúng ta thường hay sử dụng công cụ Submit URL Tool (Thu thập dữ liệu URL) của Google Webmaster tại địa chỉ https://google.com/addurl, nhưng nay khi công cụ này không còn (hiển thị) nữa thì chúng ta làm thế nào? Hãy những cách sau trong bài viết bên dưới của Iris Tips nhé.

Xem thêm

Cách tạo mật khẩu bảo vệ nội dung bài viết và trang web cho Blogger

How to Create Password Protect a Web Page

Có khá nhiều lý do để bạn tạo một mật khẩu bảo vể nội dung cho một website như: thông tin cá nhân, nội dung không dành cho trẻ em... Hoặc chỉ đơn giản bạn muốn tránh sự dòm ngó của người khác, chỉ muốn những người nhất định đọc được nội dung này.

Ở một bài viết trước Tạo Mật khẩu bảo vệ cho Bài viết của bạn trên Blogger Iris Tips đã chia sẻ cho các bạn cách đặt mật khóa để khóa bài viết lại, tuy nhiên phương pháp đó có một nhược điểm là sẽ bị yêu cầu nhập password ngay khi tải trang và nó sẽ khóa toàn bộ nội dung trang web, đã có một số bạn đã hỏi Iris Tips rằng có cách nào chỉ khóa một phần nội dung trên bài viết thôi chứ không toàn bộ. Sau đây Iris Tips sẽ chia sẻ cho các bạn một vài cách để thực hiện điều trên.

Xem thêm: Tạo Mật khẩu bảo vệ cho Bài viết của bạn trên Blogger

Xem thêm

Giới hạn số lượng bài viết hiển thị trong trang Labels và Archive trong Blogger

Limiting the number of posts in Labels Page & Archive Page

Khi xem bài viết trong trang label vả archive mặc định Blogger sẽ hiển thị 20 bài viết gần nhất, nhưng 20 là số lượng khá lớn sẽ gây lag website khi tải trang. Cách khắc phục đơn giản nhất là thêm max-results=... vào cuối liên kết để giới hạn số lượng bài viết hiển thị.

Tuy nhiên có một số người dùng lại tự ý xóa cụm từ trên hoặc sử dụng trang Archive, mục đích có lẽ do "lười", muốn xem tất cả các bài viết trong 1 lần load trang. Và sau đây là một thủ thuật nhỏ để ngăn những người dùng muốn "Break The Rules" ấy.

Xem thêm

Tạo Biểu mẫu Online với Upload File và Sale Order

Create an Online Form with Upload File and Sale Order

Ở một bài viết trước Tùy chỉnh Giao diện Google Form để nhúng vào website của bạn Iris Tips đã hướng dẫn cho các bạn cách tùy chỉnh Giao diện Google Form nhưng Google Form có một nhược điểm là không thể tích hợp chức năng upload file. Hôm nay (theo yêu cầu của một số độc giả) Iris Tips sẽ chia sẻ cho các bạn một cách khác để tạo Online Form tích hợp upload file và các chức năng khác như Sale Order, Payment, Survey...

Xem thêm

Khung thông báo Phát hiện AdBlock khi người dùng sử dụng tiện ích chặn quảng cáo

Adblock Detect Notification

Đây là đoạn code dành cho các Publisher, khi người dùng sử dụng tiện ích chặn quảng cáo trên website sẽ hiển thị một bảng thông báo nhắc nhở người dùng tắt AdBlock.

Khác với đoạn code Loại bỏ Adblock khi vào xem website cho Blogger hiển thị toàn màn hình và gây khó chịu cho người sử dụng, đoạn code này sẽ chỉ hiện một khung thông báo nhắc nhở nhỏ ở cạnh dưới website và người dùng có thể dễ dàng tắt đi khung thông báo đó.

• DEMO

Xem thêm

Mô phỏng tính năng Facebook Reactions cho Blogger của bạn

Facebook Reactions for your Blogger

Reactions là một tính năng khá thú vị của Facebook giúp bạn bày tỏ được cảm xúc trên các bài viết, bình luận của bạn bè, người thân... Hôm nay Iris Tips sẽ giúp mang tính năng vào Blogger của bạn thông qua 4 style reactions bên dưới.

Xem thêm

Kích hoạt Chế độ ban đêm - Night Mode cho Blogger

Enable Night Mode for Blogger

Bạn cảm thấy mỏi mắt và khó ngủ khi hay lướt các website vào ban đêm? Đó là do phần lớn đều có nền màu sáng trắng, màu nền này khi xem vào ban ngày không có vần đề gì nhưng khi đâm đến cộng với chế độ ánh sáng yếu (nếu bạn tắt đèn) thì sẽ thường gặp phải vấn đề trên.

Do đó một số trình duyệt web, nhất là trên smartphone hay trên một số website như Twitter chẳng hạn đều có chế độ ban đêm, chuyển các thành phần trên web sang tông màu tối, giúp bảo vệ đôi mắt của bạn và giúp bạn đi vào giấc ngủ dễ dàng hơn.

Bài viết sau đây của Iris Tips sẽ giúp mang Chế độ ban đêm - Night Mode vào Blogger của bạn với 2 nút kích hoạt khá đẹp mắt.

Xem thêm

Tùy chỉnh Giao diện Google Form để nhúng vào website của bạn

How To Customize Your Google Forms With Themes?

Google Form là một công cụ tuyệt vời để bạn thu thập dữ liệu từ khách hàng, người tham gia khảo sát... Nó có rất nhiều các tùy chọn câu hỏi từ Trắc nghiệm, Hộp kiểm đến Ngày, Giờ, Phạm vi tuyến tính... Tuy nhiên Google Form có một nhược điểm là khả năng tùy biến về giao diện khá yếu, chỉ đơn giản là đổi màu hay thêm ảnh bìa cho biểu mẫu.

Bài viết sau đây của Iris Tips sẽ hướng dẫn cho các bạn từng bước cách thêm CSS và HTML tùy chỉnh vào Google Form giúp cho biểu mẫu trở nên đầy màu sắc và chuyên nghiệp hơn.

Xem thêm

Bảo vệ tài khoản Google Adsense bằng cách tạo lớp phủ quảng cáo trên website của bạn

Google Adsense: Enable in-site ad overlays

Có được tài khoản Google Adsense đã khó, bảo vệ nó còn khó hơn. Sau đây là một trong những cách bảo vệ tài khoản của bạn bằng cách bật lớp phủ trên các quảng cáo trên website bạn. Bằng cách đó bạn sẽ không thể click nhầm vào các quảng cáo của mình (vi phạm chính sách của Adsense).

Xem thêm

Tích hợp Facebook Messenger Live Chat vào website của bạn

How to brings Facebook Messenger live chat and bots to websites?

Facebook Messenger hiện đã có một plugin cho phép khách truy cập trang web tham gia trò chuyện trực tiếp với quản trị viên trang web hoặc bot mà không cần rời khỏi trang web đó. Được gọi là Customer Chat.

Không giống như những cách tích hợp Facebook chat trước kia, khách hàng chỉ được gửi một tin nhắn duy nhất đến hộp thư Messenger của quản trị viên website, đây thật sự là một "live chat" đúng nghĩa giống như bạn đang trò chuyện trên Messenger vậy.

Là 1 plugin hết sức cần thiết, nhất là đối với các website bán hàng, nhưng không hiểu sao đến tận version 2.2 của Messenger Platform mới được Facebook tích hợp vào. Hiện plugin chỉ ở giai đoạn beta và chỉ hoạt động trên những tên miền bảo mật được phân phối qua giao thức HTTPS.

Xem thêm

Hướng dẫn tạo trang web bán hàng chuyên nghiệp với Blogger

How to add an Online Store to Blogger for FREE

Bạn muốn tạo một trang web bán hàng với đầy đủ các chức năng chuyên nghiệp không kém gì nền tảng Wordpress như giỏ hàng, trang thanh toán, gửi email xác nhận cho khách hàng sau khi mua hàng, in hóa đơn... cho Blogger của mình.

Cửa hàng dùng Javascript của bên thứ 3 để nhúng vào Blogger đã tối ưu gần như hoàn toàn, chuẩn responsive trên mọi thiết bị nên hầu như bạn không cần phải chỉnh sửa gì nhiều và các bước thực hiện cũng khá đơn giản. Chi tiết các bạn hãy tham khảo bài viết hướng dẫn dưới đây của Iris Tips nhé.

Ngoài ra bạn có thể kết hợp thêm thủ thuật này để thêm thanh công cụ vào để cửa hàng trông chuyên nghiệp hơn nhé.

Xem thêm: Tạo thanh công cụ chức năng dành cho website bán hàng

• DEMO

Xem thêm

Tạo hộp liên hệ nhỏ gọn ở cạnh bên trượt dọc theo website

Đây là một widget thường dùng cho các website bán hàng, khách hàng có thể dễ dàng liên hệ với bạn thông qua Số điện thoại, Facebook hoặc Zalo.

Đặc biệt widget này có thêm nút đóng ẩn tiện ích không làm khách hàng cảm thấy khó chịu nếu vô tính widget này che mất sản phẩm.

Và cuối cùng tiện ích làm hoàn toàn bằng CSS nên sẽ không làm ảnh hưởng đến tốc độ tải trang của website bạn.

Xem thêm

Thanh công cụ chức năng dành cho website bán hàng

Responsive Side Panel for Blogger

Khi lướt qua các website bán hàng, nhất là nền tảng WordPress các bạn sẽ thường thấy thanh công cụ trượt dọc theo cạnh bên website có chứa các lối tắt chức năng vô cùng tiện lợi. Hôm nay nhân dịp Iris Tips làm theme WP cho khách hàng, mình xin trích ra 1 vài widget ra sang cho Blogger và chia sẻ cho các bạn.

Thanh công cụ này sẽ trượt dọc theo website của bạn, kèm theo chức năng phóng to - thu nhỏ vô cùng tiện lợi.

Xem thêm